:root{--ink:#21483e;--green:#096353;--cream:#f4f2e9}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);font:16px/1.65 system-ui,sans-serif}main.container{max-width:1160px}h1{font-size:clamp(28px,4.5vw,46px);font-weight:780;letter-spacing:-.035em}h2{font-size:23px;font-weight:750}p{overflow-wrap:anywhere}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;color:#5b8375}.notice{padding:16px 20px;border-radius:14px;background:#e6edd9}.panel{background:#fff;border:1px solid #d7dfd5;border-radius:18px;padding:24px;margin:22px 0;min-width:0}#scenarios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#scenarios button{padding:15px;text-align:left;border:1px solid #cbd8d0;border-radius:12px;background:#fff;color:var(--ink);font-size:14px;font-weight:650;min-height:64px}#scenarios button[aria-pressed=true]{background:var(--green);color:white}.btn{min-height:44px;white-space:normal}.btn-success{background:var(--green);border-color:var(--green)}.btn-outline-success{color:var(--green);border-color:#93b5a3}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d4ae39!important;outline-offset:3px}label{font-size:14px;font-weight:650}.toolbar,.actions{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:16px 0}.toolbar label{flex:1 1 120px;max-width:190px}.toolbar .btn{flex:0 1 auto}.canvas-box{background:#e3e8e4;border:1px solid #cfd8d0;border-radius:12px;overflow:auto;max-height:780px;min-height:140px;padding:10px;max-width:100%;overscroll-behavior:contain}.canvas-box canvas{display:block;margin:0 auto;box-shadow:0 2px 12px #102e3322;background:#fff}.canvas-box canvas[hidden]{display:none}.search-row{display:flex;gap:10px}.search-row input{min-width:0}.match-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.page-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;background:#f7f8f2;padding:16px;border-radius:10px}mark{background:#fff2a3;color:#252a17}summary{cursor:pointer;font-weight:700;padding:12px 0}.error{background:#fff0e9;border-left:4px solid #b44b2a;padding:12px 16px;color:#7d341b}pre{background:#153e35;color:#ebf5df;padding:18px;border-radius:12px;overflow:auto;font-size:13px;margin:16px 0;max-height:460px}pre code{white-space:pre}.small{color:#5b7067}.disabled{pointer-events:none;opacity:.55}@media(max-width:640px){main.container{padding-left:12px;padding-right:12px}.panel{padding:16px;border-radius:14px}#scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}#scenarios button{font-size:12px;padding:10px}.toolbar{gap:8px}.toolbar .btn{flex:1 1 90px}.toolbar label{max-width:none;flex:1 1 100px}.canvas-box{padding:5px;max-height:65svh}.search-row{flex-wrap:wrap}.search-row .btn{width:100%}.actions>*{width:100%}h2{font-size:21px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}