.article-page{gap:clamp(62px,7vw,96px);display:grid}.article-shell{max-width:1180px}.article-hero{align-items:center;gap:clamp(28px,5vw,54px);display:grid}.hero-copy{gap:16px;display:grid}.meta{text-transform:uppercase;letter-spacing:.1em;color:var(--teal-700);margin:0;font-size:.76rem;font-weight:900}.article-page h1{color:var(--ink-900);letter-spacing:0;margin:0;font-size:3rem;line-height:1.08}.article-page .excerpt{color:var(--ink-600);margin:0;font-size:1.08rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-media{isolation:isolate;min-height:520px;position:relative;overflow:hidden}.hero-media:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(112deg,#0000 0%,#ffffff75 42%,#0000 62%);animation:7s ease-in-out infinite article-sheen;position:absolute;inset:1px;transform:translate(-78%)}.hero-media img{object-fit:cover;width:100%;height:100%;min-height:520px;transition:transform .76s cubic-bezier(.25,.8,.25,1),filter .76s cubic-bezier(.25,.8,.25,1);display:block}.hero-media:hover img{filter:saturate(1.08)contrast(1.03);transform:scale(1.05)}.media-overlay{z-index:1;background:linear-gradient(#0000 42%,#064e3b94),linear-gradient(135deg,#10b9812e,#0000 48%);position:absolute;inset:0}.media-card{z-index:3;color:#fff;-webkit-backdrop-filter:blur(14px);background:#064e3bb8;border:1px solid #ffffff38;border-radius:22px;gap:5px;padding:18px;display:grid;position:absolute;bottom:22px;left:22px;right:22px}.media-card span{color:var(--emerald-200);letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:900}.media-card strong{font-size:1.16rem}.article-intel{gap:12px;margin-top:28px;display:grid}.intel-card{background:#ffffffb8;border:1px solid #10b98126;border-radius:20px;gap:4px;padding:18px;display:grid;box-shadow:0 14px 38px #064e3b14}.intel-card span{color:var(--ink-400);letter-spacing:.1em;text-transform:uppercase;font-size:.74rem;font-weight:900}.intel-card strong{color:var(--emerald-700);font-family:var(--font-heading);font-size:1.35rem}.article-layout{align-items:start;gap:clamp(26px,5vw,52px);margin-top:clamp(34px,6vw,64px);display:grid}.article-sidebar{gap:14px;display:grid}.toc-card,.takeaway-card{padding:20px;position:relative;overflow:hidden}.toc-label{color:var(--emerald-700);letter-spacing:.11em;text-transform:uppercase;margin:0 0 12px;font-size:.72rem;font-weight:900}.toc-card a{color:var(--ink-700);border-top:1px solid #10b9811f;padding:10px 0;font-weight:800;text-decoration:none;display:block}.toc-card a:hover{color:var(--emerald-700)}.takeaway-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.takeaway-card li{color:var(--ink-600);padding-left:22px;font-weight:700;line-height:1.55;position:relative}.takeaway-card li:before{content:"";background:var(--emerald-500);border-radius:50%;width:9px;height:9px;position:absolute;top:.55em;left:0;box-shadow:0 0 0 5px #10b9811a}.article-content{gap:20px;display:grid}.content-section{border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffffd1,#ecfdf55c),#ffffffad;border:1px solid #10b98124;gap:14px;padding:clamp(22px,4vw,34px);scroll-margin-top:110px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 52px #064e3b14}.content-section:before{content:"";pointer-events:none;background:linear-gradient(#ffffffa3,#0000 36%);position:absolute;inset:0}.content-section>*{z-index:1;position:relative}.section-number{aspect-ratio:1;color:#fff;background:linear-gradient(135deg, var(--emerald-700), var(--teal-500));width:48px;font-family:var(--font-heading);border-radius:16px;place-items:center;font-weight:900;display:grid;box-shadow:0 12px 24px #05966938}.article-page h2,.article-page h3{color:var(--ink-900);letter-spacing:0;margin:0}.article-page h2{font-size:1.9rem}.article-page h3{color:var(--teal-700);font-size:1.08rem}.article-page .content-section p{color:var(--ink-600);margin:0;line-height:1.82}.action-note{background:#10b98114;border:1px solid #10b98126;border-radius:18px;gap:6px;margin-top:6px;padding:16px;display:grid}.action-note strong{color:var(--emerald-800)}.action-note span{color:var(--ink-600);line-height:1.65}.resource-panel{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--emerald-900), var(--emerald-700));gap:16px;padding:clamp(22px,4vw,34px);display:grid;box-shadow:0 24px 70px #064e3b38}.resource-panel h2,.resource-panel .meta{color:#fff}.resource-panel .meta{color:var(--emerald-200)}.resource-panel ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.resource-panel a{color:#fff;background:#ffffff1a;border:1px solid #ffffff29;border-radius:16px;padding:13px 14px;font-weight:800;text-decoration:none;display:block}.article-faq{border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffffd1,#ecfdf55c),#ffffffad;border:1px solid #10b98124;gap:14px;padding:clamp(22px,4vw,34px);display:grid;box-shadow:0 18px 52px #064e3b14}.article-faq article{background:#ffffffb3;border:1px solid #10b98124;border-radius:18px;gap:8px;padding:16px;display:grid}.article-faq p{color:var(--ink-600);margin:0;line-height:1.7}.related-grid{gap:16px;margin-top:18px;display:grid}.not-found{gap:16px;display:grid}.back-link{color:var(--teal-700);font-weight:800;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}@keyframes article-sheen{0%,38%{transform:translate(-78%)}68%,to{transform:translate(78%)}}@media (width>=960px){.article-hero{grid-template-columns:minmax(0,.82fr) minmax(420px,1fr)}.article-page h1{font-size:4rem}.article-intel{grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{grid-template-columns:300px minmax(0,1fr)}.article-sidebar{position:sticky;top:104px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.article-page h1{font-size:2.35rem}.article-page .excerpt{font-size:1rem}.article-page .hero-actions .ui-button{width:100%}.hero-media,.hero-media img{min-height:330px}.article-page h2{font-size:1.55rem}}@media (prefers-reduced-motion:reduce){.hero-media:after,.hero-media img{transition:none;animation:none}.hero-media:hover img{transform:none}}