:root{--ink:#222;--muted:#717171;--faint:#b0b0b0;--line:#ddd;--line-2:#ebebeb;--surface:#f7f7f7;--hover:#ebebeb;--pink:#ff385c;--pink-deep:#e11d48;--green:#008a05;--green-soft:#e5f2e1;--amber:#c36c00;--amber-soft:#fbedd9;--red:#c13515;--red-soft:#fce5de}.wrap{max-width:720px;margin:0 auto;padding:48px 24px 80px}.crumb{color:var(--ink);margin-bottom:16px;font-size:13px}.crumb a{text-decoration:underline}.lede{margin-bottom:32px}.lede .label{text-transform:uppercase;letter-spacing:.06em;color:var(--pink);margin-bottom:8px;font-size:12px;font-weight:600}.lede h1{letter-spacing:-.02em;margin-bottom:14px;font-size:34px;font-weight:600;line-height:1.15}.lede .by{color:var(--muted);align-items:center;gap:12px;margin-top:18px;font-size:14px;display:flex}.lede .by .av{color:#fff;background:linear-gradient(135deg,#ffe2c7,#e8945b);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.lede .by .by-name{color:var(--ink);font-weight:600}.meta-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:16px;margin-bottom:32px;padding:12px 0;font-size:13px;display:flex}.meta-row .item{flex-direction:column;display:flex}.meta-row .l{color:var(--muted);font-size:12px}.meta-row .v{font-weight:600}article h2{letter-spacing:-.01em;margin:32px 0 16px;font-size:22px;font-weight:600}article h2:first-child{margin-top:0}article p{color:var(--ink);margin-bottom:16px;font-size:17px;line-height:1.65}article p strong{font-weight:600}article ul{gap:8px;margin:14px 0 20px;padding-left:0;list-style:none;display:grid}article ul li{background:var(--surface);border-radius:10px;padding:14px 16px;font-size:15px;line-height:1.55}article ul li strong{font-weight:600}.callout{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:16px;margin:12px 0;padding:14px 16px;display:grid}.callout .name{color:var(--muted);font-size:13px}.callout .name strong{color:var(--ink);margin-bottom:2px;font-size:15px;font-weight:600;display:block}.callout .v{letter-spacing:-.01em;text-align:right;font-size:20px;font-weight:600}.callout .v .u{color:var(--muted);margin-left:4px;font-size:12px;font-weight:400}.callout .pill{background:var(--green-soft);color:var(--green);border-radius:10px;margin-top:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.callout.amber{background:var(--amber-soft);border-color:#c36c0040}.callout.amber .pill{color:var(--amber);background:#fff}.callout .v .target{color:var(--muted);margin-top:2px;font-size:11px;font-weight:400}blockquote{background:var(--surface);letter-spacing:-.005em;color:var(--ink);border-left:0;border-radius:14px;margin:24px 0;padding:24px 28px;font-size:18px;font-weight:500;line-height:1.55}blockquote .by{color:var(--muted);align-items:center;gap:10px;margin-top:14px;font-size:13px;font-weight:400;display:flex}blockquote .by .av{color:#fff;background:linear-gradient(135deg,#ffe2c7,#e8945b);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:600;display:flex}.cta-block{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:14px;margin-top:48px;padding:28px;display:grid}.cta-block h3{letter-spacing:-.01em;font-size:20px;font-weight:600}.cta-block p{color:var(--muted);font-size:14px}.cta-row{flex-wrap:wrap;gap:8px;display:flex}.btn{border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:12px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--pink);color:#fff;border-color:var(--pink)}.btn-primary:hover{background:var(--pink-deep);border-color:var(--pink-deep)}.btn-ghost{border-color:var(--ink)}.toc{width:200px;display:none;position:fixed;top:120px;left:24px}@media (min-width:1180px){.toc{display:block}}.toc .l{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:600}.toc a{color:var(--muted);border-left:2px solid var(--line);padding:6px 0 6px 10px;font-size:13px;display:block}.toc a.on{color:var(--ink);border-left-color:var(--ink);font-weight:600}@media (max-width:1024px){.wrap{padding:24px 16px 64px}.lede h1{font-size:26px}article h2{font-size:19px}article p{font-size:16px}}@media (max-width:640px){.wrap{padding:24px 16px 64px}.lede h1{font-size:26px}article h2{font-size:19px}article p{font-size:16px}.meta-row{gap:12px}.callout{grid-template-columns:1fr;gap:8px}.callout .v{text-align:left}}@media (max-width:380px){.wrap{padding:20px 12px 56px}.lede h1{font-size:24px}.lede .by{font-size:13px}article h2{font-size:18px}article p{font-size:15px}article ul li{padding:12px 14px;font-size:14px}blockquote{padding:20px 22px;font-size:16px}.cta-block{padding:22px}.cta-block h3{font-size:18px}.btn{padding:11px 14px;font-size:13px}}@media (prefers-reduced-motion:reduce){.btn-primary,.btn-ghost,.btn,.callout,.cta-block,blockquote{transition:none!important;animation:none!important}}