.sample-intro{max-width:920px;margin:70px auto}.sample-intro>p{font-size:18px;line-height:1.85}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0 80px}.topic-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dce2d6;border-radius:16px;overflow:hidden;text-decoration:none;color:#193b32;transition:transform .18s,box-shadow .18s}.topic-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #153c3010}.topic-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.topic-card>div{padding:25px;display:flex;flex:1;flex-direction:column}.topic-card h3{font-size:23px;line-height:1.3;margin:18px 0 12px}.topic-card small{font-size:11px;letter-spacing:.12em;color:#63776b}.topic-card p{font-size:16px;color:#63736c;line-height:1.6}.topic-card span{margin-top:auto;padding-top:20px;font-weight:600;font-size:14px}.knowledge-visual{background:#edf1e4;border:1px solid #d9e1cc;border-radius:16px;padding:28px;margin:34px 0}.knowledge-visual h3{font-size:24px;line-height:1.3;margin:10px 0 18px}.table-scroll{overflow-x:auto;margin:24px 0}.table-scroll table{border-collapse:collapse;min-width:520px;width:100%;font-size:14px;line-height:1.6}.table-scroll td,.table-scroll th{padding:14px 12px;vertical-align:top;text-align:left;border-bottom:1px solid #cbd5c3}.table-scroll th{color:#224c40;font-weight:650;background:#e2e9d7}.knowledge-visual .visual-note{font-size:14px;line-height:1.7;border-top:1px solid #cdd8c3;padding-top:18px}.equation{display:flex;align-items:center;gap:10px;margin:25px 0}.equation>div{flex:1;background:#fff;padding:18px 10px;border-radius:10px;text-align:center}.equation b{font-size:15px}.equation small{display:block;font-size:12px;line-height:1.5;margin-top:10px;color:#647569}.flow-list{list-style:none;padding:0;counter-reset:flow}.flow-list li{position:relative;border-left:3px solid #719581;padding:0 0 22px 24px}.flow-list p{font-size:16px;margin:8px 0}.curve{width:100%;height:auto;margin-top:18px}.curve text{font:13px system-ui;fill:#476151}.practice-steps{padding-left:25px}.practice-steps li{padding-left:12px;margin:24px 0}.practice-steps h3{margin:0}.practice-steps p{margin:8px 0}.boundary{border-left:3px solid #738b67;padding:10px 24px;background:#f0f2e9;margin:28px 0}.sample-cta{background:#173f35;color:#fff;border-radius:16px;padding:36px;margin:40px 0}.sample-cta h2{color:#fff;font-size:32px;line-height:1.2}.sample-cta p{color:#d4e3d9}.sample-cta .eyebrow{color:#c4d6b0}.sample-cta .button{background:#e6eccb;color:#173f35}.sample-cta small{display:block;margin-top:15px;font-size:12px;color:#c7d7cb}.related{display:grid;gap:16px}.related a{border:1px solid #dce2d6;padding:22px;border-radius:12px;text-decoration:none;color:#1d493c}.related span{display:block;font-size:15px;color:#667a6c;margin-top:10px}.article-hero h1{font-size:clamp(36px,4vw,60px)}.article-hero>img{height:auto;aspect-ratio:1.25;object-fit:cover}.article-section{scroll-margin-top:120px}.article-section h2{font-size:clamp(27px,3vw,38px)}.article-layout article{min-width:0}.article-layout{align-items:start}.article-layout aside{top:110px}.sample-entry a{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:3px solid #b57a34;outline-offset:4px}@media(max-width:950px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.equation{flex-wrap:wrap}.equation>div{min-width:95px}}@media(max-width:600px){.topic-grid{grid-template-columns:1fr;gap:20px}.sample-intro{margin:45px auto}.knowledge-visual{padding:20px 16px;margin:28px 0}.sample-cta{padding:26px 22px}.sample-cta h2{font-size:28px}.equation{display:grid;grid-template-columns:1fr;gap:8px;text-align:center}.equation>div{padding:14px}.equation small{margin-top:5px}.topic-card h3{font-size:25px}.article-hero>img{aspect-ratio:16/9}.article-section{scroll-margin-top:100px}}
.article-hero>.hero-zoom{width:100%;border:0;background:transparent;align-self:center}.article-hero>.hero-zoom img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:16px}.hero-zoom span{font-size:12px}