:root{font-family:'Poppins','Noto Sans KR',sans-serif;color:#241c38;background:#faf8ff;font-size:16px}*{box-sizing:border-box}body{margin:0;padding-bottom:150px}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{outline-offset:4px}button{border:1px solid #e0d8eb;background:white;color:#38234d;border-radius:10px;padding:10px 14px;min-height:44px}header{height:80px;max-width:1200px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e2f2}.brand{text-decoration:none;font-size:24px;font-weight:750;letter-spacing:-.8px;color:#7c3aed}.edition{font-size:14px;color:#655b76;letter-spacing:1px}main{max-width:1200px;margin:auto;padding:32px}.intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:8px 0 32px}.eyebrow{color:#7c3aed;font-size:14px;letter-spacing:2px;font-weight:700}h1{font-size:clamp(30px,4vw,48px);line-height:1.25;letter-spacing:-2px;margin:14px 0}.intro p{color:#655b76;margin:0}.issue{border-left:4px solid #7c3aed;padding:14px 26px;color:#7c3aed;font-size:14px;line-height:1.5;letter-spacing:2px}.issue strong{font-size:23px}.issue span{display:block;color:#655b76;letter-spacing:0;margin-top:8px}nav{display:flex;gap:8px;border-bottom:1px solid #e9e2f2;padding-bottom:18px}nav button{background:transparent;border:none}nav button.active{background:#241c38;color:white}nav span{font-size:14px;opacity:.8}.searcharea{margin:26px 0}.searcharea>label{display:block;font-weight:650;margin-bottom:10px}.searchbox{display:flex;gap:12px;align-items:center;border:1px solid #d9cfe7;background:white;border-radius:14px;padding:8px 14px;max-width:720px}.searchbox>span{font-size:28px;color:#7c3aed}.searchbox input{border:0;min-width:0;flex:1;height:42px;background:transparent;color:#241c38}.searchbox button{border:0;font-size:22px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tags button{border-radius:30px;font-size:14px;min-height:40px;padding:8px 14px}.tags button.active{background:#7c3aed;color:white;border-color:#7c3aed}.options{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;color:#6b597d}.options label{display:flex;align-items:center;gap:6px;min-height:32px}.options input{width:18px;height:18px;accent-color:#7c3aed}.listhead{display:flex;justify-content:space-between;align-items:center}.listhead h2{font-size:21px}.listhead span{color:#655b76;font-size:14px}.notice{font-size:14px;line-height:1.7;background:#f1eaff;border-radius:12px;padding:14px 18px;color:#412069}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.card{border:1px solid #e9e2f2;background:white;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0;box-shadow:0 4px 14px #241c3804}.cardtop{display:flex;align-items:center;justify-content:space-between;color:#766783;font-size:14px}.bookmark{border:0;padding:4px 10px;font-size:23px;color:#7c3aed}.card .ko{font-size:18px;font-weight:650;line-height:1.6;margin:0}.card .en{font-size:22px;line-height:1.5;font-weight:600;margin:0;overflow-wrap:anywhere;min-height:65px}.hiddenen{background:#f2ecfb;border:0;color:#6b597d;font-size:16px;text-align:left;width:100%}.cardbottom{margin-top:auto;display:grid;gap:10px}.listen{background:#7c3aed;color:white;border-color:#7c3aed}.listen:disabled{background:#f2ecfb;color:#6b597d;border-color:#e9e2f2;cursor:default}.connect{font-size:14px;color:#766783;display:grid;gap:6px}.connect select{width:100%;padding:9px;border:1px solid #e9e2f2;border-radius:8px;background:white;color:#38234d}.footnote{margin:32px 0;padding:24px 0;border-top:1px solid #e9e2f2}.footnote p{color:#655b76;font-size:14px;line-height:1.8}.empty{grid-column:1/-1;padding:50px;text-align:center;color:#655b76}.player{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:16px;background:#241c38;color:white;padding:18px max(24px,calc((100vw - 1136px)/2));box-shadow:0 -4px 24px #241c3820;flex-wrap:wrap}.player>button{color:white;border-color:#6b597d;background:#362044}.player>#play{background:#7c3aed;border:0;width:50px;font-size:20px}.now{flex:1;min-width:200px;display:grid;gap:4px}.now strong{font-size:16px}.now span{font-size:14px;color:#ddd6fe}.player label{font-size:14px}.player select{background:#362044;color:white;padding:8px;border-radius:8px;border:1px solid #6b597d}.player input{width:120px;accent-color:#a78bfa}.player #time{font-size:14px}#status{position:fixed;bottom:115px;right:24px;background:#241c38;color:white;border-radius:10px;font-size:14px;padding:0}#status:not(:empty){padding:12px 18px}@media(max-width:950px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.player input{width:90px}}@media(max-width:600px){header{height:64px;padding:0 20px}.brand{font-size:21px}.edition{font-size:12px}main{padding:24px 18px}.issue{display:none}.intro{margin:0 0 24px}h1{letter-spacing:-1px}.cards{grid-template-columns:1fr}.card .en{min-height:0}.player{gap:10px;padding:12px 16px}.now{min-width:190px}.player input{flex:1}.player label{margin-left:60px}.notice{font-size:14px}nav{gap:0}nav button{font-size:14px;padding:10px}.options{gap:12px}body{padding-bottom:190px}#status{bottom:155px;right:16px}}

.tense-label{font-size:14px;font-weight:650;color:#655b76}.present-block{display:grid;gap:12px;border-top:1px solid #e9e2f2;padding-top:18px;margin-top:8px}.verb-pair{font-size:16px;line-height:1.6;color:#41205c}.verb-pair b{color:#7c3aed}.card .present-en{min-height:0}.ai-listen{background:#6d28d9;border-color:#6d28d9;width:100%}.verb-note{font-size:14px;line-height:1.7;color:#6b597d;margin:0}

.brand{font-weight:700;letter-spacing:-.5px}.eyebrow{font-weight:600;letter-spacing:1.6px}.card .en{font-weight:500;line-height:1.55}h1{font-weight:700;letter-spacing:-1.3px}.ko{letter-spacing:-.3px}

/* Keep matching content areas aligned across every card in a row. */
@supports (grid-template-rows:subgrid){
 .cards{row-gap:14px}
 .card{display:grid;grid-row:span 10;grid-template-rows:subgrid;row-gap:14px;align-items:start}
 .cardtop{grid-row:1}
 .card>.tense-label{grid-row:2}
 .card>.ko{grid-row:3}
 .card>.en,.card>.hiddenen{grid-row:4;min-height:3.1em}
 .cardbottom,.present-block{display:contents}
 .cardbottom>.listen{grid-row:5;width:100%;align-self:end}
 .present-block>.tense-label{grid-row:6;border-top:1px solid #e9e2f2;padding-top:18px;margin-top:4px}
 .present-block>.verb-pair{grid-row:7}
 .present-block>.present-en{grid-row:8;min-height:3.1em}
 .present-block>.hiddenen{grid-row:7 / span 2;align-self:start}
 .present-block>.verb-notes{grid-row:9}
 .present-block>.ai-listen{grid-row:10;align-self:end}
 .verb-notes{display:grid;gap:8px}
 @media(max-width:600px){.card>.en,.present-block>.present-en{min-height:0}}
}

.lessons{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.lessons button{font-weight:600}.lessons button.active{background:#7c3aed;color:white;border-color:#7c3aed}
.card-details{display:flex;flex-wrap:wrap;gap:8px;align-items:start}.card-details details{min-width:0}.card-details details[open]{flex-basis:100%}.card-details summary{display:grid;place-items:center;list-style:none;width:44px;height:44px;cursor:pointer;border:1px solid #e9e2f2;border-radius:10px;color:#7c3aed;background:#faf8ff;font-size:22px}.card-details summary::-webkit-details-marker{display:none}.card-details summary:focus-visible{outline:3px solid #7c3aed;outline-offset:3px}.card-details details[open] summary{background:#f1eaff}.detail-content{padding:14px;background:#faf8ff;border-radius:10px;margin-top:8px;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.detail-content strong{font-size:14px}.detail-content p{white-space:pre-wrap;margin:8px 0 0}.detail-content .ko{font-size:16px;font-weight:500}
@supports(grid-template-rows:subgrid){.card>.en,.card>.hiddenen{grid-row:3}.card-details{grid-row:4}}

/* A compact, situation-first learning surface. */
body{padding-bottom:24px}header{height:64px}.edition{letter-spacing:0}
main{padding-top:20px}.intro{margin:0 0 18px}.intro h1{font-size:26px;letter-spacing:-.7px;margin:0}
nav{padding-bottom:12px}.lessons{margin-top:18px}.searcharea{margin:16px 0 20px}.searcharea>label{font-size:14px;color:#655b76}
.searchbox{max-width:none;padding:3px 12px}.tags{flex-wrap:nowrap;overflow:auto;padding-bottom:4px;margin:12px 0 8px}.tags button{white-space:nowrap;flex-shrink:0}
.practice-options>summary{cursor:pointer;color:#655b76;font-size:14px;width:fit-content;min-height:44px;align-content:center}.practice-options .options{padding:8px 0}
.listhead h2{margin:0;font-size:19px}.cards{margin-top:16px}.card{padding:20px}.cardtop{font-size:13px}.card .en{font-size:21px}
.present-block{display:block;border-top:1px solid #e9e2f2;padding:12px 0 0;margin:0}
.present-block>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:44px;color:#6d28d9;font-size:14px;font-weight:600}
.present-block>summary::-webkit-details-marker{display:none}.present-block[open]>summary span{transform:rotate(45deg)}
.present-content{display:grid;gap:12px;padding-top:12px}.present-content .en{min-height:0}.present-content .ai-listen{margin-top:4px}
@supports(grid-template-rows:subgrid){.card{grid-row:span 6}.card>.present-block{grid-row:6}.cardbottom>.present-block{display:block;grid-row:6}.present-block>.tense-label{grid-row:auto;border:0;padding:0;margin:0}}
.player[hidden]{display:none}.has-player{padding-bottom:130px}.player{padding-top:12px;padding-bottom:12px}.now{min-width:0}.now strong,.now span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){header{height:56px;padding:0 18px}main{padding:16px}.intro{margin-bottom:12px}.intro h1{font-size:23px}nav button{font-size:14px}.lessons{margin-top:14px}.searcharea{margin-top:12px}.card{padding:18px}.player{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px}.player>#play{width:44px;grid-column:1;grid-row:1}.now{grid-column:2 / span 2;grid-row:1}.player label{margin:0;grid-column:2;grid-row:2}.player #loop{grid-column:3;grid-row:2;font-size:14px}.player #progress{grid-column:1 / span 2;grid-row:3;width:100%}.player #time{grid-column:3;grid-row:3;text-align:right}.has-player{padding-bottom:178px}.options{gap:10px}.empty{padding:30px 16px}}
.practice-options .options{padding:8px 0;gap:12px 24px}.practice-options .options label{min-height:44px;cursor:pointer}@media(max-width:600px){.practice-options .options{gap:8px 16px}}

/* Clearly named card disclosure controls. */
.card-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.card-details summary{display:flex;justify-content:center;gap:8px;width:100%;min-height:48px;height:auto;padding:10px 12px;font-size:16px;font-weight:600;border-color:#cdb6ec;background:#f3edff;color:#5b21b6}
.card-details summary span{font-size:24px;line-height:1}.card-details .detail-content{margin-top:10px;padding:12px}.detail-content p{margin:0}.card-details .ko{font-size:16px;line-height:1.7}
.present-block>summary{font-size:16px;min-height:52px;padding:10px 14px;border:1px solid #cdb6ec;border-radius:10px;background:#f3edff;color:#5b21b6;gap:12px}
.present-block>summary span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#eee5ff;font-size:24px;flex-shrink:0}
.present-block>summary:focus-visible{outline:3px solid #6d28d9;outline-offset:3px}
@media(max-width:600px){.practice-options .options{gap:6px 14px}.practice-options .options label{font-size:14px}}

.card-details{grid-template-columns:minmax(0,1fr);gap:12px}
.card-details>.translation-text{margin:0;font-size:16px;line-height:1.7;font-weight:500;color:#38234d}
.translation-text[hidden]{display:none}.card-details .analysis summary{width:fit-content;min-width:100px}

.card>.translation-text{margin:0;font-size:16px;line-height:1.7;font-weight:500;color:#38234d}
@supports(grid-template-rows:subgrid){.card{grid-row:span 7}.card>.translation-text{grid-row:3}.card>.en,.card>.hiddenen{grid-row:4}.card-details{grid-row:5}.cardbottom>.listen{grid-row:6}.cardbottom>.present-block{grid-row:7}}
/* Match bilingual type and tighten the card reading rhythm. */ .card>.translation-text,.card>.en{font-size:21px;font-weight:500;line-height:1.45;margin:0;min-height:0}.card{gap:8px}.card-details{gap:8px}.card-details .analysis summary{min-height:44px;padding:8px 12px}.present-block{padding-top:10px}@supports(grid-template-rows:subgrid){.cards{row-gap:8px}.card{row-gap:8px}.card>.en,.card>.hiddenen{min-height:0}}

.card{--expression-size:21px}.card>.translation-text,.card .en{font-size:var(--expression-size);font-weight:500}
.player{padding-right:max(78px,calc((100vw - 1136px)/2 + 54px))}.player>#closePlayer{position:absolute;right:18px;top:12px;width:44px;height:44px;padding:0;font-size:28px;line-height:1}
@media(max-width:600px){.player{padding-right:16px}.player>.now{padding-right:46px}.player>#closePlayer{right:12px;top:12px}}

#categoryScreen[hidden],#situationScreen[hidden],#learningScreen[hidden]{display:none}
#categoryScreen h1,#situationScreen h1{font-size:26px;letter-spacing:-.6px;margin:12px 0 24px}
.learning-categories,.situation-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:820px}
.learning-categories button,.situation-tiles button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;text-align:left;border-radius:16px;border-color:#d9cfe7;min-height:140px}
.learning-categories button strong,.situation-tiles button strong{font-size:21px}.learning-categories button span,.situation-tiles button span{font-size:14px;color:#655b76}
.learning-categories button[data-learning]{background:#7c3aed;color:white;grid-column:1/-1}.learning-categories button[data-learning] span{color:#eee5ff}.learning-categories button:disabled{cursor:default;background:#f2ecfb;color:#82778f}
.learning-path{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}.learning-path span{font-weight:600;color:#7c3aed}.back-categories,#changeSituation{font-size:14px}
#situationScreen>label{display:block;font-size:14px;margin-bottom:8px}#situationSearch{width:100%;max-width:820px;padding:12px 16px;border:1px solid #d9cfe7;border-radius:12px;background:white;min-height:48px;margin-bottom:20px}
.lessons{align-items:center;margin-top:16px}.lessons label{font-size:14px;color:#655b76}.lessons select{min-height:44px;padding:8px 14px;border:1px solid #d9cfe7;border-radius:10px;background:white;color:#241c38;min-width:180px}
@media(max-width:600px){.learning-categories,.situation-tiles{gap:12px}.learning-categories button,.situation-tiles button{padding:18px;min-height:120px}.learning-categories button strong,.situation-tiles button strong{font-size:19px}.learning-path{gap:8px;font-size:14px}}

.card .en[hidden],.card .verb-pair[hidden]{display:none}
.card-details{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.visibility-toggle,.card-details .analysis summary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 10px;border:1px solid #cdb6ec;border-radius:10px;background:#f3edff;color:#5b21b6;font-size:14px;font-weight:500;width:auto;min-width:0}
.visibility-toggle>span:first-child{font-size:18px;font-weight:600}.visibility-toggle[aria-pressed="false"]{background:white}
.card-details .analysis{flex:0 1 auto}.card-details .analysis[open]{flex-basis:100%}.card-details .analysis summary{width:fit-content}.card-details .analysis summary span{font-size:21px}
@media(max-width:600px){.card-details{gap:6px}.visibility-toggle,.card-details .analysis summary{padding:8px;font-size:14px}}
.visibility-toggle>span:first-child{font-size:14px;font-weight:500}
/* Keep disclosure controls fixed while analysis spans the card. */ .card-details{display:grid;grid-template-columns:max-content max-content minmax(0,1fr);gap:8px;align-items:start}.card-details>.visibility-toggle{grid-row:1}.card-details>.visibility-toggle:first-child{grid-column:1}.card-details>.visibility-toggle:nth-child(2){grid-column:2}.card-details>.analysis,.card-details>.analysis[open]{display:contents}.card-details>.analysis>summary{grid-column:3;grid-row:1;width:fit-content}.card-details>.analysis>.detail-content{grid-column:1/-1;grid-row:2;width:100%;margin:0}.card-details>.analysis:not([open])>.detail-content{display:none}@media(max-width:600px){.card-details{gap:6px}}
.analysis-toggle{grid-column:3;grid-row:1;display:flex;align-items:center;gap:6px;justify-self:start;min-height:44px;padding:8px 10px;border:1px solid #cdb6ec;background:#f3edff;color:#5b21b6;font-size:14px;font-weight:500}.analysis-toggle span{font-size:21px}.analysis-panel{grid-column:1/-1;grid-row:2;margin:0;width:100%;min-width:0}.analysis-panel[hidden]{display:none}.card-details{grid-template-columns:max-content max-content minmax(0,1fr);min-width:0}@media(max-width:600px){.analysis-toggle{padding:8px}}
.card-details{grid-template-columns:repeat(3,minmax(0,1fr))}.card-details>.visibility-toggle,.card-details>.analysis-toggle{width:100%;height:44px;min-height:44px;padding:8px 4px;font-size:14px;line-height:1.2;justify-content:center;border-radius:10px;white-space:nowrap}.analysis-toggle>.analysis-label{font-size:14px;font-weight:500}.analysis-toggle>span[aria-hidden]{font-size:18px;line-height:1}

.record-practice{display:grid;gap:6px;width:100%;border:1px solid #e9e2f2;border-radius:12px;background:#fcfaff;padding:10px}.record-actions{display:flex;gap:8px;flex-wrap:wrap}.record-actions button{flex:1;padding:8px;font-size:14px;white-space:nowrap;color:#5b21b6;border-color:#cdb6ec}.record-actions button:disabled{opacity:.5;cursor:default}.record-actions button[hidden]{display:none}.record-help{margin:0;font-size:12px;line-height:1.6;color:#655b76}.recording-banner{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:center;align-items:center;gap:16px;padding:10px;background:#a72737;color:white}.recording-banner[hidden]{display:none}.recording-banner button{border:0;color:#a72737;background:white}
@supports(grid-template-rows:subgrid){.card{grid-row:span 8}.cardbottom>.record-practice{grid-row:7}.cardbottom>.present-block{grid-row:8}}

/* IMGIFY palette; retain the existing typography and card layout. */
.record-help{text-align:center;color:#655b76}
button:not(:disabled):hover{border-color:#a78bfa}.listen:not(:disabled):hover,.learning-categories button[data-learning]:hover{background:#6d28d9}.ai-listen:not(:disabled):hover{background:#5b21b6}

/* A concise, scalable situation chooser. */
#situationScreen{max-width:900px;margin:12px auto 0}
.situation-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.situation-kicker{display:block;color:#7c3aed;font-size:14px;font-weight:500;margin-bottom:6px}
#situationScreen .situation-heading h1{margin:0;font-size:26px;font-weight:600;line-height:1.4}
.situation-heading .back-categories{color:#6d28d9;background:#f1eaff;border-color:transparent;padding:10px 16px;flex-shrink:0}
.situation-search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#situationScreen #situationSearch{display:block;max-width:none;margin:0 0 20px;min-height:48px;border-color:#e0d8eb;border-radius:12px;padding:12px 16px;background:white}
#situationSearch:focus{outline:2px solid #a78bfa;outline-offset:2px}
#situationScreen .situation-tiles{max-width:none;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
#situationScreen .situation-tiles button{min-height:108px;padding:20px;gap:10px;border-radius:14px;border:1px solid #e3d9f0;border-top:3px solid #7c3aed;background:white;transition:background .15s,border-color .15s}
#situationScreen .situation-tiles button strong{font-size:20px;font-weight:500;line-height:1.4;color:#5b21b6}
#situationScreen .situation-tiles button span{font-size:14px;color:#766783;background:#f3edff;border-radius:6px;padding:3px 8px}
#situationScreen .situation-tiles button:hover{background:#f3edff;border-color:#a78bfa}
#situationScreen .situation-tiles button:focus-visible{outline:2px solid #7c3aed}
@media(max-width:700px){#situationScreen{margin-top:6px}.situation-heading{margin-bottom:18px;gap:10px}#situationScreen .situation-heading h1{font-size:23px}.situation-heading .back-categories{padding:8px 12px}#situationScreen .situation-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}#situationScreen .situation-tiles button{padding:16px;min-height:104px}#situationScreen .situation-tiles button strong{font-size:18px}}
@media(max-width:360px){.situation-heading{align-items:flex-start}.situation-heading .back-categories{font-size:13px;padding:8px}#situationScreen .situation-heading h1{font-size:21px}}

.situation-match{font-size:14px;line-height:1.6;color:#655b76;text-align:left;overflow-wrap:anywhere}

.situation-picture{width:100%;border:1px solid #e3d9f0;border-radius:10px;overflow:hidden;background:#faf8ff}
.situation-picture summary{cursor:pointer;min-height:44px;padding:11px 12px;font-size:14px;font-weight:500;color:#6d28d9}
.situation-picture img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;background:white}
.situation-picture:not([open]) img{display:none}
@supports(grid-template-rows:subgrid){.card{grid-row:span 9}.card>.situation-picture{grid-row:6}.cardbottom>.listen{grid-row:7}.cardbottom>.record-practice{grid-row:8}.cardbottom>.present-block{grid-row:9}}

.picture-practice{display:flex;justify-content:flex-end;padding:0 10px 10px}.picture-english-toggle{min-height:44px;font-size:14px;color:#6d28d9;background:white;border-color:#cdb6ec}.picture-english-toggle[aria-pressed="false"]{background:#eee5ff}

.irregular-practice{display:grid;gap:10px}.irregular-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.irregular-buttons button{display:grid;gap:4px;padding:8px 4px;color:#6d28d9;background:#faf8ff;border-color:#cdb6ec}.irregular-buttons span,.irregular-buttons small{font-size:12px;font-weight:400}.irregular-buttons b{font-size:18px;font-weight:500}.irregular-word[hidden]{display:none}
.irregular-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:600px){.irregular-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}
.irregular-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.situation-picture img{max-height:180px}@media(max-width:600px){.irregular-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.irregular-buttons button{padding:8px 2px}.irregular-buttons b{font-size:15px}.irregular-buttons span,.irregular-buttons small{font-size:12px}.situation-picture img{max-height:160px}}

.verb-examples{display:grid;gap:12px}.verb-example{display:grid;gap:8px;border-top:1px solid #e3d9f0;padding-top:12px}.verb-example p{margin:0}.irregular-buttons button{min-height:100px}.irregular-buttons b{font-weight:500}

.verb-examples{gap:8px}.verb-example{gap:6px;padding-top:8px}.example-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 8px;line-height:1.6}.example-heading .tense-label{font-size:13px}.example-translation{font-size:13px;color:#766783}.example-translation[hidden]{display:none}.verb-example .en{font-size:19px;line-height:1.4}.verb-example .listen{min-height:44px;padding:8px 12px}

.example-reading{display:flex;align-items:center;gap:10px;min-width:0}.example-reading .en{flex:1;min-width:0;margin:0}.verb-example .example-listen{width:auto;flex:0 0 auto;min-height:44px;padding:8px 10px;font-size:13px;border-radius:8px;white-space:nowrap}.verb-example{gap:5px;padding-top:8px}.example-reading .en[hidden]{display:none}.example-reading:has(.en[hidden]){justify-content:flex-end}

.situation-picture img{width:144px;height:144px;max-height:144px;object-fit:contain;margin:0 auto 8px;border-radius:8px}.picture-practice{padding-bottom:6px}.situation-picture summary{padding:9px 12px}.picture-summary-label{display:inline-flex;align-items:center;gap:7px}.picture-summary-label svg{flex-shrink:0;vertical-align:middle}
.situation-picture{position:relative}.situation-picture summary{min-height:50px;padding:13px 106px 13px 12px;line-height:24px}.situation-picture .picture-practice{position:absolute;top:3px;right:6px;padding:0;z-index:1}.situation-picture .picture-english-toggle{min-height:44px;padding:8px;font-size:13px}.situation-picture .picture-summary-label{gap:5px;font-size:13px}.situation-picture img{margin-top:4px}

/* Clear picture disclosure indicator. */
.situation-picture summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer}
.situation-picture summary::-webkit-details-marker{display:none}
.situation-picture summary::marker{content:""}
.situation-picture summary::before{content:"";display:block;flex:0 0 24px;width:24px;height:24px;border-radius:6px;background:#ede5ff url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%236d28d9%27 stroke-width=%272.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E") center/22px 22px no-repeat}
.situation-picture[open] summary::before{transform:rotate(180deg)}
.situation-picture summary:focus-visible{outline:2px solid #7c3aed;outline-offset:-3px}

.situation-picture img{width:288px;height:auto;max-width:calc(100% - 24px);max-height:none;aspect-ratio:1;object-fit:contain}

.player .now [hidden]{display:none}

.irregular-buttons button{min-width:0}.irregular-buttons .irregular-word{overflow-wrap:anywhere;line-height:1.35}