/* Mobile is a word desk first. Keep the world, remove repeated instructions. */
.il-howto{border-top:1px solid #b9cddd;margin:20px 0 0}
.il-howto>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer;font:21px Georgia,serif;color:#214f7a}
.il-howto>summary::after{content:'+';font:25px Georgia,serif}
.il-howto[open]>summary::after{content:'−'}
.il-board-help>summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font:13px/1.4 var(--sans);color:#4c6c84;gap:8px}
.il-board-help>summary::before{content:'+';font-size:19px;color:#b95640}
.il-board-help[open]>summary::before{content:'−'}
.il-board-help .il-context-question{margin:0 0 10px!important}
.il-local-destinations{display:grid;gap:12px;padding-top:12px}
.il-destination-choice{min-height:64px;padding:15px;text-align:left;background:#f5f9fe;border:1px solid #b2c8db;border-radius:5px;color:#224e77;font:22px/1.4 Georgia,serif;box-shadow:0 3px 0 #d6e1ec;white-space:normal}
.il-case .il-word-slot.il-just-placed{animation:ilSemanticLand 220ms ease-out}
@keyframes ilSemanticLand{0%{scale:.95;box-shadow:0 0 0 5px #cd674633}60%{scale:1.035}100%{scale:1}}
@media(max-width:800px){
 .il-case button,.il-case select,.il-dialog button{touch-action:manipulation}
 .il-case :is(select,input,textarea){font-size:16px;min-height:48px}
 .il-case :is(.text-link,.quiet,.undo-button){min-height:44px}
 .il-case .il-grammar-world{grid-template-columns:72px minmax(0,1fr);gap:14px}
 .il-case .il-grammar-world>.il-scene{height:72px}
 .il-case .il-grammar-world h1{font-size:26px;line-height:1.15;margin:4px 0}
 .il-case .il-grammar-world .eyebrow{font-size:11px;letter-spacing:.06em;margin:0}
 .il-case .il-grammar-world .asteria-badge,.il-case .il-grammar-world blockquote,.il-case .il-grammar-world .il-byline{display:none}
 .il-case .il-grammar-layout{gap:12px}
 .il-case .il-desk-top{display:none}
 .il-case .il-desk-heading{padding:15px 16px 0}
 .il-case .il-desk-heading h2{font-size:27px;line-height:1.24;margin:0 0 5px}
 .il-case .il-desk-heading .il-draft-label{font:12px/1.4 var(--sans)!important;letter-spacing:0;text-transform:none;margin:4px 0 0;padding:0;background:none}
 .il-case .il-board-help>summary{font-size:13px;min-height:36px}
 .il-case .il-grammar-toolbar{padding:6px 12px;gap:6px}
 .il-case .il-grammar-toolbar>button{font-size:14px;min-height:44px;padding:9px 11px}
 .il-case .il-grammar-toolbar>.primary{font-size:15px;min-height:48px;width:100%;flex:1 0 100%;margin:2px 0 0}
 .il-case .il-grammar-desk>.il-feedback{font-size:15px;line-height:1.5;margin:10px 14px 16px;padding:14px}
 .il-case .il-earned-note{font-size:13px;line-height:1.5;margin:12px 16px}
 .il-case .invisible-grammar-editor .diagram-scroll{max-height:30dvh}
 .il-case .invisible-grammar-editor .diagram-pan-controls button{min-height:44px;min-width:44px;font-size:13px;padding:9px 10px}
 .il-case .invisible-grammar-editor .diagram-pan-position{font-size:12px}
 .il-case .invisible-grammar-editor .magnet-shelf{padding-top:10px;padding-bottom:8px}
 .il-case .invisible-grammar-editor .shelf-label{font-size:11px;letter-spacing:.04em;margin-bottom:7px}
 .il-case .invisible-grammar-editor .relation-reading>summary{font-size:13px;min-height:44px;display:flex;align-items:center}
 .il-case .il-source-aside{grid-template-columns:68px minmax(0,1fr);gap:13px}
 .il-case .il-source-aside>.il-scene{height:68px}
 .il-case .il-source-disclosure>summary{min-height:64px;margin:0;font-size:15px;line-height:1.4;color:#214f7a}
 .il-case .il-source-disclosure[open]{grid-column:1/-1}
 .il-case .il-source-disclosure[open]>summary{min-height:44px}
 .il-case .il-meaning-heading{margin-bottom:12px}
 .il-case .il-meaning-heading h1{font-size:33px;line-height:1.2;margin:6px 0}
 .il-case .il-meaning-heading>div>p:last-child{font-size:16px;line-height:1.5}
 .il-case .il-meaning-heading .eyebrow{display:none}
 .il-case .il-meaning-layout{gap:12px}
 .il-case .il-meaning-work{padding:16px 14px}
 .il-case .il-small-label{font-size:12px;letter-spacing:.04em}
 .il-case .il-caption-card .il-select-label{font-size:13px}
 .il-case .il-caption-card select{width:100%;min-height:48px;font-size:16px}
 .il-case .il-semantic-actions{gap:3px;margin-top:12px;padding-top:10px}
 .il-case .il-semantic-actions>button{font-size:14px;min-height:44px;padding:9px 10px}
 .il-case .il-semantic-actions>.primary{font-size:15px;min-height:48px;flex:1 0 100%;width:100%;margin:4px 0}
 .il-case .il-auto-check-note{font-size:12px;line-height:1.4;max-width:none;flex:1 0 100%;padding-top:5px}
 .il-case .il-step-body .il-proof-magnets{grid-template-columns:1fr}
 .il-case .il-step-body .il-proof-magnets .il-word-magnet{min-height:48px;font-size:18px;padding:10px 13px;text-align:left}
 .il-case .il-puzzle-step>summary small{font-size:13px;line-height:1.45}
 .il-case .il-puzzle-step:not([open])>summary small{display:none}
 .il-case .il-counterexamples>label{font-size:14px;min-height:44px;gap:8px}
 .il-case .il-counterexamples legend{font-size:14px;line-height:1.4}
 .il-case .il-counterexamples input{min-height:22px;width:22px;height:22px;flex:none}
 .il-case .il-rule-keep{font-size:15px;min-height:44px}
 .il-case .il-step-body .il-manual-clue{font-size:15px;line-height:1.5}
 .il-case .il-case-cards p,.il-case .il-source-aside .il-source-copy p{font-size:16px;line-height:1.55}
 .il-case .il-case-cards article{padding:15px;gap:9px}
 .il-case .il-case-cards strong{font-size:14px}
 .il-dialog.il-magnet-dialog,.il-case .il-relation-dialog{margin:0;inset:auto 0 0;width:100%;max-width:100%;max-height:85dvh;border-radius:20px 20px 0 0;border-top:3px solid #ca6247;padding:21px 20px max(24px,env(safe-area-inset-bottom));box-shadow:0 -12px 60px #173c6930}
 .il-magnet-dialog .il-local-magnets{gap:12px;margin-top:10px}
 .il-magnet-dialog .il-word-magnet{font-size:22px;min-height:52px}
 .il-dialog-heading h2{font-size:27px}
 .il-case .il-feedback{font-size:15px;line-height:1.5}
 .il-case .il-relation-magnet{min-height:72px}
 .il-case .il-relation-magnet>small{font-size:13px;line-height:1.4}
 .il-case .il-meta-heading>div>p:not(.eyebrow){font-size:16px;line-height:1.45}
 .il-case .il-meta-heading .il-theory-label{font-size:12px!important;letter-spacing:0;text-transform:none}
 .il-case .il-meta-instructions{font-size:16px;line-height:1.5}
 .il-case .il-evidence-pin label{font-size:14px}
}
@media(max-width:520px){
 body .taxical-header{padding:13px 16px;gap:8px;align-items:center;min-height:65px}
 body .taxical-brand{gap:6px;flex:none}
 body .taxical-brand .brand-name{font-size:30px}
 body .taxical-brand .brand-name small{display:none}
 body .taxical-brand .brand-tiles{scale:.8;width:23px;margin-right:0}
 body .taxical-nav{display:flex;max-width:none;flex-wrap:nowrap;gap:3px;align-items:center;justify-content:flex-end;flex:1}
 body .taxical-nav a,body .taxical-nav button{font-size:13px;min-height:44px;padding:9px 6px;display:flex;align-items:center;margin:0}
 body .taxical-nav .answer-link{display:flex;width:auto;order:initial;min-height:44px;min-width:44px;font-size:13px;line-height:1.4;padding:9px 6px}
 .il-case{padding:10px 14px 28px}
 .il-case .il-topline{gap:7px;flex-wrap:nowrap;margin-bottom:10px;min-height:44px}
 .il-case .il-topline>.quiet{padding:7px 0;font-size:14px;max-width:45%}
 .il-case .il-topline>.text-link{font-size:13px;white-space:nowrap}
 .il-case .il-topline>span{font-size:12px;line-height:1.4;flex:1;text-align:center}
 .il-case .il-act-rail{margin-bottom:10px}
 .il-case .il-act-rail>button{flex-direction:row;justify-content:center;min-height:44px;gap:6px;padding:5px 3px}
 .il-case .il-act-rail>button>span:last-child{font-size:12px}
 .il-case .il-act-rail small{display:none}
 .il-case .il-act-n{height:24px;width:24px;font-size:12px}
 .il-case .il-play-nav .il-topline{border-top:1px solid #c5d7e5;padding-top:3px}
 .il-case .il-cover{gap:16px}
 .il-case .il-cover h1{font-size:53px}
 .il-case .il-cover .il-cover-voice{font-size:16px;line-height:1.5}
 .il-case .il-cover .il-impossibility p{font-size:16px;line-height:1.5}
 .il-case .il-cover>.il-scene{height:220px}
 .il-case .il-cover-actions{margin:0}
 .il-case .il-act-copy .eyebrow{font-size:11px;line-height:1.5;letter-spacing:.04em}
 .il-case .il-act-copy .il-byline{font-size:14px;line-height:1.4}
 .il-case .il-next-move>.eyebrow{display:none}
 .il-case .il-next-move>p{font-size:16px;line-height:1.5}
 .il-case .il-record-link small{font-size:13px}
 .il-case .il-finding-reveal{gap:18px}
 .il-case .il-earned-copy>p:not(.eyebrow){font-size:17px;line-height:1.5}
 .il-case .il-earned-copy>.il-earned-statement{font-size:22px}
 .il-case .il-notebook-title>p:not(.eyebrow){font-size:16px}
 .il-case .il-evidence-strip strong{font-size:13px}
 .il-case .il-notebook-record>summary{min-height:68px}
 .il-case .il-notebook-record>summary>strong{font-size:21px}
 .il-case .il-paper .il-actions{display:grid;gap:10px}
 .il-case .il-paper .il-actions>button{margin:0}
 .il-case .il-inline-slot>.il-caption-line{font-size:23px;line-height:1.8}
 .il-case .il-semantic-slot{padding:12px}
 .il-case .il-inline-slot .il-word-slot{font-size:20px;min-height:46px}
 .il-case .il-magnet-bank{padding:12px;gap:10px}
 .il-case .il-word-magnet{font-size:20px;min-height:48px}
 .il-case .il-board-help>summary{min-height:44px}
 .il-case .il-grammar-world{grid-template-columns:64px minmax(0,1fr);gap:12px}
 .il-case .il-grammar-world>.il-scene{height:64px}
}
@media(max-width:359px){
 body .taxical-header{padding-inline:12px}
 body .taxical-brand .brand-name{font-size:27px}
 .il-case{padding-inline:11px}
 .il-case .il-topline>.quiet{max-width:39%;font-size:13px}
 .il-case .il-desk-heading h2{font-size:25px}
 .il-case .il-act-rail>button{gap:4px}
 .il-case .il-act-n{width:21px;height:21px}
}
@media(prefers-reduced-motion:reduce){.il-case .il-word-slot.il-just-placed{animation:none;outline:2px solid #ca6247;outline-offset:2px}}

.il-destination-choice small{display:block;margin-top:7px;font:13px/1.4 var(--sans);color:#6b7e8d}

.il-reveal-explanation>summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;font:15px/1.5 var(--sans);color:#27577c}
.il-reveal-explanation>summary::before{content:"+";font:21px Georgia,serif}
.il-reveal-explanation[open]>summary::before{content:"−"}
.il-case .il-reveal-explanation p{font-size:17px;line-height:1.6}

.il-inline-answer{white-space:nowrap}

.il-finding-explanation>summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;font:15px/1.5 var(--sans);color:#27577c}
.il-finding-explanation>summary::before{content:"+";font:21px Georgia,serif}
.il-finding-explanation[open]>summary::before{content:"−"}
.il-finding-explanation p{font-size:17px;line-height:1.6}

/* Restart remains visible without squeezing the phone navigation. */
.taxical-nav .restart-button{color:#a84d38;min-height:44px;white-space:nowrap}
.il-restart-dialog{max-width:470px}
.il-restart-dialog>p{font-size:18px;line-height:1.5}
.il-restart-dialog .il-restart-note{font-size:15px;color:#5b7286}
.il-restart-dialog .il-actions{display:flex;gap:12px;flex-wrap:wrap}
.il-restart-dialog .il-actions>button{min-height:48px;font-size:16px}
.il-restart-status:empty{display:none}
@media(max-width:380px){
 body .taxical-header{flex-wrap:wrap;gap:2px;padding:8px 12px}
 body .taxical-header .taxical-brand{margin-inline:auto}
 body .taxical-header .taxical-nav{flex:1 0 100%;justify-content:space-between;gap:5px}
 body .taxical-header .taxical-nav a,body .taxical-header .taxical-nav button{font-size:14px;min-height:44px;padding:9px 8px}
}
@media(max-width:520px){
 .il-restart-dialog{width:calc(100% - 28px);padding:22px;max-height:calc(100dvh - 28px);overflow:auto}
 .il-restart-dialog .il-actions{display:grid;grid-template-columns:1fr}
}

.il-drag-hint{font:13px/1.5 var(--sans);color:#547089;margin:12px 0 0}
.il-meaning-work.is-word-dragging .il-drop-ready{outline:2px dashed #6b92b1;outline-offset:4px}
