#num-theme button{min-height:48px}#num-theme .n-hero-art{width:100%;border-radius:22px}#num-theme .n-cards{grid-template-columns:repeat(3,minmax(0,1fr))}#num-theme .card{display:block;min-width:0}#num-theme .n-word-art{display:block;width:100%;height:auto;aspect-ratio:1.35;object-fit:contain;background:#f5f0e3;border-radius:14px}#num-theme .word{font-size:27px;overflow-wrap:anywhere}#num-theme .card p{font-size:21px}#num-theme .n-card-audio{font-size:18px;width:100%}#num-theme .n-help{display:flex;flex-wrap:wrap;gap:10px;grid-column:1/-1;margin-top:10px}#num-theme .n-help button{font-size:18px}#num-theme .n-result{font-size:22px;line-height:1.6;padding:20px;background:#e7efe4;border-radius:12px}#num-theme .n-category{font-size:24px;font-weight:700;width:100%;text-align:left}#num-theme .sentence-row{grid-template-columns:minmax(0,1fr) minmax(230px,330px)}#num-theme .sentence-row label,#num-theme .relation-sentence,#num-theme .story-text p{font-size:26px}#num-theme .sentence-row select{min-width:0;width:100%;font-size:23px}#num-theme .sentence-row .row-feedback{font-size:22px}#num-theme .n-expression-art{width:100%;height:auto;align-self:center}#num-theme .expression-scene{grid-template-columns:minmax(240px,360px) minmax(0,1fr)}#num-theme .scene-copy select{max-width:100%}#num-theme .n-story-figure img{max-height:none;object-fit:contain}#num-theme .story-blank select{max-width:230px;font-size:24px}#num-theme .n-gap-help{padding:18px 0;border-bottom:1px solid #d9e1d5}#num-theme .n-gap-help .row-feedback{font-size:22px}#num-theme .chip{overflow-wrap:anywhere}#num-theme .small{font-size:18px}#num-theme .story-text p{line-height:2}#num-theme .series{flex-wrap:wrap}#num-theme .series button{border-radius:50%;min-width:48px}
@media(max-width:1050px){#num-theme .n-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#num-theme .sentence-row{grid-template-columns:1fr}#num-theme .bins{grid-template-columns:repeat(2,minmax(0,1fr))}#num-theme .sentence-row select{max-width:none}}
@media(max-width:650px){#num-theme .n-cards,#num-theme .bins,#num-theme .expression-scene{grid-template-columns:1fr}#num-theme .n-word-art{aspect-ratio:1.6}#num-theme .tab{font-size:20px;width:100%;text-align:left}#num-theme .card{padding:22px}#num-theme .word{margin-top:18px}#num-theme .story-text{padding:18px}#num-theme .exercise{padding:18px}#num-theme .n-expression-art{max-height:300px;object-fit:contain}#num-theme .sense-reference{grid-template-columns:1fr}#num-theme .n-result{padding:16px}#num-theme .scene-copy{padding:18px}#num-theme .story-blank{max-width:100%}#num-theme .story-blank select{max-width:210px}}

#num-theme .n-word-icon{min-height:100px;display:grid;place-items:center;background:#eef3ef;border-radius:14px;font-size:58px}#num-theme .word{line-height:1.35}#num-theme .n-story-figure img{width:100%;max-height:none;object-fit:contain}
/* Landscape scenes stay large enough to read, with no crop of visual clues. */
#num-theme .expression-scene{grid-template-columns:1fr}#num-theme .n-expression-art{width:100%;max-width:900px;max-height:none;object-fit:contain;display:block;margin:0 auto}#num-theme .scene-copy{padding:28px}
@media(max-width:650px){#num-theme .scene-copy{padding:18px}}

/* Compact icon cards share the mythology desktop layout. */
@media(min-width:901px){#num-theme .n-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}#num-theme .n-cards .card{padding:22px 18px}#num-theme .n-word-icon{min-height:80px;font-size:42px}}
@media(min-width:651px) and (max-width:900px){#num-theme .n-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}