:root{--ground:#f2f4f1;--paper:#fff;--paper-2:#f7f9f6;--ink:#161b18;--ink-2:#4c5a53;--ink-3:#74827c;--rule:#d4dbd5;--rule-2:#e6eae6;--accent:#076c41;--accent-ink:#055232;--accent-soft:#e3efe8;--on-accent:#fff;--warn:#a9500d;--warn-soft:#f7ecdf;--bad:#a32c22;--bad-soft:#f8e6e3}@media (prefers-color-scheme:dark){:root{--ground:#111514;--paper:#191f1c;--paper-2:#1f2623;--ink:#e7ece8;--ink-2:#a0aea7;--ink-3:#7e8c86;--rule:#2c3531;--rule-2:#242c29;--accent:#4fbf8b;--accent-ink:#7fd3ab;--accent-soft:#15291f;--on-accent:#0e1b15;--warn:#e09355;--warn-soft:#2a211a;--bad:#e58a7e;--bad-soft:#2e1c1a}}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:BIZ UDPGothic,Hiragino Sans,Noto Sans JP,system-ui,sans-serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:var(--accent-ink)}h1{font-size:clamp(22px,4vw,30px);line-height:1.3;margin:0 0 12px;text-wrap:balance}h2{font-size:19px;margin:34px 0 12px}h3{font-size:14px;margin:0 0 6px}p{margin:0 0 12px}.site-head{background:var(--paper);border-bottom:2px solid var(--ink);padding:12px 20px;display:flex;flex-wrap:wrap;gap:10px 20px;align-items:baseline}.brand{font-weight:800;font-size:18px;text-decoration:none;color:var(--ink)}.site-head nav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.wrap{max-width:860px;margin:0 auto;padding-inline:20px;padding-block:28px 64px}.site-foot{border-top:1px solid var(--rule);margin-top:40px;padding:20px;line-height:1.8}.crumb,.site-foot{font-size:12.5px;color:var(--ink-3)}.crumb{margin-bottom:14px}.lede{color:var(--ink-2);font-size:15px;max-width:62ch}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:12px;gap:12px}.card{background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}.card:hover{border-color:var(--accent)}.card-title{font-weight:700;font-size:15px}.card-meta{font-size:12.5px;color:var(--ink-3)}.trade-block{margin-top:30px}.fmt{border-collapse:collapse;width:100%;background:var(--paper);border:1px solid var(--rule);font-size:14px}.fmt td,.fmt th{padding:9px 13px;border-bottom:1px solid var(--rule-2);text-align:left;vertical-align:top}.fmt th{width:9em;color:var(--ink-2);font-weight:500;background:var(--paper-2)}.fields{list-style:none;padding:0;margin:0;background:var(--paper);border:1px solid var(--rule)}.fields li{border-bottom:1px solid var(--rule-2)}.fields li:last-child{border-bottom:none}.fields a{display:grid;grid-template-columns:2.5em 1fr;grid-gap:2px 10px;gap:2px 10px;padding:11px 14px;text-decoration:none;color:inherit}.fields a:hover{background:var(--paper-2)}.f-id{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600;font-size:13px}.f-name{font-weight:700;font-size:15px}.f-desc,.f-meta{grid-column:2;font-size:12.5px;color:var(--ink-3);line-height:1.6}.f-desc{color:var(--ink-2)}.cutoff-note{border-left:3px solid var(--warn);background:var(--warn-soft);padding:10px 14px;font-size:14px;border-radius:0 3px 3px 0}.inline-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px}.qlist{display:flex;flex-direction:column;gap:18px;margin-top:16px}.q{background:var(--paper);border:1px solid var(--rule);border-radius:3px}.q-head{display:flex;flex-wrap:wrap;gap:6px 9px;align-items:center;padding:10px 15px;border-bottom:1px solid var(--rule-2);background:var(--paper-2)}.q-no{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent);font-size:13px}.tag{font-size:11px;padding:1px 7px;border-radius:2px;background:var(--ground);color:var(--ink-2);border:1px solid var(--rule-2);white-space:nowrap}.tag.logic{background:var(--accent-soft);color:var(--accent-ink);white-space:normal}.tag.alt,.tag.logic{border-color:transparent;font-weight:600}.tag.alt{background:var(--warn-soft);color:var(--warn)}.diff{margin-left:auto;font-size:11px;color:var(--ink-3);letter-spacing:.1em}.q-body{padding:15px;display:flex;flex-direction:column;gap:12px}.q-text{white-space:pre-wrap;margin:0}.multi-hint{margin:0;font-size:13px;color:var(--accent-ink);background:var(--accent-soft);border-left:3px solid var(--accent);padding:6px 11px;border-radius:0 3px 3px 0}.opts{flex-direction:column;gap:7px}.opt,.opts{display:flex}.opt{gap:10px;align-items:flex-start;text-align:left;width:100%;padding:9px 13px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);font:inherit;font-size:15px;line-height:1.7;cursor:pointer;border-radius:2px}.opt:hover:not(:disabled){border-color:var(--accent);background:var(--paper-2)}.opt:disabled{cursor:default}.opt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.opt-n{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink-3);flex:0 0 auto;padding-top:2px}.opt.picking{border-color:var(--ink-3);background:var(--paper-2);box-shadow:inset 3px 0 0 var(--ink-2)}.opt.correct{border-color:var(--accent);background:var(--accent-soft)}.opt.correct .opt-n{color:var(--accent-ink)}.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}.opt.wrong .opt-n{color:var(--bad)}.reveal{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--rule-2);padding-top:13px}.verdict{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;font-weight:700;margin:0}.v-ok{color:var(--accent-ink)}.v-ng{color:var(--bad)}.v-ans{font-size:13px;color:var(--ink-2);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.exp{margin:0;font-size:15px}.notes{display:flex;flex-direction:column;gap:5px}.notes h3{font-size:11px;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase}.note-row{display:flex;gap:9px;font-size:14px;line-height:1.7;color:var(--ink-2)}.note-row .nn{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink-3);flex:0 0 auto;padding-top:2px}.note-row.is-ans{color:var(--ink)}.note-row.is-ans .nn{color:var(--accent-ink)}.meta{display:flex;flex-wrap:wrap;gap:4px 18px;border-top:1px dashed var(--rule);padding-top:10px;font-size:11.5px;color:var(--ink-3);line-height:1.8}.meta b{color:var(--ink-2);font-weight:500}.pager{display:flex;justify-content:space-between;gap:12px;margin-top:24px;font-size:14px;flex-wrap:wrap}@media (max-width:560px){.fields a{grid-template-columns:1fr}.f-desc,.f-meta{grid-column:1}.diff{margin-left:0}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}