:root{font-family:"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;color:#202b3d;background:#f5f7fa;--accent:#b18b60;--dark:#151b29}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #3977d4;outline-offset:4px}.skip{position:fixed;top:-80px;z-index:5;background:white;padding:15px}.skip:focus{top:0}aside{position:fixed;inset:0 auto 0 0;width:256px;background:var(--dark);color:white;padding:34px 23px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;font-weight:750;font-size:20px;letter-spacing:-.4px}.brand small{display:block;font-size:10px;letter-spacing:1.6px;color:#b1bacb;font-weight:500;margin-top:5px}.monogram{display:grid;place-items:center;background:#e8c786;color:#192032;width:39px;height:43px;border-radius:9px;font-size:28px}.side-label{font-size:14px;color:#a9b4c9;margin:46px 12px 15px;display:flex;justify-content:space-between}.side-label span{font-variant-numeric:tabular-nums;color:#68768e}nav{display:flex;flex-direction:column;gap:6px}nav button{display:flex;align-items:center;gap:13px;width:100%;border:0;color:#bfc8d9;background:transparent;padding:12px 14px;border-radius:8px;text-align:left;font-size:16px}nav button .mark{width:26px;height:26px;display:grid;place-items:center;background:color-mix(in srgb,var(--class) 13%,transparent);color:var(--class);border-radius:6px;font-size:12px;font-weight:700}nav button:hover{background:#222c3d}nav button.active{background:#2a3445;color:white;box-shadow:inset 3px 0 var(--class)}nav button:disabled{opacity:.35;cursor:default}nav button small{margin-left:auto;color:#7e8ba3;font-size:12px}.side-note{margin-top:auto;padding:28px 12px 0;color:#adb9ce;font-size:14px;line-height:1.9}.side-note span{color:#7e8ba3;font-size:12px}.workspace{margin-left:256px}header{height:76px;border-bottom:1px solid #dce2eb;display:flex;justify-content:space-between;align-items:center;padding:0 48px;font-size:12px;letter-spacing:1px;color:#6a778d}header b{font-weight:400;margin:0 9px;color:#abb5c4}.edition{letter-spacing:0;background:#e9edf3;border-radius:5px;padding:5px 9px}main{max-width:1080px;margin:auto;padding:43px 48px 36px}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{color:#738198;font-size:13px;letter-spacing:.6px}h1{margin:12px 0;font-size:38px;letter-spacing:-1.7px;line-height:1.25}h1 span{font-size:16px;font-weight:400;color:#8791a3;letter-spacing:.5px;margin-left:14px}#intro{margin:0;color:#59687c;font-size:16px;line-height:1.8}#class-number{font-size:74px;font-weight:250;color:#dce2e9;letter-spacing:-5px}.tabs{display:flex;gap:25px;border-bottom:1px solid #cfd8e5;margin:32px 0 26px;position:sticky;top:0;background:#f5f7faf5;backdrop-filter:blur(10px);z-index:2}.tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:16px 2px;color:#6c7788;font-size:16px;font-weight:700}.tabs button.active{color:#1d2a40;border-color:var(--accent)}.verdict{background:#fff;border:1px solid #e0e5ed;border-left:4px solid var(--accent);border-radius:0 9px 9px 0;padding:25px 28px;margin-bottom:27px}.kicker{font-size:12px;letter-spacing:1.2px;font-weight:700;color:#6b7890}.verdict h2{font-size:24px;letter-spacing:-.7px;margin:10px 0;line-height:1.5}.verdict p{font-size:16px;line-height:1.85;margin:0;color:#526176}.summary-grid{display:grid;grid-template-columns:1fr;gap:15px}.card{background:#fff;border:1px solid #e0e5ed;border-radius:9px;padding:24px 28px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.card h3{font-size:18px;margin:0}.badge{font-size:12px;background:#eef2f6;color:#50617b;border-radius:4px;padding:5px 8px;white-space:nowrap}.card ul{padding-left:20px;margin:16px 0 0}.card li{font-size:16px;line-height:1.9;margin:9px 0;color:#3c4a60}.en{font-size:.88em;color:#66768f;font-weight:400;word-break:normal}.uncertain{margin-top:20px;padding:18px 22px;border:1px solid #ddd7c8;background:#faf8f0;border-radius:8px;font-size:14px;line-height:1.9;color:#706047}.reader{background:white;border:1px solid #e0e5ed;border-radius:9px;padding:12px 36px 36px}.contents{padding:22px 0 25px;border-bottom:1px solid #e1e6ed;display:flex;gap:8px;flex-wrap:wrap}.contents a{font-size:13px;padding:6px 9px;background:#f0f3f8;color:#536480;text-decoration:none;border-radius:4px}.trans-section{scroll-margin-top:88px;padding-top:31px}.trans-section h2{font-size:21px;line-height:1.6;letter-spacing:-.5px;margin:0 0 17px}.time{font-size:12px;display:block;color:#8a96aa;font-weight:500;letter-spacing:.6px;margin-bottom:5px}.trans-section p{font-size:17px;line-height:2;word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-.15px;margin:0 0 20px;color:#2e3c50}.reading-note{font-size:14px;line-height:1.8;color:#6b788c;margin-bottom:18px}footer{font-size:12px;line-height:1.9;color:#7c899c;margin:30px 0 0;border-top:1px solid #dfe5ee;padding-top:20px}@media(min-width:1500px){main{padding-top:55px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:15px}.card{padding:23px}.card-head{display:block}.badge{display:inline-block;margin-top:12px}}@media(max-width:1000px){aside{width:205px;padding:26px 15px}.workspace{margin-left:205px}header{padding:0 28px}main{padding:30px 28px}.brand{font-size:18px}.brand small{font-size:8px}.reader{padding:8px 26px 26px}}@media(max-width:700px){aside{position:static;width:100%;padding:20px 18px 0}.brand{font-size:18px}.side-label,.side-note{display:none}nav{flex-direction:row;overflow-x:auto;gap:5px;padding:18px 0 12px}nav button{flex:none;width:auto;padding:9px 11px;font-size:14px}nav button .mark,nav button small{display:none}nav button.active{box-shadow:inset 0 -3px var(--class)}.workspace{margin:0}header{height:48px;padding:0 20px;font-size:10px}main{padding:25px 18px}h1{font-size:31px}h1 span{font-size:13px;margin-left:9px}#class-number{font-size:52px}.eyebrow{font-size:12px}#intro{font-size:14px}.tabs{margin-top:23px;gap:24px}.verdict,.card{padding:21px}.verdict h2{font-size:21px}.reader{padding:3px 20px 22px}.trans-section p{font-size:16px;line-height:1.95}.trans-section h2{font-size:19px}.contents{gap:6px}.contents a{font-size:12px}.edition{font-size:11px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
:root .contents{flex-direction:row}
aside{overflow-y:auto}nav button[data-class="closing"]{margin-top:12px;border-top:1px solid #354052;border-radius:0;padding-top:18px}