/* Keep the question readable and the review action within reach in both orientations. */
.fc-deck-search{margin:0 0 24px;max-width:680px}
.fc-deck-search>label{display:block;font:700 13px var(--codex-sans);color:var(--codex-track);margin:0 0 8px}
.fc-deck-search>div{display:flex;align-items:center;gap:10px}
.fc-deck-search input{min-width:0;flex:1;min-height:48px;padding:10px 14px;border:1px solid #8b9d91;border-radius:10px;background:var(--codex-surface);color:var(--codex-ink);font:400 16px var(--codex-sans)}
.fc-deck-search button{min-height:44px;padding:8px 12px;border:1px solid var(--codex-line);border-radius:9px;background:var(--codex-surface);color:var(--codex-track);font:700 12px var(--codex-sans);cursor:pointer}
.fc-deck-search button[hidden]{display:none!important}
.fc-deck-search>p,.fc-topic-matches{font:500 12px/1.55 var(--codex-sans);color:var(--codex-muted);margin:8px 0 0}
.fc-topic-matches{color:var(--codex-track);font-weight:700}
.fc-deck-empty{grid-column:1/-1;padding:26px;border:1px solid var(--codex-line);border-right:3px solid var(--codex-track);border-radius:14px;background:var(--codex-surface)}
.fc-deck-empty h3{font:400 28px/1.2 var(--codex-serif);margin:0 0 10px}
.fc-deck-empty p{font:400 14px/1.6 var(--codex-sans);margin:0;color:var(--codex-muted)}
@media(max-width:600px){.fc-tl{grid-template-columns:minmax(0,1fr)}.fc-tl>div{display:block;min-width:0}.fc-tl a{display:block;min-height:44px;padding:8px 0;line-height:1.6}.fc-tl>div>span{display:block;margin-bottom:8px}}
body[data-codex-family='flashcards'] .fc-study-shell{min-height:min(760px,92dvh)}
body[data-codex-family='flashcards'] .fc-study-scroll{min-height:0;scroll-padding:16px}
.fc-review-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:12px}
.fc-review-toolbar .fc-card-tools{flex:1;min-width:0;margin:0}
body[data-codex-family='flashcards'] .fc-study-actions{flex:none;padding:10px 24px calc(14px + env(safe-area-inset-bottom));background:var(--codex-surface);border-top:1px solid var(--codex-line);z-index:1}
body[data-codex-family='flashcards'] .fc-action-hint{margin:0 0 8px;color:var(--codex-muted);font:500 12px/1.4 var(--codex-sans);text-align:center}
body[data-codex-family='flashcards'] .fc-front-actions .fc-reveal{margin:0;min-height:48px}
body[data-codex-family='flashcards'] .fc-rate{display:flex;margin:0;gap:10px}
body[data-codex-family='flashcards'] .fc-rate button{min-height:52px;font-size:14px;padding:8px 4px}
body[data-codex-family='flashcards'] .fc-rate button small{font-size:11px;letter-spacing:0}
body[data-codex-family='flashcards'] :is(.fc-front-actions,.fc-rate)[hidden]{display:none!important}
body[data-codex-family='flashcards'] .fc-ans .fc-lbl{font:500 10.5px/1.4 var(--mono);margin:0 0 6px}
body[data-codex-family='flashcards'] .fc-q:focus,body[data-codex-family='flashcards'] .fc-ans h3:focus{outline:0}
body[data-codex-family='flashcards'] .fc-q:focus-visible,body[data-codex-family='flashcards'] .fc-ans h3:focus-visible{outline:2px solid var(--codex-track);outline-offset:4px}
body[data-codex-family='flashcards'] .fc-card{min-height:300px}
body[data-codex-family='flashcards'] .fc-back .fc-why{padding:14px 16px;border:1px solid var(--codex-line);border-right:3px solid var(--codex-track);border-radius:14px;background:var(--codex-surface);box-shadow:6px 3px 16px -8px color-mix(in srgb,var(--codex-track) 32%,transparent);margin-inline:0}
body[data-codex-family='flashcards'] #studyFilters select{width:100%;min-height:44px;font-size:16px}
@media(max-width:900px),(orientation:landscape) and (max-height:600px){
 body[data-codex-family='flashcards'] .fc-player{grid-template-columns:1fr}
 body[data-codex-family='flashcards'] .fc-filter-toggle{display:flex;flex-basis:100%;justify-content:space-between;align-items:center;width:100%;min-height:44px;margin:0;border:1px solid var(--line-2);border-radius:10px;background:var(--codex-surface);color:var(--codex-ink);padding:9px 12px;font:700 13px var(--codex-sans);cursor:pointer}
 body[data-codex-family='flashcards'] .fc-side{display:none}
 body[data-codex-family='flashcards'] .fc-study-scroll.filters-open .fc-side{display:grid;position:static;margin-bottom:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
 body[data-codex-family='flashcards'] .fc-side :is(.fc-prog,#progTxt,.fc-keys,.fc-device-note){grid-column:1/-1}
 body[data-codex-family='flashcards'] .fc-study-modal{padding:0}
 body[data-codex-family='flashcards'] .fc-study-shell{width:100%;height:100dvh;min-height:0;max-height:100dvh;border-radius:0}
 body[data-codex-family='flashcards'] .fc-study-top{padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));min-height:64px}
 body[data-codex-family='flashcards'] .fc-study-top h2{font-size:24px}
 body[data-codex-family='flashcards'] .fc-session-line{display:none}
 body[data-codex-family='flashcards'] .fc-study-scroll{padding:14px max(14px,env(safe-area-inset-right)) 14px max(14px,env(safe-area-inset-left));-webkit-overflow-scrolling:touch}
 body[data-codex-family='flashcards'] .fc-study-actions{padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
 body[data-codex-family='flashcards'] .fc-key-hint{display:none}
}
@media(orientation:landscape) and (max-height:600px){
 body[data-codex-family='flashcards'] .fc-study-top{min-height:48px;padding-block:5px}
 body[data-codex-family='flashcards'] .fc-study-top .fc-kicker{display:none}
 body[data-codex-family='flashcards'] .fc-study-top h2{font-size:23px}
 body[data-codex-family='flashcards'] .fc-study-scroll{padding-block:8px}
 body[data-codex-family='flashcards'] .fc-filter-toggle{width:auto;flex-basis:auto;float:none;margin:0;max-width:45%;font-size:12px}
 body[data-codex-family='flashcards'] .fc-filter-toggle span{margin-left:8px}
 body[data-codex-family='flashcards'] .fc-card-tools{min-height:44px;margin:0}
 body[data-codex-family='flashcards'] .fc-review-toolbar{margin-bottom:8px}
 body[data-codex-family='flashcards'] .fc-player{clear:both}
 body[data-codex-family='flashcards'] .fc-card{min-height:0;padding:18px 22px}
 body[data-codex-family='flashcards'] .fc-q{font-size:19px;line-height:1.55;margin:12px 0 4px;max-width:70ch}
 body[data-codex-family='flashcards'] .fc-study-actions{padding-block:6px}
 body[data-codex-family='flashcards'] .fc-action-hint{display:none}
 body[data-codex-family='flashcards'] .fc-rate button{min-height:46px}
 body[data-codex-family='flashcards'] .fc-side .fc-keys{display:none}
}