/* Consistent study controls, independent of page or WordPress theme typography. */
.study-layout .study-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.study-layout .study-actions button.control,
.study-layout .study-undo-row button.control,
.study-layout .study-sidebar button.control,
.quiz-actions button.control{
 box-sizing:border-box;min-width:0;min-height:48px;height:auto;font-size:16px!important;line-height:1.35!important;font-weight:500;letter-spacing:normal;word-spacing:normal;padding:12px 10px!important;border-radius:12px!important;white-space:normal;overflow-wrap:normal;
}
.study-layout .study-undo-row{margin-top:10px}
.study-layout .study-translation{margin-top:10px}
.study-layout .study-translation summary{font-size:14px;line-height:1.4;min-height:44px;padding:10px 4px;box-sizing:border-box}
.study-layout .study-help{margin-top:10px;padding:10px 14px;border-radius:12px}
.study-layout .study-help summary{font-size:14px;line-height:1.45;min-height:24px;padding:2px 0}
.study-layout .study-status{margin:10px 0 0;min-height:0;font-size:14px;line-height:1.5}
.study-layout .noun-reveals{gap:8px;margin:10px 0}
.study-layout button.study-mini-pile{font-size:14px!important;line-height:1.3!important;padding:8px 10px!important;min-width:0;gap:8px;flex:1}
.study-layout .study-mini-pile .pile-back{flex-shrink:0}
.study-layout .study-pile-corners{gap:10px;margin:0 0 12px}
.study-layout .study-sidebar details>summary{font-size:16px;line-height:1.4;min-height:44px;padding:8px 0;box-sizing:border-box}
@media(max-width:700px){
 .study-layout{gap:16px;margin:16px auto}
 .study-layout>*{min-width:0}
 .study-layout .study-top{margin:12px 0;gap:10px}
 .study-layout .study-sidebar{padding:16px}
 .study-layout .study-sidebar h2{font-size:24px;margin-bottom:10px}
 .study-layout .study-card .study-tap{font-size:13px;line-height:1.4;padding:0 12px 16px}
 .study-layout .study-card .study-word{line-height:1.25;padding:12px 12px 10px}
 .study-layout .noun-reveal{padding:11px 12px;min-height:44px;font-size:14px;line-height:1.4}
 .toolbar button.control,.count-controls button.control,.study-top select.control{font-size:16px!important;line-height:1.35!important;min-height:44px}
}
@media(max-width:360px){
 .study-layout .study-actions button.control,.quiz-actions button.control{font-size:14px!important;padding:11px 6px!important}
 .study-layout .study-actions{gap:8px}
}

/* One-row mobile categories, with native touch scrolling and edge cues. */
.category-scroll,.category-scroll-track{display:contents}
.category-swipe-hint{display:none}
@media(max-width:760px){
 header .category-scroll{display:block;flex:0 0 100%;width:100%;min-width:0;margin-top:12px}
 header .category-scroll-track{display:block;position:relative;min-width:0}
 header .category-scroll .page-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:8px;width:100%;max-width:100%;padding:4px 24px 8px 3px;margin:0;scroll-snap-type:x proximity;scroll-padding-inline:8px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--yellow) transparent}
 header .category-scroll .page-nav a{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;min-height:44px;padding:10px 15px;font-size:14px}
 .category-scroll-track::after{content:"";position:absolute;right:0;top:0;bottom:8px;width:22px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--navy))}
 .category-scroll.at-end .category-scroll-track::after{display:none}
 header .category-swipe-hint{display:block;margin:4px 0 0;text-align:right;color:var(--sky);font:12px/1.3 Arial,sans-serif;letter-spacing:.2px}
 .category-swipe-hint span{color:var(--yellow);font-size:17px;vertical-align:middle;margin-left:4px}
}

/* Unified learning tabs, including WordPress anchor-based tabs. */
:is(.alphabet-tabs,.art-tabs,.noun-tabs,.pronoun-tabs)[role="tablist"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;max-width:680px;margin:24px 0;padding:0;border:0}
.noun-tabs[aria-label="Verb learning mode"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.pronoun-tabs[role="tablist"]{grid-template-columns:repeat(4,minmax(0,1fr))}
:is(.alphabet-tabs,.art-tabs,.noun-tabs,.pronoun-tabs) :is(button,a.ue-tab)[role="tab"]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:46px;margin:0;padding:10px 6px;border:1px solid var(--border);border-radius:8px;background:var(--sky);color:var(--navy);font-family:inherit;font-size:clamp(11px,2.8vw,15px);font-weight:700;line-height:1.3;text-align:center;text-decoration:none;white-space:normal;box-shadow:none;cursor:pointer}
:is(.alphabet-tabs,.art-tabs,.noun-tabs,.pronoun-tabs) :is(button,a.ue-tab)[role="tab"][aria-selected="true"]{background:var(--yellow);color:var(--navy);border-color:var(--border);box-shadow:inset 0 -3px var(--blue)}
:is(.alphabet-tabs,.art-tabs,.noun-tabs,.pronoun-tabs) :is(button,a.ue-tab)[role="tab"]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}

/* More prominent header branding, with room for the mobile menu. */
header>a.brand.brand-home{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:.6px;white-space:nowrap;text-decoration:none}
header>a.brand.brand-home .flag{flex:0 0 auto;width:30px;height:20px;margin:0}
@media(max-width:760px){header>a.brand.brand-home{font-size:clamp(16px,4.8vw,24px);letter-spacing:.3px;gap:8px;min-height:48px;max-width:calc(100% - 64px)}header>a.brand.brand-home .flag{width:25px;height:17px}}
@media(max-width:350px){header>a.brand.brand-home{font-size:16px;letter-spacing:0;gap:6px}header>a.brand.brand-home .flag{width:22px;height:15px}}

/* Compact swipe cue at the bottom of the faded edge, without a second row. */
@media(max-width:760px){
 header .category-scroll{position:relative}
 .category-scroll-track::after{width:32px}
 header .category-scroll .category-swipe-hint{position:absolute;right:0;top:4px;bottom:-10px;width:28px;display:flex;align-items:flex-end;justify-content:center;margin:0;padding:0 0 2px;pointer-events:none;z-index:1}
 header .category-scroll .category-swipe-hint span{margin:0;color:var(--yellow);font-size:22px;line-height:1;text-shadow:0 1px 3px var(--navy)}
 header .category-scroll.at-end .category-swipe-hint{display:none}
}