/* Picture-first dictionary. Scoped so lessons and the fullscreen reader keep their layout. */
body[data-page="dictionary"]{--dict-surface:#fff;--dict-border:#dce4ef;--dict-ink:#193963}
body[data-page="dictionary"] #app{background:#f8f7fc}
body[data-page="dictionary"] .dictionary-page{max-width:1440px;padding-bottom:16px}
body[data-page="dictionary"] .dictionary-heading194{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
body[data-page="dictionary"] .dictionary-heading194 h1{font-size:30px;margin:0;line-height:1.25}
body[data-page="dictionary"] .dictionary-heading194 p{font-size:15px;color:#52677e;margin:0}
body[data-page="dictionary"] .dictionary-search{background:var(--dict-surface);border:1px solid var(--dict-border);padding:10px 12px;border-radius:16px;gap:10px;margin-bottom:12px}
body[data-page="dictionary"] .dictionary-search input,
body[data-page="dictionary"] .dictionary-search select{border:1px solid #b5c5db;border-radius:10px;min-height:44px;font-size:16px}
body[data-page="dictionary"] .dictionary-query-row{min-width:0}
body[data-page="dictionary"] #dictionary-clear{padding:8px 14px;box-shadow:none;border-radius:10px;min-height:44px;font-size:15px}
body[data-page="dictionary"] #dictionary-breadcrumb{margin:0;gap:6px;font-size:15px;min-width:0;flex-wrap:wrap}
body[data-page="dictionary"] #dictionary-breadcrumb button{padding:8px 12px;font-size:15px;min-height:44px;border-radius:12px;box-shadow:none}
body[data-page="dictionary"] #dictionary-breadcrumb .dictionary-group-back{background:#edf2fb;border-color:#dce4ef;color:var(--dict-ink)}
body[data-page="dictionary"] #dictionary-count{display:inline-block;font-size:14px;color:#52677e;margin:6px 12px 4px 0}
body[data-page="dictionary"] .dictionary-page>[data-school-status]{display:inline;font-size:14px;color:#52677e;margin:0}
body[data-page="dictionary"] #dictionary-paging-top{margin:6px 0 14px}
body[data-page="dictionary"] #dictionary-paging-top .dictionary-page-controls{justify-content:center;gap:16px}
body[data-page="dictionary"] #dictionary-paging-top button{padding:8px 16px;border:1px solid #bbcbe0;border-radius:12px;background:#fff;font-size:15px;font-weight:800;box-shadow:none;min-height:44px}
body[data-page="dictionary"] #dictionary-paging-top .page-next{background:#e7fa35;border-color:#c9dc33;color:var(--dict-ink)}
body[data-page="dictionary"] #dictionary-results{gap:16px;align-items:stretch}
body[data-page="dictionary"] .dictionary-card{border-radius:22px;border:1px solid var(--dict-border);box-shadow:0 3px 12px #19396308;padding:12px;cursor:pointer;transition:border-color .16s,box-shadow .16s}
body[data-page="dictionary"] .dictionary-card:hover{border-color:#8aa7d2;box-shadow:0 5px 20px #19396312}
body[data-page="dictionary"] .dictionary-picture{border-radius:14px;background:#fff;cursor:pointer}
body[data-page="dictionary"] .dictionary-picture:focus-visible{outline:3px solid #175ddd;outline-offset:2px}
body[data-page="dictionary"] .dictionary-card .dictionary-caption{padding:10px 2px 12px}
body[data-page="dictionary"] .dictionary-card h2{font-size:23px}
body[data-page="dictionary"] .dictionary-card .dictionary-audio{margin-top:auto;background:#f5f7fc;padding:7px}
body[data-page="dictionary"] .dictionary-topic-grid{gap:14px}
body[data-page="dictionary"] .dictionary-topic-tile{box-shadow:none;border:1px solid var(--dict-border);border-radius:18px;background:#fff}
body[data-page="dictionary"] .dictionary-topic-tile:hover{border-color:#8aa7d2;background:#f5f8ff}
body[data-page="dictionary"] #dictionary-topic-browser h2{font-size:22px;margin:18px 0 12px}
@media(min-width:761px){
 body[data-page="dictionary"] #app{grid-template-columns:176px minmax(0,1fr)}
 body[data-page="dictionary"] #app>.sidebar{padding:20px 12px;background:#fff;border-right:1px solid var(--dict-border)}
 body[data-page="dictionary"] .sidebar .sidebar-brand{padding:0 0 16px;border:0}
 body[data-page="dictionary"] .sidebar .sidebar-brand img{width:100%;height:auto;max-height:58px;object-fit:contain;border-radius:12px}
 body[data-page="dictionary"] .hub-sidebar .nav{gap:8px;margin-top:14px}
 body[data-page="dictionary"] .hub-sidebar .nav button{min-height:58px;padding:10px;gap:10px;background:transparent;border:0;box-shadow:none;border-radius:14px;color:var(--dict-ink)}
 body[data-page="dictionary"] .hub-sidebar .nav button.active{background:#ecfa98;color:var(--dict-ink)}
 body[data-page="dictionary"] .hub-sidebar .nav-icon{width:30px;height:30px;flex:0 0 30px;background:transparent}
 body[data-page="dictionary"] .hub-sidebar .nav-label{font-size:16px;color:inherit}
 body[data-page="dictionary"] .hub-sidebar-note{display:none}
 body[data-page="dictionary"] .hub-adult-side{margin:28px 0 0;padding:10px;font-size:13px;box-shadow:none}
 body[data-page="dictionary"] .hub-topbar{height:72px;min-height:72px;padding:12px 26px;flex-wrap:nowrap;background:#fff}
 body[data-page="dictionary"] .hub-topbar .brand{font-size:22px}
 body[data-page="dictionary"] .hub-topbar .brand small{font-size:9px;letter-spacing:1px}
 body[data-page="dictionary"] .hub-topbar .brandmark{width:38px;height:38px;font-size:28px}
 body[data-page="dictionary"] .hub-main{max-width:1500px;padding:24px 26px 32px}
 body[data-page="dictionary"] .dictionary-home-back{display:none}
 body[data-page="dictionary"] .dictionary-search{grid-template-columns:auto 170px minmax(180px,1fr)}
 body[data-page="dictionary"] .dictionary-query-row{grid-column:auto}
 body[data-page="dictionary"] .dictionary-search label{font-size:14px}
 body[data-page="dictionary"] .dictionary-card .dictionary-picture{height:clamp(160px,20vh,240px);aspect-ratio:auto}
 body[data-page="dictionary"] .dictionary-page .dictionary-card p{font-size:16px}
 body[data-page="dictionary"] .dictionary-page .dictionary-card .dictionary-pronunciation{font-size:14px}
 body[data-page="dictionary"] #dictionary-results{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-page="dictionary"] .footer{margin-top:24px;font-size:12px}
}
@media(min-width:1100px){
 body[data-page="dictionary"] #dictionary-results{grid-template-columns:repeat(4,minmax(0,1fr))}
 body[data-page="dictionary"] .dictionary-topic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 body[data-page="dictionary"] .dictionary-topic-cover185{flex-direction:column;text-align:center;justify-content:center;min-height:180px;padding:16px}
 body[data-page="dictionary"] .dictionary-topic-cover185 img{width:100px;height:100px}
}
@media(max-width:760px){
 body[data-page="dictionary"] .dictionary-heading194{gap:6px;margin:12px 0}
 body[data-page="dictionary"] .dictionary-heading194 h1{font-size:26px}
 body[data-page="dictionary"] .dictionary-heading194 p{font-size:14px}
 body[data-page="dictionary"] .dictionary-search{padding:10px}
 body[data-page="dictionary"] #dictionary-results{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-page="dictionary"] .dictionary-card{padding:8px}
 body[data-page="dictionary"] .dictionary-card h2{font-size:19px}
 body[data-page="dictionary"] #dictionary-paging-top .dictionary-page-controls{gap:8px;justify-content:space-between}
 body[data-page="dictionary"] #dictionary-paging-top button{padding:8px 10px;min-width:0;font-size:14px}
}
@media(prefers-reduced-motion:reduce){body[data-page="dictionary"] .dictionary-card{transition:none}}