:root{--sg-a-bg:#F6F7F2;--sg-a-surface:#FFF;--sg-a-ink:#18211B;--sg-a-muted:#667168;--sg-a-accent:#176B45;--sg-a-line:#DCE3DD;--sg-a-soft:#EAF1EC;--sg-a-shadow:0 18px 55px rgba(14,78,50,.08)}
.sgs-article-page{background:var(--sg-a-bg);color:var(--sg-a-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.sgs-article-page *{box-sizing:border-box}
.sgs-article-shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:34px 0 80px}
.sgs-article-breadcrumb{display:flex;align-items:center;gap:9px;overflow:hidden;white-space:nowrap;color:var(--sg-a-muted);font-size:12px;margin-bottom:48px}
.sgs-article-breadcrumb a{color:var(--sg-a-accent);font-weight:750;text-decoration:none}
.sgs-article-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}
.sgs-article-head{max-width:900px;margin:0 auto 38px;text-align:center}
.sgs-article-category{display:inline-block;color:var(--sg-a-accent);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;margin-bottom:16px}
.sgs-article-head h1{font-family:"Avenir Next","Segoe UI",sans-serif;font-weight:800;font-size:clamp(38px,5.8vw,68px);line-height:1.04;letter-spacing:-.055em;margin:0 auto;color:var(--sg-a-ink)}
.sgs-article-dek{max-width:760px;margin:22px auto 0;color:var(--sg-a-muted);font-size:18px;line-height:1.65}
.sgs-article-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:24px;color:var(--sg-a-muted);font-size:12px}
.sgs-article-meta span+span:before{content:"·";margin-right:18px;color:#A7B2AA}
.sgs-article-hero{margin:0 0 62px;border-radius:14px;overflow:hidden;background:var(--sg-a-soft);box-shadow:var(--sg-a-shadow)}
.sgs-article-hero img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover}
.sgs-article-layout{display:grid;grid-template-columns:150px minmax(0,760px);gap:62px;justify-content:center;align-items:start}
.sgs-article-rail{position:sticky;top:24px;padding-top:7px}
.sgs-rail-block{border-top:1px solid var(--sg-a-line);padding:13px 0 15px}
.sgs-rail-block span{display:block;color:var(--sg-a-muted);font-size:11px;margin-bottom:4px}
.sgs-rail-block strong,.sgs-rail-block a{color:var(--sg-a-ink);font-size:13px;font-weight:800;text-decoration:none}
.sgs-rail-block a:hover{color:var(--sg-a-accent)}
.sgs-share-button{border:1px solid var(--sg-a-line);background:transparent;color:var(--sg-a-accent);border-radius:999px;padding:9px 13px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.sgs-share-button:hover{background:var(--sg-a-accent);color:#fff;border-color:var(--sg-a-accent)}
.sgs-article-content{min-width:0;font-size:18px;line-height:1.82;color:#263029}
.sgs-article-content>p:first-child{font-size:21px;line-height:1.72;color:var(--sg-a-ink)}
.sgs-article-content h2{font-family:"Avenir Next","Segoe UI",sans-serif;font-size:clamp(27px,3.4vw,38px);line-height:1.12;letter-spacing:-.04em;margin:54px 0 17px;color:var(--sg-a-ink)}
.sgs-article-content h3{font-family:"Avenir Next","Segoe UI",sans-serif;font-size:23px;line-height:1.2;margin:38px 0 13px;color:var(--sg-a-ink)}
.sgs-article-content p{margin:0 0 22px}
.sgs-article-content ul,.sgs-article-content ol{margin:0 0 25px;padding-left:25px}
.sgs-article-content li{padding-left:5px;margin:7px 0}
.sgs-article-content a{color:var(--sg-a-accent);text-decoration-thickness:1px;text-underline-offset:3px}
.sgs-article-content blockquote{margin:32px 0;padding:20px 24px;border-left:3px solid var(--sg-a-accent);background:var(--sg-a-soft);color:var(--sg-a-ink);font-size:20px;line-height:1.6}
.sgs-article-content img{max-width:100%;height:auto;border-radius:10px}
.sgs-article-content table{width:100%;border-collapse:collapse;margin:28px 0;font-size:15px}
.sgs-article-content th,.sgs-article-content td{border-bottom:1px solid var(--sg-a-line);padding:12px 10px;text-align:left}
.sgs-article-content th{font-weight:800;color:var(--sg-a-ink)}
.sgs-article-note{max-width:760px;margin:58px auto 0;padding:24px 26px;border:1px solid var(--sg-a-line);border-radius:14px;background:var(--sg-a-surface)}
.sgs-article-note strong{font-family:"Avenir Next","Segoe UI",sans-serif;font-size:17px}
.sgs-article-note p{color:var(--sg-a-muted);font-size:14px;line-height:1.7;margin:8px 0 0}
.sgs-related{margin-top:82px;border-top:1px solid var(--sg-a-line);padding-top:40px}
.sgs-related-heading span{color:var(--sg-a-accent);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.sgs-related-heading h2{font-family:"Avenir Next","Segoe UI",sans-serif;font-size:36px;line-height:1.1;letter-spacing:-.04em;margin:9px 0 26px}
.sgs-related-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sgs-related-item{min-width:0}
.sgs-related-image{display:block;aspect-ratio:1.35/1;overflow:hidden;border-radius:10px;background:var(--sg-a-soft)}
.sgs-related-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.sgs-related-image:hover img{transform:scale(1.025)}
.sgs-related-copy>span{display:block;color:var(--sg-a-muted);font-size:11px;margin:14px 0 6px}
.sgs-related-copy h3{font-family:"Avenir Next","Segoe UI",sans-serif;font-size:21px;line-height:1.2;letter-spacing:-.025em;margin:0 0 13px}
.sgs-related-copy h3 a{color:var(--sg-a-ink);text-decoration:none}
.sgs-related-copy h3 a:hover{color:var(--sg-a-accent)}
.sgs-related-link{color:var(--sg-a-accent);font-size:12px;font-weight:800;text-decoration:none}
.sgs-related-link span{margin-left:5px}
@media(max-width:850px){
 .sgs-article-shell{width:min(100% - 28px,1120px);padding-top:24px}
 .sgs-article-breadcrumb{margin-bottom:34px}
 .sgs-article-head{margin-bottom:28px}
 .sgs-article-head h1{font-size:clamp(34px,10vw,52px)}
 .sgs-article-dek{font-size:16px}
 .sgs-article-hero{margin-bottom:38px;border-radius:10px}
 .sgs-article-layout{display:block}
 .sgs-article-rail{position:static;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:32px;padding:0}
 .sgs-rail-block{border-top:0;padding:0}
 .sgs-share-button{margin-left:auto}
 .sgs-article-content{font-size:17px;line-height:1.78}
 .sgs-article-content>p:first-child{font-size:19px}
 .sgs-related-list{grid-template-columns:1fr}
}
@media(max-width:520px){
 .sgs-article-shell{width:min(100% - 24px,1120px)}
 .sgs-article-meta{justify-content:flex-start;text-align:left;gap:7px 13px}
 .sgs-article-meta span+span:before{margin-right:13px}
 .sgs-article-content h2{margin-top:42px}
 .sgs-article-note{padding:20px}
 .sgs-share-button{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.sgs-related-image img{transition:none}}