:root{color-scheme:dark;--bg:#07131e;--panel:#0d1e2d;--line:#214459;--cyan:#00d0f5;--ink:#e2e8f0}*{box-sizing:border-box}body{margin:0;background-color:var(--bg);background-image:linear-gradient(#0f2738 1px,transparent 1px),linear-gradient(90deg,#0f2738 1px,transparent 1px);background-size:28px 28px;color:var(--ink);font:16px/1.55 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;background:#081521;border-bottom:1px solid var(--line)}.brand{color:var(--cyan);font-size:22px;letter-spacing:1px}.brand span{color:#c084fc}header p{margin:3px 0;font-size:13px;color:#acc2d1}.controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}label{display:block;font-weight:600;margin:12px 0 5px}label span{display:block}.controls label{margin:0;font-size:12px}button,select,input,textarea{font:inherit;border:1px solid var(--line);border-radius:8px}button,select{background:#112b3e;color:var(--ink);padding:9px 13px}button{cursor:pointer;margin:5px 4px 5px 0}button:hover{background:#1c415a}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#00bedf;color:#001820;font-weight:750}.primary:hover{background:#5ee8ff}input,textarea{width:100%;background:#081521;color:var(--ink);padding:11px;resize:vertical}input[type=checkbox]{width:auto;accent-color:var(--cyan)}:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}nav{display:flex;gap:7px;flex-wrap:wrap;padding:12px 28px;background:#0a1824}nav button[aria-pressed=true]{background:#036d8d;border-color:var(--cyan);color:white}main{max-width:1450px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;padding:10px 24px 24px}.work{display:grid;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:16px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}h1,h2{font-size:20px;margin:0 0 12px}h3{font-size:16px}p{margin:8px 0}.muted,footer{font-size:13px;color:#a4bccc}.instruction{color:#7de6fa;padding:10px 0}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.field:first-child:last-child{grid-column:1/-1}.guide{position:sticky;top:15px}.guide h2{color:#f9a8d4}.prompt{background:#e6f7ff;color:#0c4a6e;border-radius:10px;padding:16px}.guide ol{padding-left:22px}.guide li{margin:10px 0}.notebook{border-color:#965bd1}.notebook h2{color:#d8b4fe}.check{display:flex;align-items:start;gap:10px}.check input{margin-top:7px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px;margin:10px 0}th,td{border:1px solid var(--line);padding:8px;text-align:left}td textarea{min-width:120px;font-size:14px}summary{cursor:pointer;color:#7dd3fc;font-weight:650;margin-top:18px}#notice{max-width:1400px;margin:8px auto;padding:0 24px;color:#fde68a;min-height:24px}#feedback{margin-top:12px;padding:0 12px;border-left:3px solid #fbbf24}#feedback li{margin:8px 0}#progress{color:#99dbe8;font-size:13px}#graph svg{width:100%;max-height:320px;margin-top:15px}footer{text-align:center;padding:22px} @media(max-width:1000px){header{align-items:start;flex-direction:column}main{grid-template-columns:minmax(0,1fr)}.guide{position:static}}@media(max-width:600px){main{padding:8px 10px}.panel{padding:16px}.fields{grid-template-columns:1fr}nav{padding:8px 10px}.brand{font-size:18px}.panel-head{align-items:start;flex-direction:column}}

.guide-step{color:#f9a8d4;font-weight:650;font-size:14px}.guide-previous{font-size:13px;color:#d6e6f0;overflow-wrap:anywhere}.guide textarea{font-size:15px}.guide #guideExpected{border-left:2px solid #c084fc;padding-left:10px}.guide #guideHelp{margin-bottom:12px}.guide #guideStarter{white-space:pre-line;color:#a5f3fc}.current-field{border-left:3px solid #ec4899;padding-left:12px}.guide #next{width:100%;margin-top:14px}main{grid-template-columns:minmax(0,1fr) 380px}@media(max-width:1000px){main{grid-template-columns:minmax(0,1fr)}}

.guide{max-height:calc(100dvh - 30px);overflow-y:auto;scrollbar-width:thin}@media(max-width:1000px){.guide{max-height:none;overflow:visible}}

.tool-link{color:#7de6fa;padding:9px 10px;font-size:14px;text-decoration:none;border:1px solid var(--line);border-radius:8px}.tool-link:hover{text-decoration:underline}

/* One guided route; the complete editable record is a secondary view. */
main{display:block;max-width:1050px}aside .guide{position:static;max-height:none;overflow:visible}.method select{width:100%;max-width:100%}.intro ol,#methodProcedure{padding-left:24px}.intro li,#methodProcedure li{margin:9px 0}#taskSetup>summary,.full-analysis>summary{margin:0 0 12px}.full-analysis[open]{display:grid;gap:18px}.full-analysis>.panel{margin-top:18px}.guide #next{max-width:500px}#guideAnswer{min-height:140px}.controls{max-width:100%}select{max-width:100%}[hidden]{display:none!important}