:root{color-scheme:light;--ink:#20384e;--paper:#faf8f2;--accent:#a67b36}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#242e37;font:16px/1.85 system-ui,-apple-system,sans-serif}header,footer{padding:22px max(20px,calc((100% - 900px)/2));background:#20384e;color:white}header a{color:white}main{max-width:900px;margin:40px auto;padding:0 20px}a{color:#285a7b}h1{font-family:serif;font-size:clamp(30px,6vw,52px);line-height:1.35;color:var(--ink);margin:8px 0 18px}h1 span{display:inline-block}h2{font-size:21px;line-height:1.6}.eyebrow{letter-spacing:.16em;font-size:13px;color:#795720}.lead{font-size:22px}.spec{display:flex;flex-wrap:wrap;gap:12px}.spec strong{padding:10px 20px;border:1px solid #cabea7;border-radius:4px}.note{font-size:14px;color:#5e6265}section,article,fieldset{border:1px solid #d6d2c7;background:white;padding:24px;margin:24px 0;border-radius:8px}fieldset{min-width:0}legend{font-weight:bold;color:var(--ink);padding:0 8px;max-width:100%;overflow-wrap:anywhere}label.choice{display:block;padding:12px;margin:10px 0;border:1px solid #d6dce0;border-radius:6px;cursor:pointer}label.choice:has(input:checked){background:#eaf1f8;border-color:#395b7a}label.correct{border-color:#27734a;background:#edf8ef}label.wrong{border-color:#ab3c35;background:#fff0ed}input{margin-right:10px}button,select{font:inherit;padding:10px 18px;max-width:100%;border-radius:6px;border:1px solid #708092}button{background:var(--ink);color:white;cursor:pointer;margin:8px 0}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b57e24;outline-offset:4px}.status{position:sticky;top:0;background:#20384e;color:white;padding:12px;display:flex;justify-content:space-between;gap:12px;z-index:1}#score{font-size:30px;font-weight:bold;color:var(--ink)}.explanation{background:#f5f4ec;padding:16px;border-left:4px solid var(--accent)}[hidden]{display:none!important}#result{border:2px solid var(--accent)}@media(max-width:480px){section,article,fieldset{padding:16px}main{padding:0 14px}select{display:block;margin:10px 0}}@media print{header,button,#setup,.status,footer{display:none}section,fieldset,article{break-inside:avoid}}

.material{padding:18px;background:#f1f4f5;border-left:4px solid #617e8e;margin:14px 0 22px;overflow-wrap:anywhere}.material h3{font-size:16px;margin:0 0 10px}.trade-map{display:block;width:100%;height:auto;background:#dcebf1}.material table{border-collapse:collapse;width:100%;font-size:14px}.material td,.material th{border:1px solid #bbc6ce;padding:5px 10px;text-align:left}.material caption{text-align:left}.bar-chart{margin:18px 0}.bar-row{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:13px}.bar-row>span:first-child{min-width:52px}.bar-row>span:last-child{min-width:48px}.bar{height:22px;background:#3a6986;max-width:calc(100% - 125px)}

.geography-map,.climate-chart{display:block;width:100%;height:auto}.table-wrap{overflow-x:auto;max-width:100%}.table-wrap table{min-width:240px}.material th,.material td{overflow-wrap:normal}