.art-hero{padding:140px 0 48px;position:relative;overflow:hidden}.art-hero:after{content:"";z-index:-1;pointer-events:none;opacity:.5;background:radial-gradient(820px 520px at 82% -20%, var(--accent-glow), transparent 58%), radial-gradient(900px 600px at -6% 10%, #2563eb1f, transparent 55%);position:absolute;inset:0}[data-theme=dark] .art-hero:after{opacity:.9}.art-back{color:var(--text-2);align-items:center;gap:8px;font-size:13px;font-weight:600;transition:color .2s;display:inline-flex}.art-back:hover{color:var(--accent-strong)}.art-back svg{width:15px;height:15px}.art-hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:16ch;margin-top:18px;font-size:clamp(30px,4.4vw,50px);font-weight:800;line-height:1.06}.art-hero .excerpt{color:var(--text-2);text-wrap:pretty;max-width:620px;margin-top:20px;font-size:19px;line-height:1.6}.art-meta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.art-author{align-items:center;gap:11px;display:flex}.art-author .av{object-fit:cover;background:linear-gradient(150deg, var(--navy-800), var(--navy-600));color:#fff;width:40px;height:40px;font-family:var(--font-display);border-radius:999px;place-items:center;font-size:14px;font-weight:700;display:grid}.art-author .n{color:var(--text);font-size:14px;font-weight:600}.art-author .r{color:var(--text-3);font-size:12px}.art-meta .dot{background:var(--ink-300);border-radius:999px;width:4px;height:4px}.art-meta .mi{color:var(--text-3);font-size:13px;font-family:var(--font-mono)}.article{padding:8px 0 96px}.prose{max-width:760px;margin:0 auto}.prose>*+*{margin-top:22px}.prose p{color:var(--text-2);font-size:17px;line-height:1.75}.prose p strong,.prose li strong{color:var(--text);font-weight:700}.prose h2{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);margin-top:52px;font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.2}.prose h3{font-family:var(--font-display);color:var(--text);margin-top:34px;font-size:19px;font-weight:700}.prose ul,.prose ol{flex-direction:column;gap:12px;padding-left:4px;list-style:none;display:flex}.prose ul li{color:var(--text-2);padding-left:28px;font-size:16.5px;line-height:1.65;position:relative}.prose ul li:before{content:"";background:var(--accent);border-radius:999px;width:7px;height:7px;position:absolute;top:11px;left:4px}.prose ol{counter-reset:li}.prose ol li{color:var(--text-2);counter-increment:li;padding-left:38px;font-size:16.5px;line-height:1.65;position:relative}.prose ol li:before{content:counter(li);background:var(--accent-soft);width:24px;height:24px;color:var(--accent-strong);font-family:var(--font-display);border-radius:7px;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;top:1px;left:0}[data-theme=dark] .prose ol li:before{background:#f59e0b29}.prose a:not(.btn){color:var(--accent-strong);text-underline-offset:3px;font-weight:600;text-decoration:underline 1.5px}.prose hr{border:0;border-top:1px solid var(--line);margin:44px 0}.prose blockquote{border-left:4px solid var(--accent);font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:32px 0;padding:6px 0 6px 26px;font-size:22px;font-weight:600;line-height:1.45}.prose .lead{color:var(--text);font-size:20px;line-height:1.65}.callout{border-radius:var(--r-lg);background:var(--accent-soft);border:1px solid var(--accent-border);gap:16px;padding:22px 24px;display:flex}[data-theme=dark] .callout{background:#f59e0b1a;border-color:#f59e0b47}.callout .ic{background:var(--accent);width:36px;height:36px;color:var(--accent-contrast);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.callout .ic svg{width:19px;height:19px}.callout p{color:var(--text);margin:0;font-size:15.5px;line-height:1.6}.callout.blue{background:var(--blue-50);border-color:var(--blue-100)}[data-theme=dark] .callout.blue{background:#3b82f61a;border-color:#3b82f647}.callout.blue .ic{background:var(--blue-600);color:#fff}.phase{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--sh-xs);margin-top:22px;overflow:hidden}.phase-head{color:#fff;align-items:center;gap:16px;padding:22px 26px;display:flex}.phase-num{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-full);background:#ffffff2e;padding:6px 12px;font-size:13px;font-weight:800}.phase-head .ph-t{font-family:var(--font-display);font-size:19px;font-weight:700}.phase-head .ph-s{opacity:.82;margin-top:2px;font-size:13px}.phase-b1 .phase-head{background:linear-gradient(120deg, var(--blue-700), var(--blue-500))}.phase-b2 .phase-head{background:linear-gradient(120deg,#047857,#10b981)}.phase-b3 .phase-head{background:linear-gradient(120deg, var(--amber-700), var(--amber-500))}.phase-b4 .phase-head{background:linear-gradient(120deg,#5b21b6,#7c3aed)}.phase-body{padding:24px 26px}.phase-body>*+*{margin-top:16px}.phase-body p{color:var(--text-2);font-size:16px;line-height:1.65}.phase-body ul{flex-direction:column;gap:11px;list-style:none;display:flex}.phase-body ul li{color:var(--text-2);padding-left:26px;font-size:15.5px;line-height:1.6;position:relative}.phase-body ul li:before{content:"";background:var(--accent);border-radius:999px;width:7px;height:7px;position:absolute;top:9px;left:3px}.phase-body ul li strong{color:var(--text)}.phase-done{border-radius:var(--r-md);background:var(--surface-2);border:1px dashed var(--border-strong);color:var(--text);align-items:center;gap:10px;margin-top:18px;padding:14px 16px;font-size:14.5px;font-weight:600;display:flex}.phase-done svg{width:18px;height:18px;color:var(--lp-green);flex-shrink:0}[data-theme=dark] .phase-done svg{color:#4ade80}.split-resp{grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;display:grid}.resp-col{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.resp-col .rh{font-family:var(--font-display);color:#fff;padding:16px 20px;font-size:15px;font-weight:700}.resp-col.a .rh{background:var(--navy-800)}.resp-col.b .rh{background:var(--accent);color:var(--accent-contrast)}.resp-col ul{flex-direction:column;gap:12px;padding:18px 20px;list-style:none;display:flex}.resp-col li{color:var(--text-2);padding-left:26px;font-size:14.5px;line-height:1.55;position:relative}.resp-col li:before{content:"";background:var(--accent);border-radius:999px;width:7px;height:7px;position:absolute;top:8px;left:2px}.benefits{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.benefits span{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-full);color:var(--text);align-items:center;gap:8px;padding:9px 15px;font-size:13.5px;font-weight:600;display:inline-flex}.benefits span svg{width:14px;height:14px;color:var(--lp-green)}[data-theme=dark] .benefits span svg{color:#4ade80}.takeaways{border-radius:var(--r-xl);background:var(--surface-2);border:1px solid var(--line);margin-top:40px;padding:28px}.takeaways h4{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong);font-size:13px;font-weight:700}.takeaways ul{flex-direction:column;gap:12px;margin-top:16px;list-style:none;display:flex}.takeaways li{color:var(--text);padding-left:30px;font-size:15.5px;line-height:1.6;position:relative}.takeaways li svg{width:18px;height:18px;color:var(--accent);position:absolute;top:3px;left:0}.author-card{border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);align-items:center;gap:18px;max-width:760px;margin:48px auto 0;padding:24px;display:flex}.author-card .av{object-fit:cover;background:linear-gradient(150deg, var(--navy-800), var(--navy-600));border-radius:999px;flex-shrink:0;width:60px;height:60px}.author-card .n{font-family:var(--font-display);color:var(--text);font-size:16px;font-weight:700}.author-card .r{color:var(--text-3);margin-top:2px;font-size:13px}.author-card .b{color:var(--text-2);margin-top:8px;font-size:13.5px;line-height:1.55}.related{background:var(--bg-tint);border-top:1px solid var(--line-2)}.rel-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;display:grid}.rel-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:12px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.rel-card:hover{box-shadow:var(--sh-md);border-color:var(--blue-200);transform:translateY(-4px)}.rel-card .rt{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-full);background:var(--blue-50);color:var(--blue-600);align-self:flex-start;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}[data-theme=dark] .rel-card .rt{color:var(--blue-300);background:#3b82f629}.rel-card h3{font-family:var(--font-display);color:var(--text);font-size:17px;font-weight:700;line-height:1.3}.rel-card p{color:var(--text-2);flex:1;font-size:13.5px;line-height:1.5}.rel-card .rm{color:var(--text-3);font-size:12px;font-family:var(--font-mono)}@media (width<=768px){.split-resp,.rel-grid{grid-template-columns:1fr}.author-card{text-align:center;flex-direction:column}}