:root{--column-paper:#fbfdfc;--column-line:#cfe8df;--column-accent:#1ea878;--column-accent-dark:#087b59;--column-ink:#173c32;--column-muted:#5d746d}
.column-page{background:var(--column-paper)}
.column-page .site-header{grid-template-columns:1fr auto auto}
.column-page main{padding-bottom:96px}
.column-wrap{width:min(100% - 40px,1120px);margin-inline:auto}
.column-hero{padding:84px 0 58px;background:linear-gradient(145deg,#effcf7,#fff 72%)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:34px;color:var(--column-muted);font-size:.78rem}
.breadcrumbs a{min-height:44px;display:inline-flex;align-items:center;color:var(--column-accent-dark)}
.column-kicker{margin:0 0 14px;color:var(--column-accent-dark);font-family:"DM Sans",sans-serif;font-size:.74rem;font-weight:800;letter-spacing:.14em}
.column-hero h1{max-width:900px;margin:0;color:var(--column-ink);font-size:clamp(2.35rem,6vw,4.9rem);line-height:1.2;letter-spacing:-.055em}
.column-dek{max-width:760px;margin:22px 0 0;color:var(--column-muted);font-size:clamp(.95rem,1.5vw,1.08rem);line-height:2}
.column-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px;color:#668078;font-size:.77rem}
.column-index{padding:74px 0}
.column-index-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:38px}
.column-index-heading h1{margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.18;letter-spacing:-.055em}
.column-index-heading p{margin:0;color:var(--column-muted);line-height:2}
.article-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--column-line)}
.article-card{display:flex;min-height:300px;padding:34px 28px;flex-direction:column;border-bottom:1px solid var(--column-line);text-decoration:none;transition:background .2s,transform .2s}
.article-card:nth-child(odd){border-right:1px solid var(--column-line)}
.article-card:hover{background:#fff;transform:translateY(-2px)}
.article-card time,.article-card small{color:var(--column-accent-dark);font-size:.72rem;font-weight:800;letter-spacing:.06em}
.article-card h2{margin:22px 0 14px;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.55;letter-spacing:-.035em}
.article-card p{margin:0;color:var(--column-muted);font-size:.88rem;line-height:1.85}
.article-card span{margin-top:auto;padding-top:24px;color:var(--column-accent-dark);font-size:.82rem;font-weight:800}
.article-layout{display:grid;grid-template-columns:minmax(0,740px) 260px;gap:76px;width:min(100% - 40px,1080px);margin:64px auto 0;align-items:start}
.article-body{min-width:0;color:#29483f;font-size:1rem;line-height:2.05}
.article-body [id]{scroll-margin-top:104px}
.article-body>p{margin:0 0 1.45em}
.article-body h2{margin:3.1em 0 1em;padding-top:.25em;color:var(--column-ink);font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.5;letter-spacing:-.035em}
.article-body h3{margin:2.25em 0 .8em;color:var(--column-ink);font-size:1.23rem;line-height:1.6}
.article-body strong{color:var(--column-ink)}
.article-body figure{margin:2.4em 0}
.article-body figure img{width:100%;max-height:500px;object-fit:cover;border-radius:20px}
.article-body figcaption{margin-top:10px;color:#789087;font-size:.73rem;text-align:center}
.article-lead{padding:22px 24px;border-left:4px solid var(--column-accent);background:#effaf5;color:var(--column-ink);font-weight:700}
.article-toc{margin:34px 0 46px;padding:24px 28px;border:1px solid var(--column-line);border-radius:16px;background:#fff}
.article-toc h2{margin:0 0 14px;padding:0;font-size:1rem}
.article-toc ol{margin:0;padding-left:1.35em;color:var(--column-accent-dark);font-size:.88rem}
.article-toc li+li{margin-top:7px}
.article-toc a{color:inherit;text-underline-offset:4px}
.check-points{display:grid;gap:0;margin:28px 0;padding:0;list-style:none;border-top:1px solid var(--column-line)}
.check-points li{position:relative;padding:16px 0 16px 30px;border-bottom:1px solid var(--column-line);font-weight:700}
.check-points li::before{position:absolute;left:2px;color:var(--column-accent);content:"✓";font-weight:900}
.article-note{margin:2.3em 0;padding:20px 22px;border-radius:14px;background:#f3f8f6;color:var(--column-muted);font-size:.88rem}
.article-cta{margin-top:4em;padding:34px;border-radius:22px;background:var(--column-ink);color:#fff}
.article-cta h2{margin:0 0 10px;padding:0;color:#fff;font-size:1.65rem}
.article-cta p{margin:0;color:#d6e9e2}
.article-cta a{display:inline-flex;min-height:50px;margin-top:22px;padding:0 20px;align-items:center;border-radius:999px;background:#fff;color:var(--column-accent-dark);font-weight:800;text-decoration:none}
.article-side{position:sticky;top:104px;padding:24px;border-top:3px solid var(--column-accent);background:#f0f9f5}
.article-side h2{margin:0 0 10px;font-size:1rem;letter-spacing:.06em}
.article-side p{margin:0;color:var(--column-muted);font-size:.79rem;line-height:1.8}
.article-side a{display:inline-flex;min-height:44px;margin-top:14px;align-items:center;color:var(--column-accent-dark);font-size:.8rem;font-weight:800}
@media(max-width:820px){.column-page .site-header{grid-template-columns:1fr auto}.column-page .desktop-nav{display:none}.column-index-heading,.article-layout{grid-template-columns:1fr}.article-layout{gap:36px}.article-side{position:static}.article-list{grid-template-columns:1fr}.article-card:nth-child(odd){border-right:0}}
@media(max-width:560px){.column-wrap,.article-layout{width:min(100% - 32px,1080px)}.column-hero{padding:52px 0 38px}.column-hero h1{font-size:clamp(2.1rem,11vw,3.1rem)}.column-index{padding:50px 0}.column-index-heading{gap:18px}.article-card{min-height:0;padding:26px 4px}.article-body{font-size:.96rem}.article-body h2{margin-top:2.6em}.article-body figure{margin-inline:-16px}.article-body figure img{border-radius:0}.article-toc{padding:21px}.article-cta{margin-inline:-4px;padding:28px 23px}}
