@layer components{.seo-notes{border-block:1px solid var(--seo-hair);margin:0;padding:0;list-style:none}.seo-notes>li+li{border-top:1px solid var(--seo-hair)}.seo-note{color:inherit;flex-wrap:wrap;align-items:baseline;gap:8px 32px;padding-block:24px;text-decoration:none;display:flex}.seo-note-badge{text-align:center;border:1px solid var(--seo-hair);background:var(--color-ink);min-width:92px;font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.14em;text-transform:uppercase;color:var(--color-mute);flex:none;padding:2px 8px;line-height:1.4}.seo-note-badge[data-kind=notatka]{color:var(--seo-chrome-mid)}.seo-note-title{min-width:0;font-family:var(--font-display);letter-spacing:-.01em;color:var(--seo-paper-1);transition:color .3s var(--seo-ease);flex:1 1 0;font-size:clamp(1.05rem,.9rem + .8vw,1.45rem);font-weight:600;font-stretch:105%;line-height:1.25}.seo-note-meta{align-items:baseline;gap:20px;display:flex}@media (max-width:47.99rem){.seo-note-meta{order:1;margin-left:auto}.seo-note-title{flex-basis:100%;order:2}}.seo-note-status{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.14em;text-transform:uppercase;color:var(--color-mute)}.seo-note-status-live{color:var(--color-accent)}.seo-note-date{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-mute);font-size:11px}.seo-note-arrow{color:var(--color-mute);transition:transform .3s var(--seo-ease), color .3s var(--seo-ease);display:inline-flex}@media (hover:hover){.seo-note-link:hover .seo-note-title{color:var(--color-off)}.seo-note-link:hover .seo-note-arrow{color:var(--seo-chrome-hi);transform:translate(4px)}}.seo-note-archive{border:1px solid var(--color-line-2);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-off);transition:border-color .2s var(--seo-ease);margin-top:32px;padding:6px 12px;font-size:11px;text-decoration:none;display:inline-block}.seo-note-archive:hover{border-color:var(--color-mute)}.seo-faq{gap:48px;display:grid}@media not all and (min-width:64rem){.seo-faq-head .type-h2{max-width:14ch}}.seo-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;padding:32px;display:flex}@media (min-width:48rem){.seo-line{padding:40px}}.seo-line-text{max-width:46ch;color:var(--color-off);margin:0;font-size:18px;line-height:1.65}.seo-compiler{background:var(--seo-hair);border:1px solid var(--seo-hair);gap:1px;margin-top:56px;display:grid}@media (min-width:64rem){.seo-compiler{grid-template-columns:minmax(0,1fr) minmax(min(680px,58%),880px)}.seo-compiler-form{justify-self:end;width:100%;max-width:880px}}.seo-compiler-form:focus{outline:none}.seo-line .seo-line-actions{gap:16px;margin-top:0}.seo-compiler-cell{background:var(--color-ink);padding:24px}@media (min-width:48rem){.seo-compiler-cell{padding:36px}}.seo-compiler-form{background:var(--color-panel)}.seo-after-list{margin:20px 0 0;padding:0;list-style:none}.seo-after-list>li{border-top:1px solid var(--seo-hair);font-size:max(15px, var(--text-min));color:var(--color-off);padding-block:14px;line-height:1.5}.seo-after-list>li:last-child{border-bottom:1px solid var(--seo-hair)}.seo-after .seo-after-reach-dl{margin-top:28px}.seo-after-reach-dl .contact-mail{font-size:16px}.seo-st-grid{border:1px solid var(--seo-hair-strong);background:var(--seo-hair-strong);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.seo-st-grid>.seo-st-tile{border:0}.seo-st-tile[data-wide]{grid-column:span 2}@media (min-width:48rem){.seo-st-grid{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr))}.seo-st-tile[data-wide]{grid-column:auto}}.seo-st-tile{padding:16px 20px}.seo-st-small{font-size:11px}.seo-st-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-off);margin:4px 0 0;font-size:24px;font-weight:600;font-stretch:105%;line-height:32px}.seo-st-note{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.12em;text-transform:uppercase;color:var(--color-mute);margin:4px 0 0;line-height:1.5}.seo-visit-good{color:var(--color-accent)}.seo-visit-warn{color:var(--color-warning)}.seo-visit-tile{flex-wrap:wrap;align-items:baseline;column-gap:12px;display:flex}.seo-visit-tile .seo-visit-wait{font-family:var(--font-mono);letter-spacing:.04em;font-size:12px;font-weight:400}.seo-visit-dot,.seo-visit-wait{color:var(--color-mute)}.seo-st-bar{border:1px solid var(--seo-hair);background:var(--color-marine);flex-direction:column;justify-content:space-between;gap:20px 40px;margin-top:24px;padding:16px 20px;display:flex}@media (min-width:48rem){.seo-st-bar{flex-direction:row;align-items:center}}.seo-visit-metrics{font-family:var(--font-mono);flex-wrap:wrap;gap:8px 28px;margin-top:8px;font-size:12px;display:flex}.seo-visit-metric{align-items:baseline;gap:8px;display:flex}.seo-visit-name{letter-spacing:.14em;text-transform:uppercase;color:var(--color-mute);font-size:11px}.seo-st-build{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-mute);margin:0;font-size:11px;line-height:1.6}.seo-st-sha{color:var(--seo-chrome-mid)}}.seo-compiler-form>form,.seo-compiler-form>p[role=status]{background:0 0;border:0;padding:0}
@layer components{.seo-door{background:var(--color-ink);color:inherit;flex-direction:column;flex:1;justify-content:space-between;padding:32px;text-decoration:none;transition:transform .2s cubic-bezier(0,0,.2,1);display:flex;position:relative}@media (min-width:48rem){.seo-door{padding:40px}}.seo-door-arrow{color:var(--color-mute);transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.seo-door-foot{transition:color .15s cubic-bezier(.4,0,.2,1)}.seo-door-edge{pointer-events:none;background:linear-gradient(90deg, var(--seo-chrome-lo), var(--seo-chrome-hi), var(--seo-chrome-lo));transform-origin:0;height:1px;transition:transform .5s cubic-bezier(0,0,.2,1);position:absolute;inset:0 0 auto;transform:scaleX(0)}@media (hover:hover){.seo-door:hover .seo-door-arrow{color:var(--seo-chrome-hi);transform:translate(4px)}.seo-door:hover .seo-door-foot{color:var(--seo-chrome-mid)}.seo-door:hover .seo-door-edge{transform:scaleX(1)}}.seo-door:focus-visible .seo-door-arrow{color:var(--seo-chrome-hi);transform:translate(4px)}.seo-door:focus-visible .seo-door-edge{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.seo-door,.seo-door-arrow,.seo-door-edge{transition:none}}}