*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f6f5;color:#252a2b;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;padding-bottom:86px}a{color:inherit;text-decoration:none}.sgnav{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px;gap:24px}.sglogo{font-size:25px;font-weight:900;letter-spacing:-1px}.sglogo span{color:#0ecf81}.sgnav nav{display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:14px;font-weight:600}.sgbtn{display:inline-block;padding:14px 22px;border-radius:14px;background:#252a2d;color:white!important;font-weight:700}.sgbtn:hover{background:#0ba969}.sgoutline{display:inline-block;padding:13px 22px;border:1px solid #cbd4d0;border-radius:14px}.sghero{max-width:1220px;margin:26px auto 18px;padding:75px 6%;background:radial-gradient(circle at 95% 20%,#b6ffcc,transparent 45%),white;border-radius:35px}.sghero h1{font-size:clamp(38px,5.4vw,68px);max-width:890px;letter-spacing:-.05em;line-height:1.08;margin:20px 0}.sghero p{font-size:19px;max-width:720px;color:#65716d}.sghero>div{display:flex;gap:12px;flex-wrap:wrap}.sgpill{border:1px solid #c6ddd2;padding:7px 14px;border-radius:90px;font-size:12px;font-weight:800}.sgwrap{max-width:1220px;margin:60px auto;padding:0 24px}.sgsection h2{font-size:34px;letter-spacing:-.04em}.sgsection p{color:#66736d}.sgcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.sgcard{background:#fff;min-height:280px;padding:30px;border-radius:25px;border:1px solid #e5eae6;transition:transform .2s,box-shadow .2s}.sgcard:hover{transform:translateY(-5px);box-shadow:0 20px 45px #1e3b2420}.sgicon{background:#dcffeb;color:#00b86b;border-radius:16px;width:58px;height:58px;display:grid;place-items:center;font-size:28px}.sgkicker{font-size:13px;color:#178d5e;font-weight:800;margin-top:22px}.sgcard h2{font-size:22px;letter-spacing:-.03em;line-height:1.3}.sgcard p{font-size:14px;color:#65716d}.sgcard span{font-weight:800}.sgcrumb{max-width:920px;margin:30px auto;padding:0 24px;color:#69746f;font-size:14px}.sgarticle{max-width:920px;margin:0 auto 80px;padding:55px;background:#fff;border-radius:30px}.sgarticle h1{font-size:clamp(31px,4vw,52px);line-height:1.13;letter-spacing:-.04em}.sglead{font-size:19px;color:#647169}.sgprose{font-size:17px;line-height:1.85}.sgprose h2{font-size:29px;line-height:1.3;margin-top:38px}.sgprose h3{font-size:22px}.sgprose a{color:#078f57;text-decoration:underline}.sgprose img{max-width:100%;height:auto}.sgarticlecta{padding:30px;background:#edfff5;border-radius:24px;margin-top:40px}.sgfoot{padding:45px 24px;text-align:center;border-top:1px solid #e2e8e3;color:#58645e}.sgsticky{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:50;background:#272a2b;color:white;border-radius:20px;padding:12px 18px;display:flex;align-items:center;gap:24px;box-shadow:0 12px 36px #0003;max-width:calc(100% - 20px)}.sgsticky a{padding:11px 18px;border-radius:12px;background:#19da81;color:#10281c;font-weight:750;white-space:nowrap}@media(max-width:760px){.sgnav{align-items:flex-start;flex-direction:column;padding:18px}.sgnav nav{gap:12px}.sgnav nav a{font-size:12px}.sghero{margin:8px;padding:42px 26px}.sgcards{grid-template-columns:1fr}.sgarticle{border-radius:0;padding:25px}.sgsticky strong{display:none}.sgsticky{width:max-content}}
/* 2026 editorial and accessibility update */
.sgarticle,.sgcard,.sghero{box-shadow:0 12px 45px rgba(18,45,30,.045)}
.sgprose{overflow-wrap:anywhere}.sgprose p{margin:0 0 1.2em}.sgprose h2,.sgprose h3{scroll-margin-top:30px}.sgprose ul{padding-left:1.45em}.sgprose li{padding:.2em 0}.sgprose a{overflow-wrap:anywhere}.sgrelated{margin-top:30px;padding:22px;border-radius:18px;background:#f4f8f5;line-height:2}.sgrelated a{color:#087e57;text-decoration:underline}.sgcards>*{min-width:0}.sgcard h2{overflow-wrap:anywhere}a:focus-visible,button:focus-visible{outline:3px solid #078c55;outline-offset:4px}.sgarticle{width:calc(100% - 32px)}.sgnav nav{min-width:0}.sgfoot a{text-decoration:underline;text-underline-offset:3px}.sgprose blockquote{padding:14px 22px;margin:22px 0;border-left:4px solid #1dbb78;background:#f4f9f6}.sgprose .table-wrap{overflow-x:auto} @media(max-width:760px){body{padding-bottom:92px}.sgnav{gap:10px}.sgnav nav{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:8px 0 12px}.sgnav nav a{white-space:nowrap;flex:none}.sghero h1{font-size:clamp(30px,8vw,48px)}.sgarticle{width:100%;margin:0 auto 50px;padding:25px 19px}.sgarticle h1{font-size:clamp(30px,8vw,42px)}.sgprose{font-size:16px;line-height:1.72}.sgprose h2{font-size:24px}.sgsticky{max-width:calc(100vw - 22px);padding:9px 12px;bottom:9px}.sgsticky a{font-size:13px}.sgcards{gap:14px}.sgcard{min-height:0;padding:22px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* 2026-10: article cover and blog card cover */
.sgcardmedia{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#e9f8f2;margin-bottom:18px;display:flex;align-items:center;justify-content:center}.sgcardmedia .sgicon{margin:0}.sgcardmedia .sgcover{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.sgcard:hover .sgcover{transform:scale(1.035)}.sgarticlecover{margin:24px 0 28px}.sgarticlecover img{display:block;width:100%;height:auto;border-radius:20px;max-height:540px;object-fit:cover}@media(max-width:650px){.sgcardmedia{border-radius:12px}.sgarticlecover img{border-radius:12px}}
