:root{--color-bg: #f5f7f6;--color-surface: #ffffff;--color-primary: #1a4d3e;--color-primary-light: #2d6b58;--color-text: #1a1a1a;--color-text-muted: #5a5a5a;--color-border: #d8e0dc;--color-warning: #8b6914;--color-success-surface: #e8f5e9;--color-warning-surface: #fff3e0;--color-on-primary: #ffffff;--font-base: "Segoe UI", "Roboto", "Noto Sans", system-ui, sans-serif;--tap-min: 48px;--radius: 12px;--radius-sm: 8px;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--shadow-sm: 0 1px 2px rgb(26 77 62 / .06);--shadow-md: 0 4px 12px rgb(26 77 62 / .08);--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .16s}*{box-sizing:border-box}html{font-size:18px}html.text-large{font-size:20px}body{margin:0;font-family:var(--font-base);background:var(--color-bg);color:var(--color-text);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration-thickness:1px;text-underline-offset:.15em;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-primary-light)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}.skip-link{position:absolute;left:-9999px;z-index:100;padding:var(--space-md) var(--space-xl);background:var(--color-primary);color:var(--color-on-primary);text-decoration:none;border-radius:var(--radius)}.skip-link:focus{position:fixed;left:var(--space-lg);top:var(--space-lg)}input[type=radio],input[type=checkbox]{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;accent-color:var(--color-primary);flex-shrink:0}textarea{font-family:inherit;font-size:var(--text-base);line-height:1.5}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){:root{--color-text: #000;--color-text-muted: #333;--color-border: #666}}button{font-family:inherit;font-size:var(--text-base);min-height:var(--tap-min);min-width:var(--tap-min);padding:var(--space-md) var(--space-xl);border-radius:var(--radius);border:2px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}button:active:not(:disabled){transform:scale(.98)}button.secondary{background:var(--color-surface);color:var(--color-primary)}button:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.card-accent{border-left:4px solid var(--color-primary)}.muted{color:var(--color-text-muted)}.page-title{margin:0 0 var(--space-sm);font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em;line-height:1.3}.page-lead{margin:0 0 var(--space-lg)}.app-shell{max-width:720px;margin:0 auto;padding:var(--space-lg)}.app-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.app-header-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.app-brand{flex:1 1 12rem}.app-title{margin:0 0 var(--space-xs);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;color:var(--color-primary);line-height:1.2}.app-tagline{margin:0;font-size:.95rem}.app-framing{margin:var(--space-xs) 0 0;font-size:var(--text-sm)}.app-nav{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.app-nav-group{display:flex;flex-direction:column;gap:var(--space-sm)}.app-nav-label{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);letter-spacing:.02em;text-transform:uppercase}.app-nav-links{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.nav-link{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);text-decoration:none;background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border);min-height:var(--tap-min);display:inline-flex;align-items:center;font-size:.95rem;box-shadow:var(--shadow-sm);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.nav-link:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);color:var(--color-primary)}.nav-link.is-current{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.nav-link.is-current:hover{color:var(--color-on-primary)}.app-footer{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.text-size-control{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.text-size-control__label{font-size:var(--text-sm);margin-right:var(--space-xs)}.text-size-control button{min-width:auto;min-height:2.5rem;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.section-block{padding:var(--space-lg);margin-bottom:var(--space-xl);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface)}.section-block--success{background:var(--color-success-surface)}.section-block--warning{background:var(--color-warning-surface);border-color:var(--color-warning)}.section-block__title{margin:0 0 var(--space-sm);font-size:var(--text-base);font-weight:600}.section-block__detail{margin:0 0 var(--space-sm);font-size:.95rem}.concept-card{margin-bottom:var(--space-lg);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-sm)}.concept-card__title{margin:0 0 var(--space-sm);font-size:var(--text-lg);font-weight:600}.loading-state{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);color:var(--color-text-muted)}.loading-state:before{content:"";width:1rem;height:1rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:var(--space-xl);text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.link-action{font-weight:600;text-decoration:none}.link-action:hover{text-decoration:underline}.mode-list{padding-left:1.25rem;line-height:2;margin:0}.flow-steps{margin:0 0 var(--space-lg);font-size:var(--text-sm)}.action-bar{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-xl)}.feedback-panel{padding:var(--space-lg);border-radius:var(--radius);margin-top:var(--space-lg)}.feedback-panel--correct{background:var(--color-success-surface);border:1px solid var(--color-border)}.feedback-panel--incorrect{background:var(--color-warning-surface);border:1px solid var(--color-warning)}.feedback-panel__text{margin:0}.feedback-panel__note{margin:var(--space-md) 0 0;font-weight:600}.reveal-panel{padding:var(--space-lg);border-radius:var(--radius);margin:var(--space-lg) 0}.reveal-panel--correct{background:var(--color-success-surface);border:1px solid var(--color-border)}.reveal-panel--incorrect{background:var(--color-warning-surface);border:1px solid var(--color-warning)}.reveal-panel__text{margin:0;font-size:.95rem}.result-panel{padding:var(--space-lg);border-radius:var(--radius);margin:var(--space-lg) 0}.result-panel--pass{background:var(--color-success-surface);border:1px solid var(--color-border)}.result-panel--fail{background:var(--color-warning-surface);border:1px solid var(--color-warning)}.result-panel__score{margin:0 0 var(--space-sm)}.result-panel__verdict{margin:0 0 var(--space-md);font-weight:600;font-size:var(--text-lg)}.result-panel__verdict--pass{color:var(--color-primary)}.result-panel__verdict--fail{color:var(--color-warning)}.result-panel__footnote{margin:0;font-size:var(--text-sm)}.diagnostic-list{padding-left:0;list-style:none;margin:0}.question-prompt{font-size:var(--text-lg);font-weight:500;line-height:1.45}.critical-tag{margin-left:var(--space-sm);color:var(--color-warning);font-size:var(--text-sm)}.exam-timer{font-weight:600;font-variant-numeric:tabular-nums}.exam-timer--urgent{color:var(--color-warning)}.stack-lg{margin-top:var(--space-lg)}.card-grid{display:grid;gap:var(--space-md);margin-top:var(--space-lg)}.field-label{display:block;font-weight:600;margin-bottom:var(--space-xs)}.section-subtitle{font-size:var(--text-base);font-weight:600;margin:var(--space-lg) 0 var(--space-sm)}.option-list{border:none;padding:0;margin:var(--space-lg) 0}.option-list__legend{margin-bottom:var(--space-sm);font-size:var(--text-sm);padding:0}.option-list__items{display:flex;flex-direction:column;gap:var(--space-sm)}.option-item{position:relative;display:flex;align-items:flex-start;gap:var(--space-md);min-height:var(--tap-min);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.option-item:hover:not(:has(input:disabled)){border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.option-item.is-selected{border-color:var(--color-primary);background:var(--color-success-surface);box-shadow:var(--shadow-md)}.option-item:has(input:disabled){cursor:default;opacity:.85}.option-item__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}.option-item__input:focus-visible+.option-item__marker{outline:3px solid var(--color-primary-light);outline-offset:2px}.option-item__marker{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-primary);font-weight:600;font-size:var(--text-sm);pointer-events:none;position:relative;z-index:1}.option-item.is-selected .option-item__marker{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.option-item__label{flex:1;line-height:1.45;padding-top:.15rem;pointer-events:none;position:relative;z-index:1}.exam-grid{margin:var(--space-xl) 0;padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.exam-grid__summary{margin:0 0 var(--space-md);font-size:var(--text-sm)}.exam-grid__list{display:flex;flex-wrap:wrap;gap:var(--space-sm);list-style:none;padding:0;margin:0}.exam-grid__item{margin:0}.exam-grid__cell{position:relative;min-width:2.75rem;min-height:2.75rem;padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.exam-grid__cell.is-critical:before{content:"";position:absolute;top:.2rem;right:.2rem;width:.35rem;height:.35rem;border-radius:50%;background:var(--color-warning)}.exam-grid__cell:hover{border-color:var(--color-primary-light)}.exam-grid__cell.is-answered{background:var(--color-success-surface);border-color:var(--color-primary-light);color:var(--color-primary)}.exam-grid__cell.is-current{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light);color:var(--color-primary)}.visual-placeholder{margin:var(--space-xl) 0;padding:var(--space-2xl) var(--space-xl);text-align:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.visual-placeholder__icon{width:5rem;height:5rem;margin:0 auto var(--space-lg);border-radius:var(--radius);background:var(--color-surface);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-weight:600;font-size:var(--text-lg);letter-spacing:-.02em}.visual-placeholder__title{margin:0 0 var(--space-sm);font-weight:600}.freshness-badge{margin-top:var(--space-lg);font-size:var(--text-sm);padding:var(--space-md) var(--space-lg)}.freshness-badge__summary{cursor:pointer;font-weight:600;color:var(--color-primary)}.freshness-badge__detail{margin:var(--space-md) 0 0}.search-input{width:100%;min-height:var(--tap-min);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;background:var(--color-surface)}.search-input:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}.filter-group{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.sign-list{display:grid;gap:var(--space-md);margin-top:var(--space-lg)}.sign-card__link{text-decoration:none;color:inherit}.sign-card__link:hover .sign-card__code{color:var(--color-primary-light)}.sign-card__code{color:var(--color-primary);font-weight:600}.sign-card__name{display:block;margin-top:var(--space-xs)}.sign-card__meta{display:block;font-size:var(--text-sm);margin-top:var(--space-xs)}.data-panel{padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);margin-bottom:var(--space-xl)}.data-panel:last-child{margin-bottom:0}.data-divider{margin:var(--space-2xl) 0;border:none;border-top:1px solid var(--color-border)}.data-stat{margin:0 0 var(--space-lg);font-size:.95rem}.status-toast{margin:var(--space-lg) 0 0;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);background:var(--color-success-surface);border:1px solid var(--color-border);font-size:.95rem}.data-footnote{margin:var(--space-xl) 0 0;font-size:var(--text-sm)}.report-list{list-style:none;padding:0;margin:var(--space-lg) 0}.report-item{padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font-size:var(--text-sm);box-shadow:var(--shadow-sm)}.report-item__title{font-weight:600;margin-bottom:var(--space-xs)}.report-item__meta{font-size:var(--text-sm);margin-bottom:var(--space-sm)}.report-item__body{margin:0}.btn-compact{min-width:auto;min-height:2.25rem;padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.disclosure{margin-top:var(--space-md);font-size:var(--text-sm)}.disclosure__summary{cursor:pointer;color:var(--color-primary);font-weight:600}.disclosure__body{margin:var(--space-sm) 0 0;padding-left:1.25rem}.inline-form{margin-top:var(--space-lg);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.inline-form__title{margin:0 0 var(--space-sm);font-weight:600}.inline-form textarea{width:100%;padding:var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);resize:vertical}.inline-form__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.confidence-fieldset{border:none;padding:0;margin:var(--space-lg) 0}.confidence-fieldset legend{font-weight:600;margin-bottom:var(--space-sm)}.confidence-group{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-lg) 0}.source-card__header{display:flex;gap:var(--space-sm);justify-content:space-between;flex-wrap:wrap;margin-bottom:var(--space-sm)}.source-card__title{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-xs)}.source-card__row{margin:var(--space-xs) 0;font-size:var(--text-sm)}.source-card__note{margin:var(--space-sm) 0}