.ss-page .ss-intro{background:var(--navy-deep);color:var(--paper);padding:135px 0 55px;border-bottom:4px solid var(--teal)}
.ss-intro h1{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4rem);line-height:1.12;font-weight:400;margin:14px 0 22px}.ss-intro p{max-width:690px;font-size:1.1rem}.ss-intro .eyebrow{color:var(--gold-light)}
.ss-page h2{font:400 clamp(1.7rem,3vw,2.4rem)/1.2 var(--font-display);color:var(--navy);margin:10px 0 20px}.ss-page h3{font:600 1.5rem/1.35 var(--font-display);color:var(--navy)}
.ss-button,.ss-secondary{display:inline-block;font:600 .95rem var(--font-body);border:1px solid var(--navy);padding:13px 20px;min-height:46px;border-radius:2px;cursor:pointer;text-decoration:none}.ss-button{background:var(--navy);color:white}.ss-intro .ss-button{background:var(--paper);color:var(--navy)}.ss-secondary{background:transparent;color:var(--navy)}.ss-button:hover{background:var(--teal);color:white}.ss-secondary:hover{background:#dde5e8}.ss-text-link{margin-left:25px}.ss-page :focus-visible{outline:3px solid var(--teal);outline-offset:4px}.ss-intro :focus-visible{outline-color:var(--gold-light)}
.ss-builder{padding-top:50px;padding-bottom:40px;scroll-margin-top:95px}.ss-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.ss-muted{color:var(--ink-soft);font-size:.92rem}.ss-stages{display:grid;grid-template-columns:repeat(7,1fr);padding:0;gap:5px;list-style:none;margin:30px 0 12px}.ss-stages li{border-top:3px solid #aaa99e;padding:10px 6px;font-size:.75rem;color:var(--ink-soft)}.ss-stages li[aria-current]{border-color:var(--teal);color:var(--navy);font-weight:700;background:#dbe6e8}.ss-stages li span{display:block;font:500 1.1rem var(--font-mono)}
.ss-panel{background:#faf9f5;border:1px solid var(--paper-line);padding:clamp(20px,4vw,42px);margin:16px 0}.ss-panel progress{width:100%;height:6px;accent-color:var(--teal)}.ss-panel h3{margin:22px 0}.ss-page label{display:block;font-weight:600;margin:20px 0 7px}.ss-page input:not([type=checkbox]):not([type=radio]),.ss-page select,.ss-page textarea{width:100%;padding:12px;border:1px solid #767b79;background:white;color:var(--ink);font:inherit;border-radius:2px}.ss-page textarea{resize:vertical}.ss-page input[type=checkbox],.ss-page input[type=radio]{width:20px;height:20px;vertical-align:middle;accent-color:var(--navy);margin-right:10px;flex-shrink:0}.ss-page fieldset{border:1px solid var(--paper-line);padding:15px 20px;margin:20px 0}.ss-page legend{font-weight:700;padding:0 8px}.ss-page .ss-choice{display:flex;align-items:flex-start;font-weight:400;margin:12px 0;gap:4px}.ss-help{font-size:.9rem;color:var(--ink-soft);margin:7px 0}.ss-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:28px}.ss-error{color:#9c241e;font-weight:600}.ss-error:empty{display:none}.ss-notice{border-left:3px solid var(--teal);background:#eaf0ef;padding:16px}.ss-resource{padding:20px;background:#f0eee5;margin:20px 0;border:1px solid var(--paper-line)}.ss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.ss-guide{padding-top:40px;padding-bottom:35px;scroll-margin-top:85px}.ss-guide li{margin-bottom:14px}.ss-footer{background:var(--navy-deep);color:var(--paper);padding:28px 0}.ss-footer a{display:inline-block;margin-left:20px}.ss-page [hidden]{display:none!important}.ss-summary{display:grid;grid-template-columns:180px 1fr;gap:9px 20px}.ss-summary dt{font-weight:700}.ss-summary dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.ss-page button:disabled{opacity:.55;cursor:default}.ss-page #payload{font: .85rem/1.5 var(--font-mono)}
@media(max-width:700px){.ss-grid{grid-template-columns:1fr}.ss-section-head{align-items:flex-start;flex-direction:column}.ss-stages{grid-template-columns:repeat(7,1fr)}.ss-stages li{font-size:0;padding:8px}.ss-stages li span{font-size:1rem}.ss-summary{grid-template-columns:1fr}.ss-summary dd{margin-bottom:14px}.ss-actions>*{flex:1}.ss-intro .ss-text-link{display:inline-block;margin:18px 0 0 15px}.ss-page .brand-word{font-size:.85rem}.ss-panel{padding:20px}.ss-page input,.ss-page select{min-width:0}}
.ss-page .ss-intro h1{color:var(--paper)}
.ss-page #result{scroll-margin-top:95px}
