:root{--app-width:1440px;--app-gutter:32px;--app-panel-gap:24px}html{scrollbar-gutter:stable}.app-container,.app-main:is(.shell,.sg-start,.ss-shell,.evidence-page,.validation-page){width:100%;max-width:var(--app-width);padding-inline:var(--app-gutter);margin-inline:auto}.app-main:is(.shell,.sg-start,.ss-shell,.evidence-page,.validation-page){min-width:0;min-height:calc(100svh - 176px);padding-top:0;padding-bottom:40px}.app-header-wrap{z-index:30;position:sticky;top:0}.sg-bar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:12px;height:52px;padding:0 20px;display:flex}.sg-logo{flex:none;line-height:0;display:block}.sg-logo img{width:auto;height:24px}.sg-logo .on-dark{display:var(--logo-on-dark)}.sg-logo .on-light{display:var(--logo-on-light)}.sg-vsep{background:var(--line);flex:none;width:1px;height:18px}.sg-product,.sg-segs{background:var(--gray-soft);border:1px solid var(--line3);border-radius:8px;flex:none;align-items:center;gap:2px;padding:2px;display:inline-flex}.sg-seg{white-space:nowrap;color:var(--ink3);border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:12.5px;font-weight:600;line-height:20px;text-decoration:none;transition:color 80ms,background 80ms;display:inline-flex}a.sg-seg:hover{color:var(--ink)}.sg-seg[aria-current=page]{color:var(--ink);background:var(--panel);box-shadow:0 1px 3px #00000040}.sg-seg-tag{background:var(--gray-band);color:var(--ink3);border-radius:4px;padding:0 5px;font-size:10.5px;font-weight:600;line-height:16px}.sg-nav{scrollbar-width:none;align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex;overflow-x:auto}.sg-theme{border:1px solid var(--line3);width:28px;height:28px;color:var(--ink3);cursor:pointer;background:0 0;border-radius:7px;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.sg-theme:hover{color:var(--ink)}.app-skip-link{z-index:20;background:var(--sg-yellow);color:var(--on-blue);padding:12px 16px;position:fixed;top:-100px;left:16px}.app-skip-link:focus{top:12px}.app-main .app-page-intro{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:32px;min-height:216px;margin:0;padding:34px 0 32px;display:grid}.app-intro-copy{min-width:0;max-width:820px}.app-page-intro .app-eyebrow{color:var(--sg-yellow);letter-spacing:1.3px;margin:0 0 12px;font-size:11px;font-weight:600;line-height:18px}.app-page-intro h1.app-page-title{letter-spacing:.01em;margin:0 0 14px;font-size:34px;font-weight:600;line-height:1.4}.app-page-intro .app-page-description{color:var(--ink2);max-width:780px;margin:0;font-size:14px;line-height:1.85}.app-intro-aside{justify-content:flex-end;align-items:center;gap:10px;padding-top:30px;display:flex}.app-intro-aside .actions{margin:0}.app-context-tag{color:var(--ink2);border:1px solid var(--border);background:var(--sg-panel);white-space:nowrap;border-radius:var(--radius-card);padding:9px 12px;font-size:12px;line-height:20px;display:inline-block}.app-main .app-page-intro+*{margin-top:0}.app-main :is(.workspace,.ss-layout){gap:var(--app-panel-gap);grid-template-columns:320px minmax(0,1fr);display:grid}.app-main :is(.inputs,.ss-inputs){background:var(--sg-panel);border:1px solid var(--border);border-radius:var(--radius-card);min-width:0;max-height:none;padding:24px;overflow:visible}.app-main :is(.panel,.ss-panel,.evidence-card,.sg-start-recommendation,.validation-case){background:var(--sg-panel);border-color:var(--border);border-radius:var(--radius-card)}.app-main .panel.trust-panel{border-top-color:var(--blue)}.app-main .panel.recommendation{box-shadow:inset 3px 0 var(--blue);border-left-width:1px}.app-main .panel.next{border-top-color:var(--blue)}.app-main :is(.panel,.ss-panel){padding:24px}.app-main .ss-panel{margin-bottom:var(--app-panel-gap)}.app-main .app-page-note{color:var(--ink2);margin:24px 0 0;font-size:11px;line-height:1.9}.app-footer-wrap{border-top:1px solid var(--border)}.app-footer{min-height:88px;color:var(--ink3);border:0;align-items:center;margin-block:0;padding-block:24px;font-size:11px;line-height:1.8}.app-footer a{color:var(--ink2);text-decoration:none}.app-footer-links{gap:20px;display:flex}.app-footer a:hover{color:var(--blue2)}.app-main .app-guide-help{border:1px solid var(--border);background:var(--sg-panel);border-radius:var(--radius-card);margin:0 0 28px;padding:20px 24px}.app-guide-help>p{color:var(--ink2);margin:0;font-size:13px;line-height:1.9}.app-guide-help b{color:var(--blue2);font-weight:600}.app-guide-help details{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.app-guide-help summary{color:var(--ink2);font-size:12px}.app-guide-help ul{margin-bottom:0}.app-main .ss-inputs>p{font-size:12px}.app-main .ss-inputs .ss-actions{margin-block:14px}.app-main .ss-inputs .ss-actions button{min-width:0}@media (max-width:1100px){.app-main :is(.workspace,.ss-layout){grid-template-columns:290px minmax(0,1fr)}.app-intro-aside .actions{flex-direction:column}}@media (max-width:950px){.app-main :is(.workspace,.ss-layout){grid-template-columns:minmax(0,1fr)}}@media (max-width:800px){:root{--app-gutter:24px}.sg-bar{flex-wrap:wrap;row-gap:8px;height:auto;padding-block:10px}.sg-nav{order:5;width:100%;margin-left:0}.sg-nav::-webkit-scrollbar{display:none}.sg-theme{margin-left:auto}.app-main .app-page-intro{grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;min-height:252px;padding-block:28px}.app-page-intro h1.app-page-title{margin-bottom:12px;font-size:28px}.app-intro-aside{justify-content:flex-start;padding-top:0}.app-intro-aside .actions{flex-flow:wrap}.app-context-tag{padding:6px 10px;font-size:11px}}@media (max-width:600px){:root{--app-gutter:16px;--app-panel-gap:20px}.sg-bar{gap:8px;padding:0 12px}.sg-logo img{height:18px}.sg-product .sg-seg{padding:3px 7px;font-size:12px}.sg-bar>.sg-vsep{display:none}.app-main .app-page-intro{min-height:272px}.app-page-intro .app-page-description{font-size:13px}.app-main :is(.inputs,.ss-inputs,.panel,.ss-panel,.app-guide-help){padding:20px 16px}.app-footer{justify-content:center;align-items:flex-start;gap:8px}}@media print{.app-header-wrap,.app-footer-wrap{display:none}.app-main:is(.shell,.sg-start,.ss-shell,.evidence-page,.validation-page){max-width:none;padding:0}.app-main .app-page-intro{min-height:0;padding:16px 0}}
