.sg-design{--ink:#111516;--paper:#f7f8f8;--muted:#526068;--accent:#a9ccdb;--line:#d8dfe2;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.65}.sg-design *{box-sizing:border-box}.sg-design a{color:inherit;text-decoration:none}.sg-design button,.sg-design input,.sg-design textarea,.sg-design select{font:inherit;border-radius:0}.sg-design button,.sg-design summary{cursor:pointer}.sg-design img{max-width:100%;display:block}.sg-design h1,.sg-design h2,.sg-design h3,.sg-design p{margin:0}.sg-design h1,.sg-design h2,.sg-design h3{font-weight:400;line-height:1.08;letter-spacing:-.045em}.sg-design h1{font-size:clamp(2.8rem,6.8vw,7rem)}.sg-design h2{font-size:clamp(2.1rem,4.1vw,4rem)}.sg-design h3{font-size:1.55rem;letter-spacing:-.025em}.sg-design p+p{margin-top:1.1rem}.sg-design a:focus-visible,.sg-design button:focus-visible,.sg-design summary:focus-visible{outline:3px solid #28708b;outline-offset:5px}.sg-design [hidden]{display:none!important}.sg-design .wrap{width:min(1400px,90%);margin-inline:auto}.sg-design .eyebrow{font-size:.75rem;letter-spacing:.17em;text-transform:uppercase;line-height:1.5;margin-bottom:1.6rem}.sg-design .muted{color:var(--muted)}.sg-design .btn{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 1.5rem;background:var(--ink);color:white;border:1px solid var(--ink);font-size:.875rem;line-height:1.5;min-height:48px}.sg-design .btn.light{background:white;border-color:white;color:var(--ink)}.sg-design .btn.outline{background:transparent;border-color:currentColor;color:inherit}.sg-design .btn:hover{background:#31576a;color:white;border-color:#31576a}.sg-design .actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.sg-design .topbar{position:sticky;top:0;z-index:50;background:rgba(247,248,248,.97);border-bottom:1px solid var(--line)}.sg-design .bar{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.sg-design .brand{font-size:.875rem;letter-spacing:.16em;font-weight:700;white-space:nowrap;display:flex;gap:12px;align-items:center}.sg-design .brand-mark{width:20px;height:25px;display:inline-block;border:1px solid currentColor;transform:skewY(-18deg);box-shadow:5px 3px 0 -1px var(--paper),5px 3px 0 0 currentColor}.sg-design .nav{display:flex;align-items:center;gap:30px;font-size:.875rem}.sg-design .nav details>summary{list-style:none}.sg-design .nav summary::-webkit-details-marker{display:none}.sg-design .nav summary::after{content:' +';color:var(--muted)}.sg-design .mega{position:absolute;top:100%;left:0;width:100%;background:var(--paper);border-bottom:1px solid var(--line);padding:36px 5%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;box-shadow:0 20px 30px #0001}.sg-design .mega a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.sg-design .mega p{font-size:.875rem;color:var(--muted)}.sg-design .menu-toggle{display:none;border:1px solid var(--line);padding:10px 16px;background:none}.sg-design .hero{position:relative;min-height:740px;min-height:min(860px,calc(100svh - 84px));background:#171b1d;color:white;display:flex;align-items:center;isolation:isolate}.sg-design .hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.sg-design .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061014cf 0%,#06101465 50%,#06101416),linear-gradient(0deg,#06101466,transparent 40%);z-index:-1}.sg-design .hero .wrap{padding-block:70px 110px}.sg-design .hero h1{max-width:1050px;line-height:1.02}.sg-design .hero h1 span{color:#c3d6df}.sg-design .hero .lead{max-width:450px;margin-top:30px;font-size:1.125rem;color:#f2f4f5}.sg-design .hero-foot{position:absolute;bottom:26px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:.75rem;letter-spacing:.05em;color:#e5ebed}.sg-design .strip{border-bottom:1px solid var(--line)}.sg-design .strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.sg-design .strip div div{padding:24px 24px 24px 0}.sg-design .strip strong{font-size:.875rem;font-weight:400;display:block}.sg-design .strip span{font-size:.75rem;color:var(--muted)}.sg-design .section{padding-block:100px}.sg-design .split{display:grid;grid-template-columns:1fr 1fr;gap:8%}.sg-design .intro-text{max-width:550px;font-size:1.125rem}.sg-design .line-items{margin-top:36px}.sg-design .line-item{border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:50px 1fr;gap:16px}.sg-design .line-item p{font-size:.9375rem;color:var(--muted);margin-top:8px}.sg-design .section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.sg-design .section-heading p{max-width:390px;color:var(--muted)}.sg-design .systems{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sg-design .system{padding:36px;background:#e8edef;min-height:310px;display:flex;flex-direction:column}.sg-design .system:nth-child(2){background:#dce8ed}.sg-design .system h3{font-size:2.5rem;margin-bottom:20px}.sg-design .system p{max-width:480px}.sg-design .system>a{border-top:1px solid #acbcc4;margin-top:auto;padding-top:20px;display:flex;justify-content:space-between}.sg-design .system .eyebrow{margin-bottom:25px}.sg-design .dark{background:#101719;color:#f4f7f8}.sg-design .dark .eyebrow{color:#adcddc}.sg-design .dark .muted{color:#c0cbd0}.sg-design .dark h2{margin-bottom:30px}.sg-design .dark .btn{background:#aecedb;color:#101719;border-color:#aecedb}.sg-design .demo{background:#202a2e;border:1px solid #4b5b62}.sg-design .demo-frame{position:relative;aspect-ratio:16/11;overflow:hidden}.sg-design .demo-frame img{width:100%;height:100%;object-fit:cover}.sg-design .demo-frame.is-private img{filter:blur(18px);opacity:.16}.sg-design .demo-frame.is-private{background:#e4ecee}.sg-design .demo-badge{position:absolute;top:16px;left:16px;padding:6px 12px;background:#101719df;color:white;font-size:.75rem}.sg-design .demo-control{display:grid;grid-template-columns:1fr 1fr}.sg-design .demo-control button{border:0;background:transparent;color:#fff;padding:16px}.sg-design .demo-control button[aria-pressed=true]{background:#aecedb;color:#101719}.sg-design .caption{font-size:.75rem;color:#c0cbd0;margin-top:12px}.sg-design .applications{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.sg-design .application{padding:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.sg-design .application:first-child{padding-left:0}.sg-design .application:last-child{border-right:0}.sg-design .application h3{margin-bottom:18px}.sg-design .application p{color:var(--muted);font-size:.9375rem;margin-bottom:28px}.sg-design .application a{text-decoration:underline;text-underline-offset:6px}.sg-design details.faq{border-top:1px solid var(--line);padding:20px 0}.sg-design details.faq:last-child{border-bottom:1px solid var(--line)}.sg-design .faq summary{font-size:1rem;list-style:none;display:flex;justify-content:space-between;gap:20px}.sg-design .faq summary::after{content:'+'}.sg-design .faq[open] summary::after{content:'−'}.sg-design .faq p{padding-top:18px;color:var(--muted);max-width:720px}.sg-design .footer{padding:65px 0 25px;background:#0a1012;color:#edf2f4}.sg-design .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.sg-design .footer a{display:block;font-size:.875rem;margin-bottom:12px}.sg-design .footer p{color:#a7b6bd;font-size:.875rem;max-width:330px;margin-top:20px}.sg-design .footer-bottom{border-top:1px solid #344147;margin-top:50px;padding-top:22px;color:#b1bec4;font-size:.75rem}.sg-design .breadcrumb{font-size:.8125rem;padding:25px 0;color:var(--muted)}.sg-design .page-hero{padding:45px 0 75px;border-bottom:1px solid var(--line)}.sg-design .page-hero h1{max-width:1150px}.sg-design .page-hero .lead{font-size:1.2rem;max-width:720px;margin-top:28px}.sg-design .article-layout{display:grid;grid-template-columns:230px minmax(0,850px);gap:8%;padding-block:70px}.sg-design .toc{align-self:start;position:sticky;top:115px;font-size:.875rem}.sg-design .toc a{display:block;padding:8px 0;color:var(--muted)}.sg-design .article-section{margin-bottom:64px;scroll-margin-top:110px}.sg-design .article-section h2{font-size:clamp(1.9rem,3vw,2.7rem);margin-bottom:25px}.sg-design .article-section h3{margin:28px 0 16px;font-size:1.35rem}.sg-design .article-section p{margin-bottom:20px}.sg-design .article-section ul{padding-left:22px}.sg-design .article-section li{margin:10px 0}.sg-design .article-section a{text-decoration:underline;text-underline-offset:4px}.sg-design table{border-collapse:collapse;width:100%;font-size:.9375rem}.sg-design .table-scroll{overflow:auto}.sg-design th,.sg-design td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:16px}.sg-design th{background:#e3ecef;font-weight:500}.sg-design .related{display:flex;flex-wrap:wrap;gap:10px;padding-block:30px}.sg-design .related a{border:1px solid var(--line);padding:12px 18px;font-size:.875rem}.sg-design .brief-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.sg-design .brief-form label{display:block;font-size:.875rem}.sg-design .brief-form input,.sg-design .brief-form select,.sg-design .brief-form textarea{display:block;width:100%;padding:12px;border:1px solid #83969f;background:white;color:#101719;margin-top:8px}.sg-design .brief-form .full{grid-column:1/-1}.sg-design .brief-output{white-space:pre-wrap;background:#e2ebee;padding:24px;font-family:inherit}.sg-design .skip{position:fixed;top:-100px;left:15px;z-index:100;background:white;padding:14px}.sg-design .skip:focus{top:15px}.sg-design .reading-note{font-size:.8125rem;color:var(--muted);margin-top:25px}.sg-design .home-guide{border-top:1px solid var(--line)}.sg-design .home-guide>summary{padding:30px 0;font-size:1.2rem;cursor:pointer}.sg-design .home-guide .article-layout{padding-top:20px}.sg-design .sg-entry{width:100%}.sg-design .preview-note{font-size:.75rem;border-top:1px solid #344147;padding-top:15px;margin-top:20px;color:#b1bec4}
@media(min-width:1700px){.sg-design .hero .wrap{padding-block:120px 150px}}
@media(max-width:1000px){.sg-design .nav{gap:18px}.sg-design .bar>.btn{display:none}.sg-design .brand{font-size:.75rem}.sg-design .hero{min-height:690px}.sg-design .split{gap:5%}.sg-design .article-layout{grid-template-columns:180px minmax(0,1fr);gap:5%}}
@media(max-width:720px){.sg-design .bar{min-height:68px}.sg-design .menu-toggle{display:block}.sg-design .nav{display:none;position:absolute;top:100%;left:0;width:100%;padding:20px 5%;background:var(--paper);border-bottom:1px solid var(--line);max-height:80svh;overflow:auto}.sg-design .nav.open{display:block}.sg-design .nav>a,.sg-design .nav>details{display:block;padding:12px 0}.sg-design .mega{position:static;display:block;padding:14px;box-shadow:none}.sg-design .hero{min-height:680px;min-height:calc(100svh - 68px)}.sg-design .hero .wrap{padding:60px 0 125px}.sg-design .hero>img{object-position:60%}.sg-design .hero h1{font-size:clamp(2.8rem,11vw,4.8rem)}.sg-design .hero-foot{display:block}.sg-design .hero-foot span{display:block;margin-top:5px}.sg-design .section{padding-block:60px}.sg-design .split,.sg-design .systems,.sg-design .applications,.sg-design .footer-grid{grid-template-columns:1fr;gap:32px}.sg-design .section-heading{display:block}.sg-design .section-heading p{margin-top:22px}.sg-design .strip .wrap{grid-template-columns:1fr 1fr}.sg-design .strip div div{padding:18px 10px 18px 0}.sg-design .application,.sg-design .application:first-child{padding:25px 0;border-right:0}.sg-design .applications{gap:0}.sg-design .page-hero{padding:25px 0 50px}.sg-design .article-layout{display:block;padding-block:40px}.sg-design .toc{position:static;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:35px}.sg-design .toc a{display:inline-block;margin-right:18px}.sg-design .brief-form{grid-template-columns:1fr}.sg-design .footer-grid{gap:30px}.sg-design .btn{padding:13px 18px}.sg-design .hero .lead{font-size:1rem}.sg-design .system{padding:25px;min-height:320px}.sg-design .demo{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.sg-design *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* === v2.1 Erweiterungen (Okt. 2026): Video, Karten, Antwortbox, Fakten, Schritte, Beiträge === */
.sg-design .hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.sg-design .hero .video-toggle{position:absolute;right:5%;bottom:60px;z-index:2;background:#101719a6;color:#fff;border:1px solid #ffffff55;padding:8px 14px;font-size:.75rem;letter-spacing:.04em}
.sg-design .hero .video-toggle:hover{background:#101719}
@media(prefers-reduced-motion:reduce){.sg-design .hero>video{display:none}.sg-design .hero .video-toggle{display:none}}
.sg-design .answer{margin-top:34px;max-width:820px;border-left:3px solid var(--accent);background:#e6eef1;padding:22px 26px}
.sg-design .answer .eyebrow{margin-bottom:8px}
.sg-design .answer p:not(.eyebrow){font-size:1.0625rem}
.sg-design .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sg-design .card{display:flex;flex-direction:column;background:#e8edef;padding:30px;min-height:270px;transition:background .2s ease,transform .2s ease}
.sg-design .card:nth-child(3n+2){background:#dce8ed}
.sg-design a.card:hover{background:#cfe0e7;transform:translateY(-3px)}
.sg-design .card h3{margin:16px 0 14px}
.sg-design .card p:not(.eyebrow){color:var(--muted);font-size:.9375rem}
.sg-design .card .more{margin-top:auto;padding-top:20px;border-top:1px solid #acbcc4;display:flex;justify-content:space-between;font-size:.875rem}
.sg-design .facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0}
.sg-design .facts div{padding:20px 18px 20px 0}
.sg-design .facts strong{display:block;font-weight:400;font-size:1.6rem;letter-spacing:-.03em;line-height:1.1}
.sg-design .facts span{display:block;font-size:.8125rem;color:var(--muted);margin-top:6px;line-height:1.4}
.sg-design .callout{background:#101719;color:#f4f7f8;padding:26px 28px;margin:30px 0}
.sg-design .callout .eyebrow{color:#adcddc;margin-bottom:8px}
.sg-design .callout p{margin-bottom:0}
.sg-design .article-section .callout a{color:#aecedb}
.sg-design .article-section ol.steps{counter-reset:st;list-style:none;padding-left:0}
.sg-design .article-section ol.steps li{counter-increment:st;position:relative;padding:14px 0 14px 54px;border-top:1px solid var(--line);margin:0}
.sg-design .article-section ol.steps li:last-child{border-bottom:1px solid var(--line)}
.sg-design .article-section ol.steps li:before{content:counter(st,decimal-leading-zero);position:absolute;left:0;top:15px;color:var(--muted);font-size:.875rem}
.sg-design .video-frame{background:#202a2e;border:1px solid #4b5b62}
.sg-design .video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#202a2e}
.sg-design .post-meta{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:22px;font-size:.8125rem;color:var(--muted)}
.sg-design .post-meta span:first-child{color:var(--ink);border:1px solid var(--line);padding:2px 10px}
.sg-design .mega{grid-template-columns:repeat(4,1fr)}
.sg-design .footer-grid{grid-template-columns:1.4fr repeat(4,1fr)}
@media(max-width:1000px){.sg-design .card-grid{grid-template-columns:1fr 1fr}.sg-design .facts{grid-template-columns:1fr 1fr}.sg-design .footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.sg-design .card-grid{grid-template-columns:1fr}.sg-design .card{min-height:0}.sg-design .answer{padding:18px 20px}.sg-design .hero .video-toggle{bottom:auto;top:16px}}


/* === v2.2 Kontrast-Fix: helle Schrift auf dunklen Flächen === */
.sg-design .dark h1,.sg-design .dark h2,.sg-design .dark h3,.sg-design .dark summary,.sg-design .callout h3{color:#f4f7f8}
.sg-design .dark a:not(.btn){color:#f4f7f8}
.sg-design .page-hero h1,.sg-design .article-section h2,.sg-design .article-section h3,.sg-design .card h3,.sg-design .system h3,.sg-design .application h3,.sg-design .section:not(.dark) h2{color:var(--ink)}

/* === v2.2 WordPress-Mega-Menü: reine Links, öffnet bei Hover/Fokus === */
.sg-design .sg-wpnav{align-self:stretch;display:flex;align-items:stretch}
.sg-design .sg-menu{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;gap:30px}
.sg-design .sg-menu-item{display:flex;align-items:center;position:static;margin:0}
.sg-design .sg-menu-item>a,.sg-design .sg-top-label{display:flex;align-items:center;height:100%;position:relative;color:var(--ink);font-size:.875rem;cursor:pointer}
.sg-design .has-mega>a:after,.sg-design .has-mega>.sg-top-label:after{content:'+';margin-left:5px;color:var(--muted);transition:transform .2s ease}
.sg-design .has-mega:hover>a:after,.sg-design .has-mega:focus-within>a:after,.sg-design .has-mega:hover>.sg-top-label:after,.sg-design .has-mega:focus-within>.sg-top-label:after{transform:rotate(45deg)}
.sg-design .sg-menu-item>a:before,.sg-design .sg-top-label:before{content:'';position:absolute;left:0;right:0;bottom:24px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.sg-design .sg-menu-item:hover>a:before,.sg-design .sg-menu-item:focus-within>a:before,.sg-design .sg-menu-item>a.is-current:before,.sg-design .sg-menu-item:hover>.sg-top-label:before{transform:scaleX(1)}
.sg-design .sg-wpnav .mega{display:block;visibility:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;z-index:60;padding:38px 5% 44px;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.sg-design .sg-wpnav .has-mega:hover>.mega,.sg-design .sg-wpnav .has-mega:focus-within>.mega{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:0s}
.sg-design .mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;max-width:1400px;margin:0 auto}
.sg-design .mega-col{display:flex;flex-direction:column}
.sg-design .sg-wpnav .mega .mega-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0 0 12px;margin:0;border-bottom:1px solid var(--ink)}
.sg-design .sg-wpnav .mega a.mega-label-link{color:var(--muted)}
.sg-design .sg-wpnav .mega a.mega-link{display:block;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:.9375rem;transition:color .15s ease,padding-left .15s ease}
.sg-design .sg-wpnav .mega a.mega-link:hover,.sg-design .sg-wpnav .mega a.mega-link:focus-visible{color:#1d5870;padding-left:6px}
.sg-design .sg-wpnav .mega a.mega-link.is-current{color:#1d5870}
.sg-design .sg-wpnav .mega .mega-desc{display:block;font-size:.8125rem;line-height:1.4;color:var(--muted);margin:-6px 0 6px;padding-bottom:6px}
.sg-design .footer .footer-head{display:block;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#aecedb;margin:0 0 12px}

.sg-design .bar>.btn{white-space:nowrap}
.sg-design .sg-menu{gap:24px}
.sg-design .sg-wpnav .mega{background:var(--paper)}
@media(max-width:1180px){.sg-design .sg-menu{gap:16px}.sg-design .sg-menu-item>a,.sg-design .sg-top-label{font-size:.8125rem}}

@media(max-width:720px){
.sg-design .sg-wpnav{display:none}
.sg-design .sg-wpnav.open{display:block}
.sg-design .sg-menu{display:block}
.sg-design .sg-menu-item{display:block;padding:6px 0;border-bottom:1px solid var(--line)}
.sg-design .sg-menu-item>a,.sg-design .sg-top-label{display:block;height:auto;padding:8px 0;font-size:1rem}
.sg-design .sg-menu-item>a:before,.sg-design .sg-top-label:before,.sg-design .has-mega>a:after,.sg-design .has-mega>.sg-top-label:after{display:none}
.sg-design .sg-wpnav .mega{position:static;visibility:visible;opacity:1;transform:none;pointer-events:auto;padding:4px 0 12px 14px;box-shadow:none;border:0;width:auto}
.sg-design .mega-grid{display:block}
.sg-design .mega-col+.mega-col{margin-top:14px}
.sg-design .sg-wpnav .mega .mega-desc{display:none}
}

/* Shared editorial refinements. Content stays editable in WordPress. */
.sg-design .text-accent,.sg-design .hero h1 .text-accent{color:var(--accent)}
.sg-design .text-inverse,.sg-design .hero h1 .text-inverse{color:#fff}
.sg-design .text-subtle{color:var(--muted)}
.sg-design .dark .text-subtle{color:#c0cbd0}
.sg-design .content-wide{max-width:56.25rem}
.sg-design .page-hero h1{font-size:clamp(2.5rem,5vw,5.25rem);text-wrap:balance}
.sg-design .article-layout>div{min-width:0}
.sg-design .article-section p,.sg-design .guide-selection p{max-width:72ch}
.sg-design .article-section h2{line-height:1.15;text-wrap:balance}
.sg-design .home-planning h2{margin-bottom:2.5rem}
.sg-design .home-planning h3{margin:2rem 0 1rem}
.sg-design .home-planning a,.sg-design .source-note a,.sg-design .breadcrumb a{text-decoration:underline;text-underline-offset:.2em}
.sg-design .source-note{padding-block:2rem;border-top:1px solid var(--line)}
.sg-design .source-note h2{font-size:1.25rem;margin-bottom:1rem;letter-spacing:-.02em}
.sg-design .source-note p{font-size:.875rem;max-width:85ch;color:var(--muted)}
.sg-design input:focus-visible,.sg-design textarea:focus-visible,.sg-design select:focus-visible,.sg-design [tabindex="0"]:focus-visible{outline:3px solid #28708b;outline-offset:3px}
.sg-design .table-scroll{max-width:100%;overscroll-behavior-inline:contain}
.sg-design .guide-selection{max-width:56.25rem}
.sg-design .guide-selection .article-section:last-child{margin-bottom:0}
.sg-design .hero .video-toggle{min-height:2.75rem}
@media(min-width:721px){.sg-design .toc{max-height:calc(100svh - 8rem);overflow-y:auto;padding-right:1rem}}
@media(max-width:720px){.sg-design .toc{position:static}.sg-design .toc a{display:block;padding:.55rem 0}.sg-design .page-hero .lead{font-size:1.0625rem}.sg-design .article-section{margin-bottom:2.75rem}.sg-design th,.sg-design td{padding:.75rem;min-width:8rem}.sg-design .home-planning .systems{gap:0}}