:root{--color-text: #1e1e1c;--color-text-muted: #6f6c66;--color-bg: #f7f5f0;--color-bg-card: #ffffff;--color-line: #d8d4cc;--color-accent: #1f4e5f;--color-accent-fg: #ffffff;--color-error: #8a3f2d;--color-error-bg: #f8ebe7;--color-success: #355c45;--color-focus: #1f4e5f;--color-warning-bg: #f4e7c5;--color-accent-soft: #e6eef1;--color-notice-border: #ddc98f;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-card: 12px;--radius-pill: 999px;--touch-target-min: 44px;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: Georgia, "Times New Roman", serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--type-base: 1rem;--type-sm: .875rem;--type-xs: .8rem;--type-lg: 1.25rem;--type-xl: 1.5rem;--type-2xl: 1.875rem;--type-3xl: 2.5rem;--type-4xl: clamp(2rem, 1.4rem + 2.2vw, 3rem);--content-max: 1240px;--content-narrow: 720px;--width-reading: 720px;--width-scenario: 960px;--width-wide: 1320px;--transition-fast: .12s ease;--transition: .2s ease}@media(prefers-color-scheme:dark){:root{--color-text: #f2efe8;--color-text-muted: #c2bdb2;--color-bg: #1f1c17;--color-bg-card: #28241f;--color-line: #4c453a;--color-accent: #8bb7c7;--color-accent-fg: #142730;--color-error: #e7a08f;--color-error-bg: #40261f;--color-success: #8fbe9f;--color-focus: #8bb7c7;--color-warning-bg: #42351f;--color-accent-soft: #2b3940;--color-notice-border: #8f7d53}}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{color-scheme:light dark}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.65;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}a{color:var(--color-accent);text-underline-offset:3px}a:hover{text-decoration:underline}img,svg,picture{max-width:100%;display:block;height:auto}button{font:inherit}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;margin-top:0;font-weight:500}h1{font-size:var(--type-4xl)}h2{font-size:var(--type-2xl)}h3{font-size:var(--type-xl)}h4{font-size:var(--type-lg)}p{margin-top:0}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:var(--space-3);background:var(--color-accent);color:var(--color-accent-fg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);z-index:1000;transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-3)}.shell{min-height:100dvh;display:flex;flex-direction:column}main.main{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8)}body.scenario-page main.main{max-width:1400px}.content-narrow{max-width:var(--width-reading)}.reading-layout{max-width:var(--width-reading);margin-inline:auto}.scenario-layout{max-width:var(--width-scenario);margin-inline:auto}.eyebrow{color:var(--color-text-muted);font-size:var(--type-sm);font-weight:600;letter-spacing:.01em}.site-header{border-bottom:1px solid var(--color-line);padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.site-header .site-title{font-family:var(--font-display);font-size:var(--type-xl);font-weight:500;letter-spacing:.01em;text-decoration:none;color:inherit}.site-header__meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--type-sm);color:var(--color-text-muted)}.site-footer{border-top:1px solid var(--color-line);padding:var(--space-5) var(--space-4) var(--space-6);color:var(--color-text-muted);font-size:var(--type-sm)}.site-footer__row{max-width:var(--content-max);margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:space-between}.site-footer__links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.site-footer a{color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.btn--primary{background:var(--color-accent);color:var(--color-accent-fg);border:1px solid var(--color-accent)}.btn--primary:hover{text-decoration:none}.btn--primary:disabled{opacity:.55;cursor:not-allowed}.btn--secondary{background:transparent;color:var(--color-accent);border:1px solid var(--color-line)}.btn--secondary:hover{text-decoration:none;border-color:var(--color-accent)}.btn--link{background:transparent;border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-accent);padding:var(--space-2) var(--space-3);min-height:var(--touch-target-min);cursor:pointer}.btn--link:hover{text-decoration:none;border-color:var(--color-accent);background:var(--color-accent-soft)}.card{background:var(--color-bg-card);border:1px solid var(--color-line);border-radius:var(--radius-card);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.card__title{margin:0;font-size:var(--type-xl)}.card__desc{color:var(--color-text-muted);margin:0}.card__meta{font-size:var(--type-sm);color:var(--color-text-muted)}.card__actions{margin-top:auto;display:flex;gap:var(--space-3);flex-wrap:wrap}.badge{display:inline-block;background:var(--color-accent-soft);color:var(--color-text-muted);font-size:var(--type-xs);padding:2px 8px;border-radius:var(--radius-sm);font-weight:600}.notice{background:var(--color-warning-bg);border:1px solid var(--color-notice-border);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);margin-bottom:var(--space-5)}.notice--warning{border-color:var(--color-error);background:var(--color-warning-bg)}fieldset{border:0;padding:0;margin:0 0 var(--space-6) 0}legend{padding:0;font-weight:600;font-size:var(--type-lg);margin-bottom:var(--space-2)}.required-pill{display:inline-block;margin-left:var(--space-2);padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-line);color:var(--color-text-muted);font-size:var(--type-xs);font-weight:600;vertical-align:middle}.field-error{color:var(--color-error);font-size:var(--type-sm);margin-top:var(--space-1)}fieldset[aria-invalid=true] legend,fieldset[aria-invalid=true]>label{color:var(--color-error)}input[type=text],input[type=email],textarea,select{width:100%;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-line);background:var(--color-bg-card);color:var(--color-text)}textarea{resize:vertical;min-height:110px}input[type=text]:focus,input[type=email]:focus,textarea:focus,select:focus{outline:3px solid var(--color-accent-soft);border-color:var(--color-accent)}.actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap}@media(max-width:520px){.actions{flex-direction:column-reverse;align-items:stretch}.actions .btn{width:100%}}.a11y-status{position:absolute;left:-9999px}.prose{max-width:var(--content-narrow)}.prose h2{margin-top:var(--space-6)}.prose h3{margin-top:var(--space-5)}.prose p,.prose ul,.prose ol{margin-bottom:var(--space-4)}.prose ul,.prose ol{padding-left:var(--space-5)}.prose p,.prose li{max-width:75ch}.prose code{font-family:var(--font-mono);font-size:.95em;background:var(--color-bg-card);padding:0 4px;border-radius:4px}