.dictionary-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.dictionary-topic-tile{display:flex;align-items:center;gap:10px;min-width:0;min-height:90px;padding:12px;background:#fff;border:2px solid #cddd80;border-radius:18px;color:#173d70;text-align:left;box-shadow:none}
.dictionary-topic-tile img{width:64px;height:64px;object-fit:contain;flex-shrink:0}
.dictionary-topic-tile span{min-width:0}.dictionary-topic-tile strong{display:block;font-size:18px;line-height:1.25}.dictionary-topic-tile small{display:block;font-size:14px;color:#52677e;margin-top:5px}
.dictionary-topic-tile:focus-visible{outline:3px solid #175ddd;outline-offset:2px}
#dictionary-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;font-size:16px}
#dictionary-breadcrumb button{min-height:44px;padding:8px 10px;font-size:16px;border:1px solid #c4d7e2;border-radius:12px;background:#fff;color:#173d70;box-shadow:none}
#dictionary-breadcrumb .dictionary-group-back{margin-left:auto;background:#e7fa35}
.dictionary-compact{grid-template-columns:auto minmax(100px,1fr);align-items:center}.dictionary-query-row{grid-column:1/-1}
@media(min-width:900px){.dictionary-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.dictionary-topic-tile{gap:7px;padding:8px;min-height:88px}.dictionary-topic-tile img{width:48px;height:48px}.dictionary-topic-tile strong{font-size:16px}.dictionary-compact label{max-width:100px}#dictionary-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hub-home-doors{grid-template-columns:repeat(2,minmax(0,1fr))}
.hub-home-doors .dictionary-door{background:linear-gradient(150deg,#dfff00,#49d9be 65%,#086e86)}
.hub-home-doors .dictionary-door>img{object-position:center top}
.hub-home-doors .dictionary-door::after{background:linear-gradient(transparent 5%,#03435133 35%,#033747f5 100%)}
.sidebar .nav button[data-nav="dictionary"] .nav-friend{object-fit:cover;object-position:center 22%}
.dictionary-door-art{display:block;text-align:center;font-size:105px;padding-top:30px}.dictionary-door-art span{font-size:60px;display:inline-block;margin-left:-35px}
.dictionary-page{max-width:1100px;margin:auto;padding-bottom:30px}.dictionary-page h1{font-size:clamp(28px,5vw,42px);color:#123e78}
.dictionary-search{padding:20px;background:#f2fad8;border-radius:22px;display:grid;gap:12px}.dictionary-search label{font-weight:800}.dictionary-search>div{display:flex;gap:8px}.dictionary-search input,.dictionary-search select{min-height:52px;border:2px solid #b8cee3;border-radius:14px;background:white;padding:10px 14px;font-size:18px;width:100%;min-width:0}.dictionary-search input{flex:1}
/* Compact word cards: illustration, bilingual caption, then one audio tray. */
#dictionary-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.dictionary-page .dictionary-card{display:flex;flex-direction:column;min-width:0;padding:12px;background:#fff;border:1px solid #d8e4ed;border-radius:24px;text-align:center;box-shadow:0 3px 0 #e3dfe9}
.dictionary-card .dictionary-picture{position:relative;height:auto;aspect-ratio:1.15;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:4px;min-width:0;overflow:hidden}
.dictionary-card .dictionary-picture img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);display:block;object-fit:contain;object-position:center;border:0;box-shadow:none;filter:none}
.dictionary-card .dictionary-picture img[hidden]{display:none}
.dictionary-image-retry{position:relative;border:1px solid #bdcfe6;border-radius:12px;background:#f3f7fc;color:#173d70;font-size:16px;padding:12px}
.dictionary-card .dictionary-caption{padding:7px 2px 12px}
.dictionary-page .dictionary-card .dictionary-image-credit{font-size:14px;line-height:1.4;padding:0 2px 10px}
.dictionary-page .dictionary-card h2{font-size:24px;line-height:1.2;margin:0 0 4px;color:#173d70;overflow-wrap:anywhere}
.dictionary-page .dictionary-card p{font-size:17px;line-height:1.4;margin:0;color:#52677e;overflow-wrap:anywhere}
.dictionary-card .dictionary-audio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:0;padding:9px;background:#f3f7fc;border-radius:17px}
.dictionary-page .dictionary-audio button{display:block;width:100%;min-width:0;min-height:44px;margin:0;padding:8px 4px;font-size:15px;font-weight:800;line-height:1.35;border-radius:12px;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;box-shadow:none;transform:none}
.dictionary-page .dictionary-audio .primary{background:#e7fa35;color:#173d70;border:1px solid #d6e72a}
.dictionary-page .dictionary-audio .secondary{background:#fff;color:#173d70;border:1px solid #bdcfe6}
.dictionary-page .dictionary-audio .text-btn{grid-column:1/-1;background:transparent;color:#47607d;border:0;font-size:14px;padding:5px 2px}
.dictionary-page .dictionary-audio button:hover{filter:brightness(.97)}
.dictionary-page .dictionary-audio button:active{transform:scale(.97)}
.dictionary-page .dictionary-audio button:focus-visible{outline:3px solid #175ddd;outline-offset:2px}
.dictionary-color{width:130px;height:130px;border-radius:50%;border:2px solid #ddd}.dictionary-symbol{font-size:80px}#dictionary-paging{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px}.dictionary-empty{grid-column:1/-1;padding:25px;background:#fff6da;border-radius:18px}
@media(max-width:760px){.hub-home-doors{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-home-doors .dictionary-door{grid-column:1/-1;height:240px}.dictionary-door-art{text-align:right;padding-right:35px}.sidebar .nav{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar .nav-label{font-size:clamp(12px,3.5vw,17px)}#dictionary-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dictionary-page .dictionary-card{padding:8px;border-radius:20px}.dictionary-card .dictionary-caption{padding:5px 0 10px}.dictionary-page .dictionary-card h2{font-size:20px}.dictionary-page .dictionary-card p{font-size:14px}.dictionary-card .dictionary-audio{padding:6px;gap:5px;border-radius:14px}.dictionary-page .dictionary-audio button{font-size:14px;gap:3px}.dictionary-page .dictionary-audio .text-btn{font-size:13px}.dictionary-search{padding:14px}}
@media(max-width:340px){#dictionary-results{grid-template-columns:1fr}}
@media(max-width:760px){.hub-home-doors .dictionary-door{height:350px;background:#075565}.hub-home-doors .dictionary-door>img{left:auto;right:0;width:58%;height:100%;object-fit:cover;object-position:center top}.hub-home-doors .dictionary-door::after{inset:0;background:linear-gradient(90deg,#043f51 0%,#043f51dc 27%,transparent 65%)}.hub-home-doors .dictionary-door .hub-portal-copy{right:45%;padding:22px 16px}.hub-home-doors .dictionary-door strong{font-size:32px}.hub-home-doors .dictionary-door small{font-size:14px}}
/* A single seamless landscape portal on both phone and desktop. */
.hub-home-doors .dictionary-door{grid-column:1/-1;width:100%;height:auto;min-height:0;aspect-ratio:2/1;background:#073e48;box-shadow:0 6px 0 #bbd5d9,0 12px 24px #16427618}
.hub-home-doors .dictionary-door>img{inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.hub-home-doors .dictionary-door::after{inset:0;background:linear-gradient(90deg,#02394680,transparent 53%)}
.hub-home-doors .dictionary-door .hub-portal-copy{top:0;bottom:0;left:0;right:55%;justify-content:center;padding:clamp(14px,3vw,34px);gap:10px}
.hub-home-doors .dictionary-door strong{font-size:clamp(26px,4.5vw,48px);white-space:nowrap}
.hub-home-doors .dictionary-door small{font-size:clamp(12px,1.7vw,18px);min-height:0;line-height:1.4}
.hub-home-doors .dictionary-door .hub-portal-action{font-size:clamp(12px,1.5vw,16px);padding:10px 12px;min-height:44px;white-space:nowrap;margin-top:4px}
@media(max-width:390px){.hub-home-doors .dictionary-door .hub-portal-copy{padding:12px;gap:7px}.hub-home-doors .dictionary-door strong{font-size:25px}.hub-home-doors .dictionary-door .hub-portal-action{padding:9px 10px;font-size:12px}}

/* Lime pagination, with direct pages and five-page jumps. */
.dictionary-page #dictionary-paging{display:flex;flex-direction:column;gap:10px;max-width:460px;margin:24px auto 8px;padding:14px;background:#f7fbdc;border:1px solid #e0e8af;border-radius:22px}
.dictionary-page #dictionary-paging:empty{display:none}
.dictionary-page-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:100%}
.dictionary-page-controls>span{font-size:14px;color:#234773;white-space:nowrap}
.dictionary-page-numbers{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.dictionary-page-jumps{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.dictionary-page #dictionary-paging button{min-height:44px;min-width:44px;padding:8px 12px;border-radius:13px;background:#fff;border:1px solid #bdcfe6;color:#173d70;font-size:15px;font-weight:800;line-height:1.25;box-shadow:0 2px 0 #d7e2ed;white-space:nowrap}
.dictionary-page #dictionary-paging .page-next,.dictionary-page #dictionary-paging [aria-current="page"]{background:#dfff00;border-color:#c5dd21;box-shadow:0 3px 0 #b5cf24}
.dictionary-page #dictionary-paging .dictionary-page-jumps button{background:#eef8b7;border-color:#d7e89a;font-size:13px;box-shadow:none}
.dictionary-page #dictionary-paging button:disabled{opacity:.4;box-shadow:none;cursor:default}
.dictionary-page #dictionary-paging button:focus-visible{outline:3px solid #175ddd;outline-offset:3px}
@media(max-width:390px){.dictionary-page #dictionary-paging{padding:10px}.dictionary-page-controls{gap:6px}.dictionary-page #dictionary-paging button{padding:8px;font-size:14px}.dictionary-page-controls>span{font-size:12px}.dictionary-page-numbers{gap:6px}}

.dictionary-translation{margin:0;padding:0 14px 8px;font-size:18px;font-weight:700;color:#175ddd;overflow-wrap:anywhere}.dictionary-page #dictionary-audio-language{max-width:100%;min-height:44px;font-size:16px}
.dictionary-missing-image{display:flex;width:100%;height:100%;min-height:150px;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:#eef5fb;color:#486080}.dictionary-missing-image strong{font-size:64px;font-weight:900}.dictionary-missing-image small{font-size:15px}.dictionary-caption .dictionary-pronunciation{font-size:15px;color:#566d89;line-height:1.5;font-weight:500}.dictionary-voice-note{margin:0;padding:0 12px 12px;font-size:12px;line-height:1.45;color:#586c83}.dictionary-caption small{display:block;margin-top:6px;font-size:14px;color:#526882}.dictionary-card h2{overflow-wrap:anywhere}

/* Four pictures per page, with compact filters for little learners. */
.dictionary-filters summary{cursor:pointer;font-weight:800;padding:8px 0;min-height:44px}
.dictionary-filters[open]{display:grid;gap:8px}.dictionary-filters>div{display:flex;gap:8px}
.dictionary-search{padding:12px;gap:6px}.dictionary-search label{font-size:14px}
.dictionary-search input,.dictionary-search select{min-height:44px;font-size:16px;padding:8px 10px}
.dictionary-page>h1{margin-bottom:8px}.dictionary-page>p{margin:8px 0}
#dictionary-paging-top{margin:8px 0 12px}.dictionary-page-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dictionary-page-controls button{min-height:44px;min-width:88px}.dictionary-page-controls span{font-size:16px}
@media(max-width:760px){.dictionary-page .dictionary-card h2{font-size:18px}.dictionary-page .dictionary-card .dictionary-picture{aspect-ratio:1.4}.dictionary-page .dictionary-card .dictionary-caption{padding:2px 0 5px}.dictionary-search{padding:10px}.dictionary-page>h1{font-size:26px}}

.dictionary-example{border-top:2px solid #dbeaf2;margin-top:14px;padding-top:14px}.dictionary-example>strong{display:inline-block;background:#e8f7fc;color:#194c87;padding:5px 10px;border-radius:10px;font-size:14px}.dictionary-example p{font-size:17px;line-height:1.5;margin:8px 0;color:#163961}.dictionary-example .dictionary-example-vi{font-size:15px;color:#52657c}.dictionary-example .dictionary-audio{flex-wrap:wrap}.dictionary-example button{min-height:44px}

@media(max-width:760px){.dictionary-example .dictionary-audio{grid-template-columns:minmax(0,1fr)}.dictionary-example .dictionary-audio button{min-height:48px}}

/* Larger topic covers; compact two-column navigation stays intact. */
.dictionary-topic-cover185{min-height:118px;gap:12px;border-color:#d9e5b1;background:#fff}
.dictionary-topic-cover185 img{width:88px;height:88px;object-fit:contain;border-radius:12px;background:#fff}
@media(max-width:600px){.dictionary-topic-cover185{padding:8px;gap:8px;min-height:110px}.dictionary-topic-cover185 img{width:68px;height:80px}.dictionary-topic-cover185 strong{font-size:15px;line-height:1.3}.dictionary-topic-cover185 small{font-size:13px}}
@media(max-width:360px){.dictionary-topic-cover185{gap:6px;padding:7px}.dictionary-topic-cover185 img{width:56px;height:72px}.dictionary-topic-cover185 strong{font-size:14px}}