:root{--paper:#f6f4ed;--ink:#263d35;--muted:#5c6e66;--line:#d5ddd3;--green:#386552;--blue:#365c76;--gold:#936420}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.95 'Yu Gothic','Meiryo',sans-serif}a{color:var(--green);text-underline-offset:4px}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #a87521;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:9}.skip:focus{top:0}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(5vw,20px);border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:21px;text-decoration:none;white-space:nowrap}.brand span{background:var(--green);color:white;border-radius:8px;padding:3px 7px;margin-right:10px}nav{display:flex;flex-wrap:wrap;gap:8px 22px}nav a{font-size:13px}.wrap{width:min(1120px,90vw);margin:auto}.eyebrow{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.12em}.hero{padding:62px 0 44px;display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}h1{font-size:clamp(31px,4.2vw,54px);line-height:1.48;letter-spacing:.025em;margin:14px 0 22px}h1 em{font-style:normal;color:var(--green)}h2{font-size:25px;line-height:1.6}h3{line-height:1.6}.intro{color:var(--muted)}.primary{display:inline-block;background:var(--green);color:white;padding:12px 22px;border-radius:6px;text-decoration:none}.news-art{background:#fffefa;border:1px solid var(--line);box-shadow:9px 9px 0 #e5e8de;padding:25px 28px;transform:rotate(1deg)}.news-art .mast{display:flex;justify-content:space-between;border-bottom:3px double var(--ink);padding-bottom:10px;font-size:12px}.news-art .big{font-size:29px;font-weight:700;line-height:1.6;margin:25px 0}.lenses{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.lenses div{padding:12px;background:#edf1e8;font-size:12px}.lenses b{display:block;font-size:18px}.lenses div:nth-child(2){background:#f4eadb}.lenses div:nth-child(3){background:#e7eef1}.lenses div:nth-child(4){background:#eee8ed}.method{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.method h2{font-size:16px;margin:0}.method p{font-size:13px;color:var(--muted);margin:5px 0}.section-head{margin:45px 0 22px}.section-head h2{margin:5px 0}.small{font-size:13px;color:var(--muted)}.controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:22px 0}.controls label{font-size:13px}.controls input{display:block;background:#fffefa;border:1px solid #9aae9e;padding:10px;border-radius:6px;max-width:100%}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button,.switch button{border:1px solid #aebdaf;border-radius:24px;padding:9px 15px;background:transparent;color:var(--ink);font-size:13px}button[aria-pressed=true]{background:var(--green);color:white}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);background:#fffefa;padding:25px;border-radius:7px;display:flex;flex-direction:column}.card h3{font-size:22px}.card h3 a{color:var(--ink);text-decoration:none}.card p{font-size:14px}.card .read{margin-top:auto;font-size:14px;font-weight:bold}.tag{font-size:12px;color:var(--blue);font-weight:bold}.card-number{font:42px Georgia,serif;color:#adbcae;border-bottom:1px solid var(--line);padding-bottom:15px}.guide{margin:52px 0;background:#e9eee3;padding:30px;border-radius:8px}.guide ol{padding-left:24px}.guide li{padding:7px 0}.footer{border-top:1px solid var(--line);margin-top:60px;padding:30px 0 45px;font-size:13px;color:var(--muted)}.crumb{font-size:13px;margin:25px 0}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 220px;gap:55px;align-items:start}.article-head h1{font-size:clamp(29px,3.5vw,42px)}.lead{font-size:19px;font-weight:700}.meta{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.fact{border-top:3px solid var(--blue);padding:22px 26px;background:#fffefa;margin:28px 0}.fact h2{font-size:19px;margin:0}.fact .question{border-top:1px solid var(--line);padding-top:18px;font-weight:bold}.terms{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0}.terms div{border-top:1px solid var(--line);padding:12px 0}.terms dt{font-size:15px;font-weight:bold}.terms dd{font-size:13px;margin:6px 0;color:var(--muted)}.subject{padding-top:14px;margin:30px 0}.subject h2{margin:8px 0 18px}.subject p{margin:17px 0;max-width:45em}.subject-link{font-size:13px}.aside{position:sticky;top:20px;font-size:13px}.aside a{display:block;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none}.chart,.exercise,.writing{background:#fffefa;border:1px solid var(--line);padding:24px;border-radius:8px;margin:30px 0}.chart h2,.exercise h2,.writing h2{font-size:21px}.chart table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 7px}th{background:#edf1e8}.switch{display:flex;gap:8px;flex-wrap:wrap}.bars{margin:20px 0}.bar-row{margin:13px 0}.bar-label{display:flex;justify-content:space-between;font-size:13px;gap:10px}.track{height:24px;background:#edf0e8;margin-top:5px;display:flex}.fill{background:var(--blue);height:100%;min-width:1px}.fill.alt{background:#a87936}.scale{font-size:12px;color:var(--muted)}.calc-controls{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.calc-controls label{font-size:13px;flex:1;min-width:150px}.calc-controls input{display:block;width:100%;padding:8px;border:1px solid #98af9f;border-radius:4px}.calc-result{font-size:20px;font-weight:bold;color:var(--green)}.takeaway{border-left:4px solid var(--gold);background:#f0e9da;padding:20px 24px;font-weight:700}.exercise fieldset{border:0;padding:0;margin:0}.exercise legend{font-weight:bold;margin-bottom:14px}.option{display:flex;gap:10px;border:1px solid var(--line);padding:12px;margin:8px 0;border-radius:5px;cursor:pointer;font-size:15px}.option input{flex:none;width:18px}.check{background:var(--green);color:#fff;border:0;border-radius:5px;padding:10px 20px;margin-top:12px}.feedback{background:#edf1e8;padding:16px;margin-top:16px}.writing textarea{width:100%;min-height:150px;padding:14px;background:white;border:1px solid #9aae9e;border-radius:5px;resize:vertical}.writing summary,.exercise summary{cursor:pointer;font-weight:bold;padding:12px 0}.sources{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:13px;overflow-wrap:anywhere}.sources li{margin:16px 0}.sources small{display:block;color:var(--muted)}.related{display:flex;flex-direction:column;gap:10px}.related a{background:#e9eee3;border-radius:5px;padding:14px 18px;text-decoration:none;font-size:14px}.back{display:inline-block;margin:30px 0}.print{border:1px solid var(--line);padding:8px 15px;border-radius:5px;background:white}.noresult{padding:20px;background:white}@media(max-width:900px){.article-layout{display:block}.aside{position:static;margin:20px 0}.aside a{display:inline-block;margin-right:15px}.hero{gap:30px}.cards{grid-template-columns:1fr}.card{display:block}.card h3{margin:14px 0}.card-number{font-size:28px}.top{align-items:flex-start}}@media(max-width:600px){.top{display:block;padding:16px 5vw}.top nav{margin-top:12px;gap:7px 17px}.hero{display:block;padding:30px 0}.hero h1{font-size:35px}.news-art{margin:25px 5px 15px 0;padding:20px}.news-art .big{font-size:25px}.method{grid-template-columns:1fr;gap:16px}.terms{grid-template-columns:1fr;gap:0}.article-head h1{font-size:29px}.fact,.chart,.exercise,.writing{padding:20px}.guide{padding:22px}.controls label,.controls input{width:100%}.article-layout{display:flex;flex-direction:column}.article-layout article{width:100%}.aside{display:none}th,td{padding:9px 4px;font-size:12px}.lead{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body{background:white;color:black}.top,.aside,.footer,.controls,.check,.print,.switch,.back,.related{display:none}.wrap{width:100%}.article-layout{display:block}.subject,.chart{break-inside:avoid}.writing textarea{height:150px}.exercise details{display:none}a{color:black}.news-art{box-shadow:none;transform:none}}