/* よみあげずかん */
.zukan-page{padding:24px 0 64px}
.zukan-page .crumb{font-size:14px}
.zukan-head{padding:28px 0 20px;max-width:720px}
.zukan-head h1{font-size:clamp(28px,3.4vw,44px);margin:8px 0 12px}
.zukan-head p{margin:0;color:var(--site-muted)}
.zukan-trial{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;background:#FDF0D5;color:#6B4A12;font-size:12px;letter-spacing:0}
.zukan-modes{display:inline-flex;gap:6px;padding:5px;margin:8px 0 12px;border-radius:999px;background:#F2ECDF}
.zukan-modes button{font:inherit;font-family:'Zen Maru Gothic',sans-serif;font-weight:700;font-size:17px;min-height:48px;min-width:96px;padding:8px 20px;border:0;border-radius:999px;background:transparent;color:var(--site-ink);cursor:pointer}
.zukan-modes button[aria-pressed="true"]{background:#2E9D5B;color:#fff}
.zukan-prompt{min-height:40px;margin:8px 0 16px;font-family:'Zen Maru Gothic',sans-serif;font-weight:700;font-size:26px}
.zukan-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.zukan-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--site-border);border-radius:20px;overflow:hidden;transition:box-shadow .2s ease-out}
.zukan-card.is-playing{box-shadow:0 0 0 4px #2E9D5B}
.zukan-listen{font:inherit;text-align:left;border:0;background:none;padding:0;cursor:pointer;color:inherit;display:flex;flex-direction:column}
.zukan-art{display:grid;place-items:center;aspect-ratio:4/3;background:#F7F3EA}
.zukan-art img{width:62%;height:auto}
.zukan-name{padding:14px 18px 4px;font-family:'Zen Maru Gothic',sans-serif;font-weight:700;font-size:22px}
.zukan-text{padding:0 18px 14px;font-size:15px;line-height:1.85;color:var(--site-muted)}
.zukan-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-top:auto;padding:12px 14px 14px;border-top:1px dashed var(--site-border)}
.zukan-found{font:inherit;font-weight:700;font-size:14px;min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid #D9D0BE;background:#fff;color:var(--site-ink);cursor:pointer}
.zukan-found span{color:#C9C0AE}
.zukan-card.is-found .zukan-found{background:#FDF0D5;border-color:#E8C77A}
.zukan-card.is-found .zukan-found span{color:#D99A0B}
.zukan-print{font-size:14px;font-weight:700}
.zukan-quiz{padding:8px 0 24px}
.zukan-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:880px}
.zukan-choice{display:grid;place-items:center;aspect-ratio:1;border:2px solid var(--site-border);border-radius:20px;background:#fff;cursor:pointer;padding:12px}
.zukan-choice img{width:80%;height:auto}
.zukan-choice.is-right{border-color:#2E9D5B;box-shadow:0 0 0 4px #CFEBDB}
.zukan-choice.is-other{opacity:.45}
.zukan-choice.is-big{width:min(360px,100%);cursor:default}
.zukan-again,.zukan-steps button{font:inherit;font-weight:700;min-height:52px;padding:10px 22px;margin-top:20px;border-radius:999px;border:1px solid #D9D0BE;background:#fff;color:var(--site-ink);cursor:pointer}
.zukan-steps{display:flex;flex-wrap:wrap;gap:12px}
.zukan-steps .zukan-next{background:#2E9D5B;border-color:#2E9D5B;color:#fff}
.zukan-guide{margin-top:64px;padding:32px;border-radius:24px;background:#F2ECDF}
.zukan-guide h2{font-size:22px;margin:0 0 8px}
.zukan-guide p{margin:0;color:var(--site-muted)}
.zukan-guide dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.zukan-guide dl div{background:#fff;border-radius:16px;padding:18px}
.zukan-guide dt{font-family:'Zen Maru Gothic',sans-serif;font-weight:700;font-size:18px;margin-bottom:6px}
.zukan-guide dd{margin:0;font-size:15px;color:var(--site-muted)}
.no-speech .zukan-modes::after{content:"この端末では読み上げが使えません";align-self:center;font-size:13px;padding:0 12px;color:var(--site-muted)}
@media(max-width:600px){.zukan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zukan-name{font-size:17px;padding:10px 12px 2px}.zukan-text{font-size:13px;padding:0 12px 10px}.zukan-actions{padding:10px}.zukan-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.zukan-prompt{font-size:22px}.zukan-guide{padding:22px}.zukan-guide dl{grid-template-columns:1fr}.zukan-modes button{min-width:0;padding:8px 16px}}
.zukan-grid[hidden],.zukan-quiz[hidden]{display:none}
/* 凸凹アプリ側の色 */
[data-site="app"] .zukan-modes{background:#EEF1F5}
[data-site="app"] .zukan-modes button[aria-pressed="true"],[data-site="app"] .zukan-steps .zukan-next{background:#2563EB;border-color:#2563EB}
[data-site="app"] .zukan-card.is-playing{box-shadow:0 0 0 4px #2563EB}
[data-site="app"] .zukan-choice.is-right{border-color:#2563EB;box-shadow:0 0 0 4px #DCE7FD}
[data-site="app"] .zukan-art{background:#F6F7F9}
[data-site="app"] .zukan-guide{background:#F6F7F9}