[data-page=blogpost] .art-hero{padding:clamp(40px,6vw,68px) 0 0}[data-page=blogpost] .art-back{color:var(--ink-3);align-items:center;gap:7px;margin-bottom:22px;font-size:14px;font-weight:500;display:inline-flex}[data-page=blogpost] .art-back svg{width:16px;height:16px}[data-page=blogpost] .art-back:hover{color:var(--ink)}[data-page=blogpost] .art-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}[data-page=blogpost] .art-title{font-family:var(--font-display);letter-spacing:-.02em;max-width:18ch;font-size:clamp(30px,4.4vw,52px);font-weight:600;line-height:1.08}[data-page=blogpost] .art-lede{color:var(--ink-2);max-width:60ch;margin-top:18px;font-size:clamp(17px,1.6vw,21px);line-height:1.55}[data-page=blogpost] .art-byline{align-items:center;gap:12px;margin:26px 0;display:flex}[data-page=blogpost] .art-byline .av{color:#fff;background:linear-gradient(135deg,var(--c-clay),var(--accent));border-radius:50%;place-items:center;width:42px;height:42px;font-weight:600;display:grid}[data-page=blogpost] .art-byline b{font-size:14.5px;display:block}[data-page=blogpost] .art-byline span{color:var(--ink-4);font-size:13px}[data-page=blogpost] .ph{background:repeating-linear-gradient(135deg, var(--bg-sunken) 0 10px, var(--bg-muted) 10px 20px);border:1px solid var(--border);border-radius:var(--radius-l);position:relative;overflow:hidden}[data-page=blogpost] .ph:after{content:attr(data-label);font-family:var(--font-mono);color:var(--ink-4);background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-size:11px;position:absolute;bottom:12px;left:14px}[data-page=blogpost] .art-cover{aspect-ratio:21/9;margin:8px 0 0}[data-page=blogpost] .art-body{max-width:680px;color:var(--ink-2);margin:0 auto;font-size:18px;line-height:1.7}[data-page=blogpost] .art-body>*{margin:0 auto}[data-page=blogpost] .art-body p{margin:24px 0}[data-page=blogpost] .art-body h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:48px 0 4px;font-size:30px;font-weight:600;line-height:1.15}[data-page=blogpost] .art-body h2 .step{color:var(--accent);margin-bottom:2px;font-size:.7em;font-style:italic;display:block}[data-page=blogpost] .art-body h3{color:var(--ink);margin:32px 0 0;font-size:21px;font-weight:600}[data-page=blogpost] .art-body strong{color:var(--ink);font-weight:600}[data-page=blogpost] .art-body em{font-style:italic}[data-page=blogpost] .art-body ul{flex-direction:column;gap:12px;margin:20px 0;padding-left:0;list-style:none;display:flex}[data-page=blogpost] .art-body ul li{align-items:flex-start;gap:12px;display:flex}[data-page=blogpost] .art-body ul li .tick{background:var(--accent-soft);width:22px;height:22px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;place-items:center;margin-top:3px;display:grid}[data-page=blogpost] .art-body ul li .tick svg{stroke-width:2.4px;width:13px;height:13px}[data-page=blogpost] .art-body .ph{aspect-ratio:16/9;margin:32px auto}[data-page=blogpost] .callout{background:var(--bg-muted);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);margin:32px 0;padding:18px 22px;font-size:16px}[data-page=blogpost] .callout b{color:var(--ink)}[data-page=blogpost] .pull{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;text-wrap:balance;margin:40px 0;font-size:26px;font-weight:500;line-height:1.3}[data-page=blogpost] .pull em{color:var(--accent);font-style:italic}[data-page=blogpost] .panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);margin:28px 0;overflow:hidden}[data-page=blogpost] .panel-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}[data-page=blogpost] .panel-row:last-child{border-bottom:0}[data-page=blogpost] .panel-row .lead{color:var(--ink-2);flex:1}[data-page=blogpost] .panel-row .lead b{color:var(--ink);font-weight:600;display:block}[data-page=blogpost] .panel-head{background:var(--bg-muted);color:var(--ink);font-weight:600}[data-page=blogpost] .art-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:680px;margin:48px auto 0;padding-top:28px;display:flex}[data-page=blogpost] .more{grid-template-columns:1fr 1fr;gap:22px;margin-top:18px;display:grid}[data-page=blogpost] .more a{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-1);transition:transform .18s,box-shadow .18s;overflow:hidden}[data-page=blogpost] .more a:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}[data-page=blogpost] .more .ph{aspect-ratio:16/9;border:0;border-bottom:1px solid var(--border);border-radius:0}[data-page=blogpost] .more .b{padding:16px 18px}[data-page=blogpost] .more h4{font-family:var(--font-display);margin-bottom:4px;font-size:18px;font-weight:600}[data-page=blogpost] .more span{color:var(--ink-4);font-size:13px}@media (max-width:600px){[data-page=blogpost] .more{grid-template-columns:1fr}}