.preview-note{border:1px dashed var(--line-strong);max-width:720px;font-family:var(--mono);color:var(--accent-warm);border-radius:10px;margin:24px auto 0;padding:10px 14px;font-size:12px}.back-link{font-family:var(--mono);color:var(--fg-mute);justify-self:start;font-size:13px;line-height:16px;text-decoration:none}.back-link:hover{color:var(--fg)}.article-head{max-width:calc(720px + 2 * var(--gutter));padding:72px var(--gutter) 44px;gap:22px;margin:0 auto;display:grid}.article-head .kicker{color:var(--accent)}.article-head__title{font-family:var(--serif);letter-spacing:-.02em;color:var(--fg);font-size:60px;font-weight:500;line-height:64px}.article-head__dek{font-family:var(--serif);color:var(--fg-mute);font-size:24px;font-style:italic;font-weight:500;line-height:34px}.meta-row{font-family:var(--mono);color:var(--fg-meta);flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:13px;line-height:18px;display:flex}.meta-row>*+:before{content:"·";margin-inline-end:18px}.meta-row__author{color:var(--fg)}@media (width<=520px){.meta-row__author{flex-basis:100%}.meta-row__author+:before{content:none}}.article-cover{max-width:calc(1040px + 2 * var(--gutter));padding-inline:var(--gutter);margin:0 auto}.article-cover img{object-fit:cover;border:1px solid var(--line);background:var(--bg-soft);border-radius:18px;width:100%;height:420px}.article-body{max-width:calc(720px + 2 * var(--gutter));padding:64px var(--gutter) 0;margin:0 auto}.article-end{max-width:calc(720px + 2 * var(--gutter));padding:72px var(--gutter) 96px;gap:28px;margin:0 auto;display:grid}.end-card__title{font-family:var(--serif);color:var(--fg);text-wrap:balance;font-size:22px;font-weight:500;line-height:28px}.prose{color:var(--fg-body);overflow-wrap:break-word;font-size:18px;line-height:31px}.prose>*{margin:0}.prose>*+*{margin-block-start:26px}.prose h2,.prose h3,.prose h4{font-family:var(--serif);color:var(--fg);scroll-margin-top:24px;font-weight:600}.prose h2{letter-spacing:-.01em;font-size:34px;line-height:40px}.prose h3{font-size:26px;line-height:32px}.prose h4{font-size:21px;line-height:28px}.prose>*+:is(h2,h3,h4){margin-block-start:40px}.prose :is(h2,h3,h4)+*{margin-block-start:18px}.prose a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}.prose a:hover{color:var(--accent)}.prose strong{color:var(--fg);font-weight:600}.prose :not(pre)>code{font-family:var(--mono);color:var(--accent-2);overflow-wrap:anywhere;background:#67e8f914;border-radius:6px;padding:.1em .35em;font-size:.89em}.prose blockquote{border-inline-start:2px solid var(--accent);font-family:var(--serif);color:var(--fg-mute);padding-inline-start:22px;font-size:22px;font-style:italic;font-weight:500;line-height:34px}.prose blockquote p+p{margin-block-start:14px}.prose :is(ul,ol){padding-inline-start:1.4em}.prose li+li,.prose li>:is(ul,ol){margin-block-start:10px}.prose li::marker{color:var(--fg-meta)}.prose hr{border:0;border-block-start:1px solid var(--line-strong);width:48px;margin-inline:auto}.prose>*+hr,.prose>hr+*{margin-block-start:44px}.prose .emdash-image{margin-inline:0}.prose .emdash-image img{border:1px solid var(--line);border-radius:14px;width:100%;height:auto}.prose figcaption{font-family:var(--mono);color:var(--fg-meta);text-align:center;margin-block-start:10px;font-size:12px;line-height:18px}.code{background:var(--bg-soft-2);border:1px solid var(--line);border-radius:14px;margin-inline:0;overflow:hidden}.code__bar{border-block-end:1px solid var(--line);font-family:var(--mono);color:var(--fg-meta);text-align:start;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:12px 18px;font-size:12px;line-height:16px;display:flex}.code__copy{font:inherit;color:var(--fg-meta);cursor:pointer;background:0 0;border:0;padding:0}.code__copy:hover{color:var(--fg)}.code pre{font-family:var(--mono);color:var(--fg);tab-size:4;margin:0;padding:20px 18px;font-size:14px;line-height:24px;overflow-x:auto;background:0 0!important}.code pre code{font:inherit}.embed--video{margin-inline:0}.embed__frame{aspect-ratio:16/9;border:1px solid var(--line);background:var(--bg-soft);border-radius:14px;position:relative;overflow:hidden}.embed__frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.prose .embed--card{border:1px solid var(--line-strong);color:var(--fg);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:16px 20px;text-decoration:none;transition:border-color .15s ease-out;display:grid}.prose .embed--card:hover{border-color:var(--section);color:var(--fg)}.embed__host{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-meta);font-size:12px;line-height:16px}.embed__title{overflow-wrap:anywhere;grid-column:1;font-size:16px;line-height:24px}.embed__arrow{color:var(--fg-meta);grid-area:1/2/span 2;align-self:center}@media (width<=720px){.article-head{gap:18px;padding-block:40px 32px}.article-head__title{font-size:40px;line-height:44px}.article-head__dek{font-size:20px;line-height:29px}.article-cover{padding-inline:0}.article-cover img{border-inline:0;border-radius:0;height:210px}.article-body{padding-block-start:40px}.prose{font-size:17px;line-height:30px}.prose h2{font-size:28px;line-height:34px}.prose h3{font-size:23px;line-height:29px}.prose blockquote{padding-inline-start:16px;font-size:20px;line-height:31px}.code pre{padding:16px;font-size:13px;line-height:22px}.article-end{padding-block:56px 72px}}.note{border:1px solid var(--line);background:var(--bg-soft);font-family:var(--sans);color:var(--fg-mute);border-radius:14px;padding:18px 22px;font-size:15px;font-style:normal;font-weight:400;line-height:25px}.note>*+*{margin-block-start:10px}.note p{margin:0}.note p+p{margin-block-start:10px}.note__label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-meta);font-size:11px;line-height:16px}.prose .note a{color:var(--fg-body)}.prose .note-card{background:linear-gradient(135deg, #a3e6351f, var(--bg-soft) 70%);font-family:var(--sans);color:var(--fg);border:1px solid #a3e63573;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:16px 20px;text-decoration:none;transition:border-color .15s ease-out;display:grid}.prose .note-card:hover{border-color:var(--kale);color:var(--fg)}.note-card__host{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--kale);font-size:12px;line-height:16px}.note-card__text{grid-column:1;font-size:17px;line-height:26px}.note-card__arrow{color:var(--kale);grid-area:1/2/span 2;align-self:center}.prose sup{letter-spacing:.04em;vertical-align:super;font-size:.62em;line-height:0}.prose .emdash-break-line{border:0;border-block-start:1px solid var(--line-strong);background:0 0;width:48px;height:0;margin-inline:auto;display:block}