/* Compact orientation shared by the three Tokutei exam readers. */
.food-design .food-top{padding:var(--tl-space-2) var(--tl-space-5)}
.food-design main{padding-top:var(--tl-space-3);margin-top:var(--tl-space-2)}
.food-design main>nav{margin-bottom:var(--tl-space-2)}
.food-design main>header>.eyebrow{display:none}
.food-design #title{font-size:var(--tl-text-jp);line-height:1.35;margin:0 0 var(--tl-space-2);padding:0}

.exam-explanation h3{margin:var(--tl-space-5) 0 var(--tl-space-2)}
.exam-explanation h3:first-child{margin-top:0}
.exam-vocabulary{margin:0}.exam-vocabulary>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--tl-space-3);padding:var(--tl-space-3) 0;border-bottom:1px solid var(--tl-hair)}
.exam-vocabulary dt{font-family:var(--tl-font-jp);font-size:var(--tl-text-body-large)}.exam-vocabulary dd{margin:0}

/* Passages and illustrated options retain the shared lesson typography. */
.exam-passage{display:block;white-space:pre-line}
.exam-passage-question{display:block;margin-top:var(--tl-space-4)}
.option-content{flex:1;min-width:0}
.option-content>.jp{display:block}
.option-content .illustration{margin:var(--tl-space-2) 0;max-width:100%}

.visual-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--tl-space-3)}
.visual-choices .option{display:block;position:relative}
.visual-choices .option input{margin-right:var(--tl-space-2)}
.option-content .illustration{max-width:240px}
@media(max-width:700px){.visual-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.option-content .illustration{max-width:160px}}

.exam-listening{margin:var(--tl-space-3) 0}.exam-listening audio{width:min(100%,420px)}
.short-answer{display:block;margin:var(--tl-space-4) 0}.short-answer input{display:block;box-sizing:border-box;width:100%;max-width:480px;min-height:48px;margin-top:var(--tl-space-2);padding:12px;font:inherit;font-size:20px;color:var(--tl-ink);background:var(--tl-paper);border:1px solid var(--tl-hair);border-radius:12px}

.audio-controls{display:flex;align-items:center;gap:var(--tl-space-3);flex-wrap:wrap}.audio-controls button{min-height:48px}.audio-controls output{font-variant-numeric:tabular-nums}#audio-state:empty{display:none}
