:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;color:#263f47;background:#f4f5ed;line-height:1.8;font-size:16px;--accent:#267c78;--border:#cad7d2}*{box-sizing:border-box}body{margin:0}.lab{max-width:1000px;margin:auto;padding:24px}header{padding:8px 0 22px}h1{font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.5;margin:.2em 0}h2{font-size:1.55rem}h3{font-size:1.2rem;line-height:1.8;margin:10px 0 25px}h4{font-size:1.05rem}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.1em;color:#5b7975}.picker,.question-card,.material,.explorer{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px;margin-bottom:20px}.question-card{border-top:5px solid var(--accent);scroll-margin-top:20px}.controls,.actions,.question-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.controls{margin:8px 0}label{font-weight:500}.unit-label{flex:1;min-width:0}select,input,textarea,button{font:inherit}select,input,textarea{border:1px solid #829d99;border-radius:8px;background:white;color:inherit;padding:10px}select{max-width:100%;min-height:44px}#unit{width:100%}.unit-label select{display:block}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:20px;height:20px;flex-shrink:0}input[type=range]{width:100%;accent-color:var(--accent);padding:0;min-height:44px}button{background:var(--accent);color:white;border:1px solid var(--accent);padding:10px 18px;min-height:44px;border-radius:10px;font-weight:650;cursor:pointer}.secondary{background:#f2f7f5;color:#245e59;border-color:#acc6c0}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){filter:brightness(.95)}:focus-visible{outline:3px solid #d79b26;outline-offset:3px}p{margin:12px 0}.note,.source,figcaption{font-size:.85rem;color:#526c72}.source{margin-bottom:15px}summary{cursor:pointer;font-weight:650;min-height:44px;display:list-item;align-content:center}.reading{margin:16px 0}.reading [lang=en]{font-size:1.05rem;line-height:2}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:480px;font-size:.9rem}th,td{border:1px solid var(--border);padding:10px;text-align:left}th{background:#eef5f0}fieldset{border:0;padding:0;margin:12px 0}legend{font-weight:650;margin-bottom:12px}.option{display:flex;gap:8px;align-items:center;border:1px solid var(--border);padding:12px;border-radius:10px;margin:10px 0;cursor:pointer;background:#fcfdfa}.option.is-selected{background:#e5f1ec;border-color:var(--accent)}.write-label{display:block}.write-label input,.write-label textarea{display:block;width:100%;margin-top:8px}.blank-sentence{line-height:3;font-size:1.05rem}.blank-sentence input{max-width:150px;width:9ch;margin:3px;min-width:70px;line-height:1.5}.actions{margin-top:22px}.chem-keys{display:flex;flex-wrap:wrap;gap:6px}.chem-keys button{min-width:44px;padding:6px 14px}#validation{color:#923a23}.hint{background:#fff2cf;padding:15px;border-radius:10px;margin-top:15px}.feedback{background:#f5f4ed;border:1px solid #d5d1bf;border-radius:12px;padding:20px;margin-top:20px}.feedback.correct{background:#e7f4eb;border-color:#b1d5ba}.model{font-weight:700;color:#245e59;white-space:pre-wrap}.rubric label{min-height:44px;cursor:pointer;display:flex;align-items:center;gap:8px;margin:10px 0}.question-nav{justify-content:space-between;padding:20px 0}.question-nav label{min-width:0;flex:1;max-width:400px}.question-nav select{width:100%}figure{margin:20px 0}svg,.map{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}figcaption{margin-top:8px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-grid>div{padding:15px;background:#eef5ef;border-radius:12px;text-align:center}.stat-grid strong,.stat-grid span{display:block}.bars>div{background:#6d9e90;color:#fff;min-width:100px;padding:5px;margin:8px 0;white-space:nowrap}.timeline{padding-left:30px}.timeline li{padding:8px;border-left:3px solid #d3dfd9}.timeline .active{background:#fff2cf;border-color:#dbb15b}footer{font-size:.85rem;color:#526c72;border-top:1px solid var(--border);padding-top:15px}.empty{padding:30px;background:white;border-radius:16px}@media(max-width:600px){.lab{padding:14px}.picker,.question-card,.material,.explorer{padding:16px}.controls>.select-label,.controls>.unit-label,.controls>label:only-child{width:100%}.actions button{flex:1 1 auto}.question-nav label{width:100%;order:-1;max-width:none;flex-basis:100%}.blank-sentence input{width:8ch}.stat-grid>div{padding:10px 3px}.stat-grid strong{font-size:1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.picker,.actions,.chem-keys,.question-nav,.explorer,button{display:none}body{background:#fff}.lab{max-width:none}.question-card{break-inside:avoid}details{display:block}}

.figure-body{overflow:hidden}.is-expanded .figure-body{overflow:auto}.is-expanded svg,.is-expanded .map{width:720px;min-width:720px;max-height:none}.zoom-figure{margin-top:10px;font-size:.85rem}

.retry-label{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.option input:checked+span{font-weight:700}.question-card,.picker,.material,.explorer,.controls{min-width:0}h1,h2,h3,.context,.model{overflow-wrap:anywhere}.figure-body{max-width:100%}.figure-hint{display:none}.is-expanded .figure-hint{display:block}.is-expanded .figure-body{border:1px solid var(--border);border-radius:8px}.lab-graphic{max-width:100%;overflow:auto;border:1px solid var(--border);border-radius:8px}.lab-graphic svg{min-width:560px;max-height:none}#retelling-check{margin-top:16px;background:#eef5f0;border-radius:10px;padding:12px}#retelling-check:empty{display:none}@media(max-width:600px){.lab{padding-bottom:max(14px,env(safe-area-inset-bottom))}.actions button{min-width:110px}.question-nav>button{flex:1}.blank-sentence{overflow-wrap:anywhere}.blank-sentence input{max-width:calc(100% - 6px)}.controls select{min-width:0}}

.chem-keys{display:block;margin:16px 0}.chem-key-group{margin:12px 0}.chem-key-group>span{display:block;font-size:.9rem;font-weight:650;margin-bottom:6px}.chem-key-group>div{display:flex;flex-wrap:wrap;gap:8px}.chem-key-group button{font-size:1.2rem;min-width:48px;min-height:48px;line-height:1.4}