@import url('/styles.css');
.article-hero{padding:70px 0 48px;background:linear-gradient(135deg,#071522,#10374d);color:white}.article-hero .crumb{color:#93aab8;font-size:14px}.article-hero .crumb a{color:#ff9a55;text-decoration:none}.article-hero h1{max-width:850px;margin:18px 0;color:white;font-size:clamp(38px,5vw,64px)}.article-hero .summary{max-width:760px;color:#c2d0d8;font-size:20px;line-height:1.7}.article-meta{display:flex;gap:18px;color:#93aab8;font-size:14px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:64px;padding-block:64px}.article-content{font-size:18px;line-height:1.9}.article-content h2{margin:44px 0 12px;color:#071522;font-size:30px;line-height:1.3}.article-content h3{margin:28px 0 8px;font-size:22px}.article-content p{margin:0 0 20px}.article-content ul{padding-left:24px}.article-content li{margin-bottom:10px}.note{margin:30px 0;padding:22px 24px;border-left:4px solid var(--orange);border-radius:0 12px 12px 0;background:#fff4ec}.shop-link{margin:38px 0;padding:28px;border-radius:16px;background:var(--navy);color:white}.shop-link a{color:#ff9a55;font-weight:700}.toc{position:sticky;top:105px;height:max-content;padding:24px;border:1px solid var(--line);border-radius:15px;background:white}.toc b{display:block;margin-bottom:12px}.toc a{display:block;padding:7px 0;color:var(--muted);text-decoration:none;border-bottom:1px solid #edf1f3}.author{margin-top:45px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:850px){.article-layout{grid-template-columns:1fr}.toc{display:none}.article-hero{padding-top:48px}.article-content{font-size:17px}}