@import url('./fonts/fonts.css');
:root{font-family:'Zen Kaku Gothic New',sans-serif;color:#1b2634;background:#faf9f6;font-size:18px;line-height:1.8}*{box-sizing:border-box}body{margin:0}header{padding:1rem 4%;border-bottom:1px solid #d6d6d1;background:white;display:flex;gap:1rem;align-items:center;justify-content:space-between}header>a{font:700 1.7rem Archivo,sans-serif;text-decoration:none;color:#1b2634}nav{display:flex;flex-wrap:wrap;gap:1rem}a{color:#215ca0;text-underline-offset:4px}nav a{font-size:.85rem}main{max-width:1060px;margin:3rem auto;padding:0 1.2rem}h1{font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.4;letter-spacing:-.03em}h2{font-size:1.4rem}button,input,textarea,select{font:inherit}button{padding:.5rem .9rem;margin:.25rem;border:1px solid #b8c6ce;border-radius:7px;background:white;color:#213e55;cursor:pointer;min-height:44px}button:hover,button[aria-pressed=true]{background:#e4f0f2}button:disabled{opacity:.6;cursor:wait}input,textarea,select{border:1px solid #9da8b0;border-radius:5px;padding:.5rem;max-width:100%;background:white;color:#1b2634}input[type=file]{width:100%}textarea{width:100%}label{display:block;margin:1rem 0}label input,label textarea,label select{display:block}input:not([type=file]){width:100%}select{min-width:150px}section,article{margin:1.3rem 0}.card{background:white;border:1px solid #dddeda;border-radius:12px;padding:1.3rem}.line{border-top:1px solid #e4e4e0;padding:1rem 0}.english{font:500 1.3rem/1.9 Archivo,'Zen Kaku Gothic New',sans-serif}.word{font:inherit;border:0;background:none;margin:0;padding:0 .08rem;min-height:30px;text-align:left;color:inherit}.word:hover{text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem}.controls{padding:1rem;background:#edf2f3}.controls label{display:inline-block;margin:.5rem}.status{color:#285964}#message{max-width:1060px;margin:auto;padding:0 1.2rem;color:#9d341d}#message:empty{display:none}a+a{margin-left:1rem}section>a{display:inline-block;margin:.4rem}audio{max-width:100%;display:block;margin-top:1rem}footer{padding:2rem;text-align:center;font-size:.8rem;border-top:1px solid #ddd}.question{padding:1rem;border-top:1px solid #ddd}.pdf-page{width:760px;min-height:980px;padding:32px;background:white;color:#111;font-size:16px;line-height:1.8;position:absolute;left:-10000px;top:0}.pdf-page p{white-space:pre-wrap;overflow-wrap:anywhere}[hidden]{display:none!important}:focus-visible{outline:3px solid #bc5e10;outline-offset:3px}@media(max-width:600px){header{display:block}nav{gap:.6rem;margin-top:.7rem}main{margin:2rem auto}button{margin:.25rem .1rem}h1{font-size:1.8rem}}@media print{header,footer,button,#message{display:none}}

.controls{position:sticky;top:0;z-index:10;max-height:48vh;overflow:auto;border-bottom:1px solid #bccbd0}.controls label{font-size:.8rem}.controls select{min-width:0}.current{border:3px solid #285964;padding:1rem;background:#f4faf9}.line,.question{scroll-margin-top:var(--player-offset,300px)}.speaking{background:#ffd487;border-radius:3px}.concealed{filter:blur(5px);cursor:pointer}.concealed:focus{filter:none}.word-popup{position:fixed;bottom:1rem;right:1rem;z-index:20;max-width:min(94vw,480px);background:white;border:2px solid #285964;border-radius:8px;padding:1rem;box-shadow:0 4px 20px #0002}.keyboard-hint{font-size:.85rem;color:#9d341d}.settings{margin:1rem 0}.settings>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 1rem}.kaiwa-stage{position:relative;max-width:600px;aspect-ratio:400/330;overflow:hidden;margin:auto}.kaiwa-bg{width:100%;height:100%;display:block}.kaiwa-person{position:absolute;height:88%;bottom:0;left:15%;width:70%;object-fit:contain}.kaiwa-person.think{transform:rotate(-2deg)}.models,.answer{border:1px solid #a2bdc3;padding:1rem}.word-popup p{overflow-wrap:anywhere}

/* 一覧の表紙（2026-10-25） */
.card img.cover{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:10px;margin:0 0 .6rem}