:root{--ink:#243d36;--muted:#65736c;--green:#244c43;--light:#e9eeea;--paper:#f6f5ef;--line:#dce1d7;--gold:#b89550;--red:#a13e38;--white:#fff;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:15px;line-height:1.75}a{color:var(--green);text-underline-offset:4px}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{border:1px solid var(--line);border-radius:10px;padding:11px 18px;background:white;color:var(--ink);font-weight:600;min-height:46px}button:hover{border-color:var(--green);background:#f0f4ef}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#173e34}.outline{background:transparent}.danger{color:var(--red)}:focus-visible{outline:3px solid #ba9550;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,4vw,50px);line-height:1.5;font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:600;letter-spacing:.04em}h2{font-size:23px;line-height:1.5}h3{font-size:17px;line-height:1.65}small,.small{font-size:12px}.muted{color:var(--muted)}.site-header{max-width:1220px;margin:auto;padding:25px 40px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:25px;font-family:Georgia,serif;line-height:1.25;flex-shrink:0}.brand-sub{display:block;font-size:10px;font-family:sans-serif;letter-spacing:.1em;margin-top:4px}.monogram{background:var(--green);color:#fff;width:43px;height:48px;border-radius:12px 12px 3px 3px;display:grid;place-items:center;font-size:33px}.site-header nav{display:flex;gap:30px;margin-left:auto}.site-header nav a{text-decoration:none;color:var(--muted);font-size:13px;padding:10px 0}.site-header nav a.active{color:var(--green);box-shadow:0 2px var(--green)}.year{font-size:10px;letter-spacing:.12em;color:var(--muted);border-left:1px solid var(--line);padding-left:28px}main{max-width:1140px;margin:0 auto;min-height:65vh;padding:38px 0 50px}main:focus{outline:none}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--muted);font-weight:700;margin-bottom:14px}.hero{display:grid;grid-template-columns:1fr 330px;gap:60px;align-items:center;margin:10px 0 32px}.hero h1{margin-bottom:16px}.hero-copy{max-width:580px;color:var(--muted);font-size:14px}.hero-art{height:255px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:120px 120px 14px 14px;background:#e4e9df}.hero-art:before{content:'';position:absolute;width:155px;height:196px;border:1px solid #afbfac;border-radius:80px 80px 0 0;bottom:0}.hero-art:after{content:'';position:absolute;width:238px;height:230px;border:1px solid #c9d1c1;border-radius:120px 120px 0 0;bottom:0}.date-card{z-index:1;display:flex;align-items:center;flex-direction:column;background:#fbfaf3ed;border:1px solid #d4d9ce;padding:25px 40px;box-shadow:0 10px 25px #244c4308;border-radius:3px}.date-card strong{font:43px Georgia,serif;margin:5px 0}.date-card small{font-size:10px;letter-spacing:.12em}.date-card span{font-size:12px;color:var(--muted)}.meta-line{display:flex;gap:10px;flex-wrap:wrap}.tag{display:inline-block;background:var(--light);color:var(--green);font-size:11px;padding:3px 9px;border-radius:5px}.tag.gold{background:#f1e9d9;color:#775f32}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:var(--radius);margin:26px 0;padding:20px 0}.stat{padding:0 28px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat small{color:var(--muted);display:block}.stat strong{font:28px Georgia,serif;margin-right:6px}.stat span{font-size:12px;color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:34px 0 18px}.section-head h2{margin:0;font-size:20px}.section-head p{margin:0;font-size:12px;color:var(--muted)}.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cat-card{text-align:left;padding:19px 15px;min-height:145px;border-radius:14px;display:flex;flex-direction:column;align-items:start;gap:8px;font-weight:400}.cat-card.selected{background:var(--green);color:white;border-color:var(--green)}.cat-card .cat-num{font:19px Georgia,serif;opacity:.7}.cat-card b{font-size:15px}.cat-card small{opacity:.75;font-size:11px}.bar{background:#e8ece5;border-radius:5px;height:4px;width:100%;overflow:hidden;display:block}.bar i{display:block;background:var(--gold);height:100%}.workspace{display:grid;grid-template-columns:1fr 325px;gap:22px;margin-top:23px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px}.panel h2{font-size:21px;margin-bottom:8px}.panel .muted{font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:23px}label{display:block;font-size:12px;font-weight:600}select,input[type=search]{display:block;width:100%;border:1px solid var(--line);background:#fcfcf9;color:var(--ink);padding:11px 12px;border-radius:8px;margin-top:6px;min-width:0}label.wide{grid-column:1/-1}.start-row{margin-top:23px;display:flex;align-items:center;justify-content:space-between;gap:12px}.start-row span{font-size:12px;color:var(--muted)}.side-stack{display:grid;gap:14px;align-content:start}.side-stack .panel{padding:21px}.side-stack h3{margin-bottom:7px}.side-stack p{font-size:12px;color:var(--muted);margin-bottom:15px}.side-stack button{width:100%}.quick-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.quick-links button{font-size:12px;padding:7px 12px;min-height:40px}.resume{padding:18px 22px;border-radius:12px;border:1px solid #c2cbbb;background:#edf1e7;display:flex;gap:20px;align-items:center;justify-content:space-between;margin:20px 0}.resume p{margin:0;font-size:13px}.resume button{flex-shrink:0}.note-box{border-left:3px solid var(--gold);background:#f7f4eb;padding:15px 18px;font-size:13px;margin:20px 0}.check{display:flex;align-items:center;gap:8px;font-size:12px;margin:12px 0;font-weight:400}.check input{width:18px;height:18px;accent-color:var(--green)}footer{max-width:1140px;margin:auto;border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px}footer b{padding:0 8px}#notice{position:sticky;top:0;z-index:10;background:#fff0db;color:#67401f;border-bottom:1px solid #e6cbab;padding:12px 25px;font-size:13px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:5px;z-index:99;background:white;padding:8px}.quiz-wrap{max-width:840px;margin:auto}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.quiz-top .counter{font:24px Georgia,serif}.quiz-top small{font:13px sans-serif;color:var(--muted)}.timer{font:24px ui-monospace,monospace;color:var(--green);padding:8px 13px;background:var(--light);border-radius:8px}.timer.urgent{color:var(--red);background:#fbece9}.question{margin-top:22px}.question h1{font-family:inherit;font-size:22px;letter-spacing:0;line-height:1.85;margin:18px 0}.prompt{font-size:14px;color:var(--muted)}.options{display:grid;gap:12px;margin:22px 0}.option{text-align:left;font-weight:400;display:flex;align-items:flex-start;gap:13px;padding:17px 18px;line-height:1.85}.option .letter{font:15px Georgia,serif;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:28px;height:28px;flex:0 0 28px;margin-top:1px}.option.selected{border-color:var(--green);background:var(--light)}.option.selected .letter{background:var(--green);color:white}.option.correct{border-color:#377256;background:#eef6ef}.option.wrong{border-color:var(--red);background:#fcf0ed}.option:disabled{opacity:1;cursor:default}.question-tools{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.question-tools button{font-size:12px;min-height:40px;padding:7px 13px}.question-tools button.on{background:#f6ebcf;border-color:var(--gold)}.quiz-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}.quiz-bottom div{display:flex;gap:9px}.feedback{margin-top:24px;border-top:1px solid var(--line);padding-top:23px}.feedback h2{font-size:18px}.feedback .judgment{font-size:21px;color:#32744a}.feedback .judgment.bad{color:var(--red)}.explanation-list{display:grid;gap:13px;padding:0;list-style:none}.explanation-list li{padding:13px 16px;background:#f6f8f3;border-radius:9px;font-size:13px}.explanation-list .false{background:#faf4f0}.explanation-list b{display:block;font-size:13px;margin-bottom:4px}.source-link{font-size:11px;color:var(--muted)}.nav-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin:20px 0}.nav-grid button{min-height:36px;padding:3px;font-size:12px;border-radius:6px}.nav-grid button.answered{background:var(--light)}.nav-grid button.current{border:2px solid var(--green)}.nav-grid button.flagged{box-shadow:inset 0 -3px var(--gold)}.score-hero{text-align:center;padding:30px}.score-number{font:76px Georgia,serif;color:var(--green);margin:10px 0}.score-number small{font-size:27px;color:var(--muted)}.score-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}table{width:100%;border-collapse:collapse;font-size:13px;margin:15px 0}td,th{padding:12px 8px;text-align:left;border-bottom:1px solid var(--line)}th{font-size:11px;color:var(--muted)}.table-scroll{overflow:auto}details{border:1px solid var(--line);background:white;border-radius:11px;margin:10px 0;padding:15px 18px}summary{cursor:pointer;font-size:14px;font-weight:600;list-style-position:outside;margin-left:15px}details[open] summary{margin-bottom:18px}.history-row{display:flex;align-items:center;gap:16px;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.history-row .date{font-size:11px;color:var(--muted)}.topic-chips{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.topic-chips button{font-size:11px;min-height:35px;padding:6px 10px}.topic-chips button.active{background:var(--green);color:white}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.page-title{margin:12px 0 28px}.page-title h1{font-size:34px;margin-bottom:10px}.page-title p{font-size:14px;color:var(--muted)}.source-list{padding-left:20px}.source-list li{margin:8px 0;font-size:13px}.badge-ok{color:#2f6949}.badge-ng{color:var(--red)}.result-list{margin-top:28px}.review-statement{margin:16px 0}.correct-label{font-size:12px;font-weight:700}.text-actions{display:flex;gap:14px;flex-wrap:wrap}.notes-filter{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin:20px 0}.pending{color:#977330}.toast{font-size:12px;color:var(--muted)}@media(max-width:1200px){main,footer{margin-left:35px;margin-right:35px}.site-header{padding:23px 35px}.hero{gap:30px}}@media(max-width:850px){.year{display:none}.hero{grid-template-columns:1fr 240px;gap:22px}.hero-art{height:225px}.date-card{padding:24px}.workspace{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.cat-grid{grid-template-columns:repeat(3,1fr)}.cat-card{min-height:120px}.stat{padding:0 18px}}@media(max-width:580px){body{font-size:14px}.site-header{padding:17px 20px;gap:15px;align-items:center;flex-wrap:wrap}.brand{font-size:23px}.monogram{width:35px;height:40px;font-size:29px}.site-header nav{gap:17px}.site-header nav a{font-size:11px}.brand-sub{font-size:9px}main{margin:0;padding:24px 18px 35px}.hero{grid-template-columns:1fr;gap:16px;margin:4px 0 20px}.hero h1{font-size:35px}.hero-art{display:none}.hero-copy{font-size:12px}.eyebrow{font-size:10px}.stats{padding:15px 0;gap:0}.stat{padding:0 10px}.stat strong{font-size:24px}.stat small{font-size:10px}.stat span{display:block;font-size:10px}.cat-grid{grid-template-columns:repeat(2,1fr);gap:9px}.cat-card{padding:15px;min-height:120px}.cat-card:last-child{grid-column:1/-1;min-height:95px}.cat-card:last-child .bar{max-width:45%}.panel{padding:20px 17px;border-radius:14px}.form-grid{gap:12px}.side-stack{grid-template-columns:1fr}.section-head{margin-top:26px}.section-head h2{font-size:18px}.section-head p{font-size:10px}.resume{padding:15px;gap:12px;align-items:start;flex-direction:column}.resume button{width:100%}.start-row{align-items:start;flex-direction:column}.start-row button{width:100%}footer{margin:0 18px;padding:23px 0;flex-direction:column;font-size:10px;gap:8px}.question h1{font-size:18px}.option{padding:14px 12px;gap:10px}.option .letter{width:24px;height:24px;flex-basis:24px;font-size:13px}.quiz-top{flex-wrap:wrap}.quiz-top button{font-size:11px;padding:8px 12px}.timer{font-size:19px}.quiz-bottom{align-items:stretch;flex-wrap:wrap}.quiz-bottom>button{flex:1}.quiz-bottom div{width:100%}.quiz-bottom div button{flex:1}.nav-grid{grid-template-columns:repeat(8,1fr)}.notes-filter{grid-template-columns:1fr}.score-number{font-size:60px}.history-row{font-size:12px;gap:10px}.source-link{overflow-wrap:anywhere}.page-title h1{font-size:28px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}main{animation:appear .2s ease-out}@keyframes appear{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}}