.article{background:var(--color-canvas)}.article-hero{max-width:1180px;margin:0 auto;padding:64px 56px 0;position:relative}.article-hero__inner{max-width:none}.article-crumb{font-family:var(--font-body);color:var(--color-text-muted);align-items:center;gap:10px;margin-bottom:28px;font-size:13px;font-weight:600;display:flex}.article-crumb a{color:var(--color-primary);text-decoration:none}.article-crumb a:hover{text-decoration:underline}.article-crumb span[aria-hidden]{color:var(--color-accent-1)}.article-chip{background:var(--color-primary-tint);color:var(--color-primary);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;margin-bottom:22px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.article-title{max-width:17ch;font-family:var(--font-heading);letter-spacing:-.8px;color:var(--color-ink);margin:0;font-size:52px;font-weight:500;line-height:1.05}.article-dek{max-width:58ch;font-family:var(--font-heading);letter-spacing:-.2px;color:var(--color-text-muted);margin:24px 0 0;font-size:22px;font-weight:500;line-height:1.4}.article-meta{border-bottom:1px solid var(--color-border);align-items:center;gap:14px;margin-top:36px;padding-bottom:40px;display:flex}.article-meta__avatar{background:var(--color-primary);color:#fff;width:44px;height:44px;font-family:var(--font-heading);letter-spacing:.02em;border-radius:50%;place-items:center;font-size:16px;font-weight:600;display:grid}.article-meta__who{flex-direction:column;line-height:1.3;display:flex}.article-meta__author{font-family:var(--font-body);color:var(--color-ink);font-size:15px;font-weight:600}.article-meta__role{font-family:var(--font-body);color:var(--color-text-muted);font-size:13px}.article-meta__detail{font-family:var(--font-body);color:var(--color-text-muted);font-size:14px}.article-meta__dot{background:var(--color-accent-1);border-radius:50%;width:4px;height:4px}.article-body{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:64px;max-width:1180px;margin:0 auto;padding:64px 56px 88px;display:grid}.article-aside{position:sticky;top:100px}.article-toc__label{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 16px;font-size:11px;font-weight:700}.article-toc ul{border-left:2px solid var(--color-border);flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.article-toc a{font-family:var(--font-body);color:var(--color-text-muted);border-left:2px solid #0000;margin-left:-2px;padding-left:16px;font-size:14px;line-height:1.4;text-decoration:none;transition:color .2s,border-color .2s;display:block}.article-toc a:hover{color:var(--color-primary);border-left-color:var(--color-primary)}.article-prose{max-width:680px}.article-prose__p{font-family:var(--font-body);color:#3a3833;margin:0 0 24px;font-size:18px;line-height:1.72}.article-prose__p:first-child{color:var(--color-ink);font-size:20px}.article-prose__h2{font-family:var(--font-heading);letter-spacing:-.4px;color:var(--color-ink);margin:48px 0 18px;scroll-margin-top:100px;font-size:30px;font-weight:500;line-height:1.18}.article-prose__list{flex-direction:column;gap:14px;margin:0 0 24px;padding:0;list-style:none;display:flex}.article-prose__list li{font-family:var(--font-body);color:#3a3833;padding-left:28px;font-size:18px;line-height:1.6;position:relative}.article-prose__list li:before{content:"";background:var(--color-primary);border-radius:50%;width:7px;height:7px;position:absolute;top:11px;left:4px}.article-quote{border-left:3px solid var(--color-primary);margin:40px 0;padding:8px 0 8px 28px}.article-quote p{font-family:var(--font-heading);letter-spacing:-.3px;color:var(--color-ink);margin:0;font-size:27px;font-weight:500;line-height:1.32}.article-quote cite{font-family:var(--font-body);color:var(--color-text-muted);margin-top:14px;font-size:14px;font-style:normal;font-weight:600;display:block}.article-takeaways{background:var(--color-primary-tint);border-radius:10px;margin:40px 0;padding:28px 30px}.article-takeaways__title{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);margin:0 0 16px;font-size:12px;font-weight:700}.article-takeaways ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.article-takeaways li{font-family:var(--font-body);color:var(--color-ink);padding-left:26px;font-size:16px;line-height:1.55;position:relative}.article-takeaways li:before{content:"";border-left:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);width:10px;height:6px;position:absolute;top:7px;left:2px;transform:rotate(-45deg)}.article-related{background:var(--color-canvas);padding:0 56px 96px}.article-related__inner{border-top:1px solid var(--color-border);max-width:1180px;margin:0 auto;padding-top:56px}.article-related__label{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);margin:0 0 28px;font-size:12px;font-weight:700}.article-related__grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.related-card{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;flex-direction:column;gap:14px;padding:30px;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;display:flex}.related-card:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 18px 40px -22px #1f1c1859}.related-card__chip{background:var(--color-primary-tint);color:var(--color-primary);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:5px 12px;font-size:11px;font-weight:700}.related-card__title{font-family:var(--font-heading);letter-spacing:-.3px;color:var(--color-ink);margin:0;font-size:23px;font-weight:500;line-height:1.18}.related-card__dek{font-family:var(--font-body);color:var(--color-text-muted);margin:0;font-size:15px;line-height:1.6}.related-card__more{font-family:var(--font-body);color:var(--color-primary);align-items:center;gap:8px;margin-top:auto;font-size:14px;font-weight:600;display:inline-flex}.related-card__more svg{width:16px;height:16px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.related-card:hover .related-card__more svg{transform:translate(4px)}@media (max-width:1024px){.article-hero{padding:48px 32px 0}.article-title{font-size:40px}.article-body{grid-template-columns:1fr;gap:0;padding:48px 32px 72px}.article-aside{margin-bottom:40px;position:static}.article-prose{max-width:720px}.article-related{padding:0 32px 72px}}@media (max-width:640px){.article-related__grid{grid-template-columns:1fr}}@media (max-width:560px){.article-hero{padding:36px 20px 0}.article-title{font-size:32px}.article-dek{font-size:19px}.article-meta{flex-wrap:wrap;gap:10px}.article-body{padding:40px 20px 56px}.article-prose__p,.article-prose__list li{font-size:17px}.article-quote p{font-size:23px}.article-related{padding:0 20px 56px}}
