:root{
  --bg:#f6f9ff;--card:rgba(255,255,255,.88);--text:#172033;--muted:#667085;
  --line:#dfe7f3;--primary:#4f6df5;--primary2:#6f8cff;--radius:22px;
  --shadow:0 16px 44px rgba(47,68,120,.10);--glow:0 0 0 4px rgba(79,109,245,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:
radial-gradient(circle at 10% 0%,#e8eeff 0,transparent 32%),radial-gradient(circle at 90% 10%,#e8fff7 0,transparent 28%),var(--bg);line-height:1.6}
a{color:#4059cf;text-decoration:none}a:hover{text-decoration:underline}
.wrap{width:min(1120px,calc(100% - 32px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,231,243,.8)}
.nav{min-height:68px;display:flex;align-items:center;gap:20px}.brand{font-weight:850;font-size:1.35rem;color:#172033}.brand span{color:var(--primary)}
.navlinks{margin-left:auto;display:flex;gap:18px;align-items:center}.lang{border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:white}
.hero{padding:56px 0 26px}.crumb{font-size:.9rem;color:var(--muted)}h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.05;margin:.35em 0 .25em;letter-spacing:-.04em}.lead{font-size:1.08rem;color:var(--muted);max-width:760px}
.tool-card,.content-card,.ad-slot{background:var(--card);border:1px solid rgba(223,231,243,.9);border-radius:var(--radius);box-shadow:var(--shadow)}
.tool-card{padding:24px;transition:transform .2s ease,box-shadow .2s ease}.tool-card:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(47,68,120,.14)}
textarea,input,select{width:100%;border:1px solid #cfd9ea;border-radius:16px;padding:16px;background:#fff;color:var(--text);font:inherit;outline:none;transition:.2s}
textarea{min-height:230px;resize:vertical}textarea:focus,input:focus,select:focus{border-color:#7e95ff;box-shadow:var(--glow)}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.btn{border:0;border-radius:14px;padding:12px 18px;font-weight:750;cursor:pointer;transition:.2s}.btn-primary{color:white;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 8px 22px rgba(79,109,245,.24)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(79,109,245,.38)}.btn-secondary{background:#eef2ff;color:#3147a8}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.stat{background:#f8faff;border:1px solid var(--line);border-radius:16px;padding:14px}.stat b{display:block;font-size:1.35rem}
.ad-slot{margin:28px auto;padding:14px;display:grid;place-items:center;color:#8a94a6;background:rgba(255,255,255,.62);min-height:118px}.ad-slot small{display:block;text-align:center}
.content-card{padding:28px;margin:24px 0}.content-card h2{margin-top:0}.notice{border-left:4px solid #7e95ff;background:#f3f6ff;padding:14px 16px;border-radius:10px;margin-top:18px}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related a{display:block;background:white;border:1px solid var(--line);border-radius:16px;padding:16px;transition:.2s}.related a:hover{transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}
footer{padding:38px 0 50px;color:var(--muted);font-size:.93rem}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:720px){.navlinks a{display:none}.hero{padding-top:36px}.stats{grid-template-columns:repeat(2,1fr)}.related{grid-template-columns:1fr}.tool-card{padding:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.output{min-height:180px;white-space:pre-wrap;background:#fbfcff;border:1px solid var(--line);border-radius:16px;padding:16px}
.inline-note{font-size:.9rem;color:var(--muted);margin-top:8px}.error{border-left:4px solid #d92d20;background:#fff4f2;padding:12px 14px;border-radius:10px}.success{border-left:4px solid #12b76a;background:#ecfdf3;padding:12px 14px;border-radius:10px}
@media(max-width:720px){.grid-2{grid-template-columns:1fr}}

.search-box{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow);margin-top:24px}
.search-box input{font-size:1.05rem}
.search-results{margin-top:12px;display:grid;gap:8px}
.search-row{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:white}
.search-row:hover{text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow)}
.search-row span{color:var(--muted);font-size:.9rem}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.category-card{display:block;padding:22px;border:1px solid var(--line);border-radius:18px;background:white;transition:.2s}
.category-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow)}
.category-card b{display:block;font-size:1.1rem;color:var(--text)}
.category-card small{color:var(--muted)}
@media(max-width:720px){.category-grid{grid-template-columns:1fr}}


.legal-modal{position:fixed;inset:0;z-index:1000;display:none}
.legal-modal.open{display:block}.legal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(4px)}
.legal-dialog{position:relative;width:min(860px,calc(100% - 28px));max-height:86vh;overflow:auto;margin:7vh auto;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 90px rgba(15,23,42,.28);padding:28px}
.legal-close{position:sticky;top:0;float:right;border:0;background:rgba(127,127,127,.12);color:var(--text);width:38px;height:38px;border-radius:12px;font-size:1.5rem;cursor:pointer}
.legal-body h2{margin-top:0}.legal-body p{max-width:74ch}
.sponsored-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:7px}
.mesraadv-slot{border:1px dashed var(--line);border-radius:18px;background:var(--card);display:grid;place-items:center;text-align:center;padding:16px;overflow:hidden}
.mesraadv-wide{min-height:110px}.mesraadv-tall{min-height:360px}.mesraadv-card{min-height:220px}
.affiliate-card{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:20px}
.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:720px){.admin-grid{grid-template-columns:1fr}.legal-dialog{padding:20px}}

.mesra-support{padding:18px 0 0}
.support-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px 22px}
.support-card p{margin:.25rem 0 0;color:var(--muted)}
.support-btn{white-space:nowrap;text-decoration:none}
.support-btn:hover{text-decoration:none}
@media(max-width:720px){.support-card{align-items:flex-start;flex-direction:column}.support-btn{width:100%;text-align:center}}

.global-search{position:relative;max-width:760px;margin:20px auto}.global-search input{width:100%;padding:16px}.search-results{position:absolute;z-index:90;left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.search-results a{display:flex;justify-content:space-between;padding:12px 15px;text-decoration:none;color:var(--text);border-bottom:1px solid var(--line)}.search-empty{padding:14px}.tile{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:9px;font-weight:800;margin:3px}.hit{background:#2f855a;color:white}.near{background:#b7791f;color:white}.miss{background:#718096;color:white}


/* Build 012 — unified navigation, compact tools, search glow, ad grid */
.header-shell{display:flex;align-items:center;gap:16px;min-height:72px}
.header-shell .brand{flex:0 0 auto}
.nav-pills{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;padding:6px 0;margin-left:auto}
.nav-pills::-webkit-scrollbar{display:none}
.nav-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:9px 13px;border:1px solid transparent;border-radius:14px;color:var(--text);font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.nav-pill::after{content:"";position:absolute;left:18%;right:18%;bottom:-4px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--primary2));transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
.nav-pill:hover,.nav-pill.active{background:rgba(255,255,255,.72);border-color:var(--line);box-shadow:0 7px 20px rgba(47,68,120,.10);text-decoration:none;transform:translateY(-1px)}
.nav-pill:hover::after,.nav-pill.active::after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:8px}
.lang-select{width:auto;min-width:112px;padding:8px 10px;border-radius:12px}
.tool-compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tool-compact{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:10px 12px;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:14px;color:var(--text);font-size:.92rem;font-weight:700;text-decoration:none;transition:.18s ease}
.tool-compact::after{content:"→";opacity:.45;transform:translateX(-2px);transition:.18s ease}
.tool-compact:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(47,68,120,.12);border-color:rgba(79,109,245,.34);text-decoration:none}
.tool-compact:hover::after{opacity:1;transform:translateX(2px)}
.gemini-search{position:relative;max-width:780px;margin:24px auto}
.gemini-search::before{content:"";position:absolute;inset:-2px;border-radius:24px;background:linear-gradient(100deg,#6ea8ff,#8d7bff,#4fd1c5,#6ea8ff);background-size:250% 250%;opacity:0;filter:blur(7px);transition:opacity .2s ease;z-index:-1}
.gemini-search:focus-within::before{opacity:.55;animation:mesraGlow 5s linear infinite}
.gemini-search input{height:62px;border-radius:22px;background:rgba(255,255,255,.95);padding:0 22px;font-size:1.02rem;box-shadow:0 10px 28px rgba(47,68,120,.10);border:1px solid rgba(207,217,234,.85)}
.gemini-search input:focus{border-color:#7f92ff;box-shadow:0 0 0 4px rgba(99,121,255,.11),0 15px 36px rgba(68,86,160,.15)}
@keyframes mesraGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.ad-stack{display:grid;gap:14px;margin:24px 0}
.google-ad-row{min-height:110px;display:grid;place-items:center;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.62);color:var(--muted);text-align:center;padding:14px}
.mesraadv-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mesraadv-short{min-height:150px;display:grid;place-items:center;border:1px solid var(--line);border-radius:18px;background:var(--card);padding:16px;text-align:center}
.mesraadv-short .sponsored-label{margin-bottom:5px}
.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}
.section-title-row h2{margin:0}
.section-title-row a{font-size:.9rem;font-weight:700}
@media(max-width:980px){.tool-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-shell{flex-wrap:wrap}.nav-pills{order:3;width:100%;margin-left:0}}
@media(max-width:720px){.tool-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mesraadv-row{grid-template-columns:1fr}.header-actions{margin-left:auto}.gemini-search input{height:58px}}
@media(max-width:430px){.tool-compact-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.gemini-search:focus-within::before{animation:none}}

.demo-ad-link{color:var(--text);text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.demo-ad-link:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(47,68,120,.14);border-color:rgba(79,109,245,.38);text-decoration:none}
.analytics-table{width:100%;border-collapse:collapse;font-size:.92rem}
.analytics-table th,.analytics-table td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
.analytics-table th{position:sticky;top:0;background:var(--card)}
.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.metric-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}
.metric-card b{display:block;font-size:1.5rem}
@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.metric-grid{grid-template-columns:1fr}}

/* Build 017 catalog/menu repair */
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 28px}
.tool-link{display:flex;flex-direction:column;gap:5px;min-height:82px;padding:16px 17px;background:var(--card);border:1px solid var(--line);border-radius:16px;color:var(--text);text-decoration:none;box-shadow:0 8px 22px rgba(47,68,120,.06);transition:.18s ease}
.tool-link strong{font-size:1rem}.tool-link span{font-size:.86rem;color:var(--muted)}
.tool-link:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(47,68,120,.12);border-color:rgba(79,109,245,.35);text-decoration:none}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.category-card{display:flex;flex-direction:column;gap:5px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--card);color:var(--text);text-decoration:none;transition:.18s ease}
.category-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(47,68,120,.10);text-decoration:none}
@media(max-width:900px){.tool-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.tool-grid,.category-grid{grid-template-columns:1fr}}

/* Build 018 analytics period controls */
.analytics-range-bar,.content-card .actions{flex-wrap:wrap}
.content-card .actions .btn{white-space:nowrap}

/* Build 019 Admin dashboard */
.admin-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}
.admin-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-module-card{display:flex;gap:16px;align-items:center;min-height:92px;padding:18px 20px;background:var(--card);border:1px solid var(--line);border-radius:18px;color:var(--text);text-decoration:none;box-shadow:0 8px 22px rgba(47,68,120,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}
.admin-module-card:hover,.admin-module-card:focus-visible{transform:translateY(-3px);box-shadow:0 16px 34px rgba(47,68,120,.14);border-color:rgba(79,109,245,.45);background:linear-gradient(135deg,var(--card),rgba(79,109,245,.045));text-decoration:none;outline:none}
.admin-module-card strong{display:block;font-size:1.08rem;margin-bottom:5px}.admin-module-card span{display:block;color:var(--muted);font-size:.92rem;line-height:1.45}
.admin-module-card .admin-icon{flex:0 0 auto;font-size:1.5rem;line-height:1}
.admin-icon{font-size:1.55rem;line-height:1}
@media(max-width:620px){.admin-dashboard-grid{grid-template-columns:1fr}.admin-hero{align-items:flex-start;flex-direction:column}}

/* Build 020 navigation + category + admin module fixes */
.site-header{position:sticky;top:0;z-index:90;background:rgba(248,250,255,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-shell{padding-top:8px;padding-bottom:8px}
.nav-pills{display:flex!important;gap:8px!important;align-items:center;flex-wrap:nowrap}
.nav-pill{display:inline-flex!important;align-items:center;justify-content:center;padding:9px 14px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:rgba(255,255,255,.76)!important;color:var(--text)!important;text-decoration:none!important;font-weight:750!important;box-shadow:0 3px 10px rgba(47,68,120,.04);position:relative}
.nav-pill:hover,.nav-pill.active{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(233,239,255,.98))!important;border-color:rgba(79,109,245,.4)!important;box-shadow:0 8px 20px rgba(47,68,120,.11)!important;transform:translateY(-1px)}
.nav-pill::after{content:"";position:absolute;left:22%;right:22%;bottom:-5px;height:2px;border-radius:10px;background:linear-gradient(90deg,var(--primary),var(--primary2));transform:scaleX(0);transition:.18s ease}
.nav-pill:hover::after,.nav-pill.active::after{transform:scaleX(1)}
.tool-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:18px 0 28px!important}
.tool-link{display:flex!important;flex-direction:column!important;gap:5px!important;padding:16px 17px!important;min-height:84px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--card)!important;color:var(--text)!important;text-decoration:none!important;box-shadow:0 8px 20px rgba(47,68,120,.06)!important}
.tool-link:hover{transform:translateY(-2px)!important;border-color:rgba(79,109,245,.35)!important;box-shadow:0 14px 28px rgba(47,68,120,.12)!important}
.tool-link span{color:var(--muted)!important;font-size:.86rem!important}
.admin-top-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.admin-module-card.disabled{opacity:.68;cursor:default}
.file-drop{border:2px dashed var(--line);border-radius:18px;padding:20px;text-align:center;background:rgba(255,255,255,.5)}
.preview-box{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--card);min-height:120px}
.serp-card{font-family:Arial,sans-serif;max-width:680px}
.serp-title{font-size:20px;color:#1a0dab}.serp-url{color:#006621;font-size:14px}.serp-desc{color:#4d5156;line-height:1.5}
@media(max-width:900px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.tool-grid{grid-template-columns:1fr!important}.nav-pills{overflow-x:auto;padding-bottom:8px}}


/* Build 023: global tool-menu buttons + admin navigation */
.tool-menu-grid,.tool-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:18px 0 28px!important}
.tool-menu-button,.tool-grid .tool-link{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:11px 14px!important;border:1px solid rgba(79,109,245,.22)!important;border-radius:999px!important;background:linear-gradient(135deg,#fff,#f3f6ff)!important;color:var(--text)!important;text-align:center!important;text-decoration:none!important;font-weight:800!important;box-shadow:0 5px 15px rgba(47,68,120,.07)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.tool-menu-button:hover,.tool-menu-button:focus-visible,.tool-grid .tool-link:hover,.tool-grid .tool-link:focus-visible{transform:translateY(-2px)!important;border-color:rgba(79,109,245,.55)!important;box-shadow:0 10px 24px rgba(47,68,120,.14)!important;text-decoration:none!important;outline:none!important}
.tool-grid .tool-link strong{font:inherit!important}.tool-grid .tool-link>span{display:none!important}
.admin-page-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.admin-page-nav .btn{min-width:110px;justify-content:center}
.admin-table-actions{display:flex;flex-wrap:wrap;gap:6px}.status-chip{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#f2f5fb;border:1px solid var(--line);font-size:.82rem;font-weight:700}
.form-help{font-size:.86rem;color:var(--muted);margin-top:5px}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:900px){.tool-menu-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.tool-menu-grid,.tool-grid,.field-row{grid-template-columns:1fr!important}.tool-menu-button,.tool-grid .tool-link{border-radius:14px!important;justify-content:flex-start!important;text-align:left!important}}

/* Build 025: global navigation button layout */
.nav-pills{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;overflow:visible!important;padding:7px 0!important;margin-left:auto}
.nav-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:8px 13px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:rgba(255,255,255,.82)!important;color:var(--text)!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
.nav-pill:hover,.nav-pill:focus-visible{transform:translateY(-1px);box-shadow:0 7px 18px rgba(47,68,120,.12);border-color:rgba(79,109,245,.42)!important;text-decoration:none!important;outline:none}
.nav-pill.active{border-color:var(--primary)!important;box-shadow:inset 0 -2px 0 var(--primary);background:rgba(79,109,245,.08)!important}
@media(max-width:980px){.nav-pills{order:3;width:100%;margin-left:0!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:thin;padding-bottom:9px!important}.nav-pill{flex:0 0 auto}}

/* Build 046 sponsored placement fallback */
.mt-top-google{box-sizing:border-box;width:min(100%,728px);max-width:728px;margin:18px auto 12px}.mt-top-google[hidden]{display:none!important}.mt-mesra-grid{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:min(100%,728px);max-width:728px;margin:0 auto 22px;align-items:stretch}.mt-sponsored-panel{box-sizing:border-box;display:block;min-width:0;max-width:100%;width:100%;margin:0;padding:8px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72);text-align:center;overflow:hidden}.mt-sponsored-panel[hidden]{display:none!important}.mt-sponsored-inner{box-sizing:border-box;display:grid;place-items:center;gap:5px;width:100%;max-width:100%;height:100%;min-width:0}.mt-sponsored-label,.mt-sponsored-note{font-size:11px;color:var(--muted)}.mt-sponsored-panel a{box-sizing:border-box;display:grid;place-items:center;width:100%;max-width:100%;min-width:0;min-height:72px;line-height:0;overflow:hidden}.mt-sponsored-panel img{box-sizing:border-box;display:block;max-width:100%;width:auto;height:auto;max-height:100px;object-fit:contain;margin:auto;border:0}.mt-lower-google{box-sizing:border-box;width:min(100%,728px);max-width:728px;margin:24px auto}.mt-lower-google[hidden]{display:none!important}@media(max-width:680px){.mt-mesra-grid{grid-template-columns:1fr;max-width:364px;gap:10px}.mt-sponsored-panel img{max-height:100px}}

/* Build 051: governed primary and long-form secondary advertising placement */
.mt-secondary-ad-block{box-sizing:border-box;width:100%;margin:28px auto 30px}
.mt-secondary-ad-block[hidden]{display:none!important}
.mt-secondary-ad-block .mt-lower-google{margin:0 auto 12px}
.mt-secondary-ad-block .mt-mesra-grid{margin:0 auto}
.mt-mesra-grid-secondary{width:min(100%,728px);max-width:728px}

/* Build 052: MesraAdv sticky / anchor bottom unit */
.mt-sticky-anchor{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:9990;box-sizing:border-box;width:min(calc(100vw - 20px),728px);max-width:728px;min-height:54px;padding:6px 38px 6px 6px;border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;background:rgba(255,255,255,.98);box-shadow:0 -8px 28px rgba(16,24,40,.18);backdrop-filter:blur(8px)}
.mt-sticky-anchor[hidden]{display:none!important}.mt-sticky-stage{box-sizing:border-box;display:grid;place-items:center;width:100%;min-height:46px;overflow:hidden}.mt-sticky-stage a{display:grid;place-items:center;width:100%;line-height:0}.mt-sticky-stage img{display:block;max-width:100%;width:auto;height:auto;max-height:90px;object-fit:contain;margin:auto;border:0}.mt-sticky-label{position:absolute;left:9px;top:-17px;padding:2px 7px;border:1px solid var(--line);border-bottom:0;border-radius:7px 7px 0 0;background:rgba(255,255,255,.98);font-size:10px;line-height:14px;color:var(--muted)}.mt-sticky-close{position:absolute;right:7px;top:7px;z-index:2;display:grid;place-items:center;width:27px;height:27px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--text);font-size:19px;line-height:1;cursor:pointer}.mt-sticky-close:hover,.mt-sticky-close:focus-visible{box-shadow:0 4px 12px rgba(16,24,40,.16);outline:2px solid rgba(79,109,245,.3);outline-offset:1px}.mt-sticky-visible body{padding-bottom:112px}@media(max-width:600px){.mt-sticky-anchor{width:calc(100vw - 12px);padding:5px 34px 5px 5px;border-radius:12px 12px 0 0}.mt-sticky-stage img{max-height:70px}.mt-sticky-visible body{padding-bottom:90px}}@media(prefers-reduced-motion:reduce){.mt-sticky-anchor,.mt-sticky-close{transition:none!important}}

/* Build 063 Media Tools family navigation */
.media-family-nav{display:flex;gap:.55rem;overflow-x:auto;padding:.7rem 0;margin:.2rem 0 1rem;scrollbar-width:thin}.media-family-nav a{white-space:nowrap;padding:.55rem .8rem;border:1px solid rgba(100,116,139,.25);border-radius:999px;text-decoration:none;background:rgba(255,255,255,.72);color:inherit;font-size:.92rem}.media-family-nav a:hover,.media-family-nav a:focus{transform:translateY(-1px);box-shadow:0 6px 18px rgba(15,23,42,.10)}.media-family-nav a.active{font-weight:700;border-color:currentColor}.converter-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.drop-zone{border:2px dashed rgba(100,116,139,.45);border-radius:18px;padding:2rem;text-align:center;cursor:pointer}.drop-zone.drag{border-color:#2563eb;background:rgba(37,99,235,.06)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.preview-card img{max-width:100%;max-height:260px;object-fit:contain;border-radius:12px}.status-chip{display:inline-block;padding:.25rem .55rem;border-radius:999px;background:rgba(22,163,74,.12);font-size:.82rem}.converter-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.7rem}.converter-directory a,.converter-directory span{padding:.75rem;border:1px solid rgba(100,116,139,.22);border-radius:12px;text-decoration:none;color:inherit}.converter-directory .planned{opacity:.62}.media-search{width:100%;max-width:620px;padding:.8rem 1rem;border-radius:12px;border:1px solid rgba(100,116,139,.35);margin:.5rem 0 1rem}

/* Build 085 Central Smart Search */
.global-search{position:relative}.search-results{position:absolute;z-index:120;width:100%;left:0;right:0;top:calc(100% + 8px);background:var(--card,#fff);border:1px solid var(--line,#dfe5f1);border-radius:16px;box-shadow:0 18px 45px rgba(32,52,91,.16);overflow:hidden;text-align:left;max-height:min(70vh,540px);overflow-y:auto}.search-results[hidden]{display:none}.search-results a{display:flex;flex-direction:column;gap:3px;padding:11px 14px;color:var(--text,#17233c);text-decoration:none;border-bottom:1px solid var(--line,#edf0f6)}.search-results a:hover,.search-results a[aria-selected="true"],.search-results a:focus-visible{background:rgba(79,109,245,.08);outline:none}.search-results strong{font-size:.96rem}.search-results span{font-size:.82rem;color:var(--muted,#667085);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-results mark{background:rgba(255,205,69,.38);color:inherit;padding:0;border-radius:3px}.search-empty{padding:14px;color:var(--muted,#667085)}.search-view-all{background:rgba(79,109,245,.045)}.search-page-form{display:flex;gap:10px;align-items:center}.search-page-form input{flex:1}.search-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.search-filter{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 12px}.search-filter[aria-pressed="true"]{box-shadow:inset 0 0 0 1px currentColor}.search-result-list{display:grid;gap:11px}.search-result-card{display:block;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--card);color:var(--text);text-decoration:none}.search-result-meta{font-size:.82rem;color:var(--muted);margin-bottom:5px}.search-result-card p{margin:.35rem 0 0;color:var(--muted)}@media(max-width:560px){.search-page-form{align-items:stretch;flex-direction:column}.search-page-form .btn{width:100%}.search-results{max-height:60vh}}

/* Build 146 — make every top-level category, especially Audio, visibly discoverable. */
.audio-home-entry{background:linear-gradient(135deg,rgba(79,109,245,.08),rgba(124,92,255,.08),rgba(255,255,255,.88));border-color:rgba(79,109,245,.22)}
.audio-home-entry .actions{display:flex;gap:10px;flex-wrap:wrap}
.audio-home-button{min-width:180px}
@media (min-width:900px){
  .site-header .nav-pills,.nav-pills{flex-wrap:wrap!important;overflow-x:visible!important;justify-content:flex-end}
}
@media (max-width:899px){
  .nav-pills{overflow-x:auto}
  .audio-home-entry .btn{width:100%;justify-content:center}
}

/* Build 147 — Word & Puzzle guidance, examples and accessible result states */
.word-feedback{padding:12px 14px;border-radius:13px;border:1px solid var(--line);font-weight:750;background:rgba(255,255,255,.78)}
.word-feedback.is-success{color:#08783e;background:rgba(22,163,74,.10);border-color:rgba(22,163,74,.32)}
.word-feedback.is-error{color:#b42318;background:rgba(220,38,38,.09);border-color:rgba(220,38,38,.28)}
.word-feedback.is-warning{color:#9a5a00;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.36)}
.word-feedback.is-info{color:var(--text);background:rgba(79,109,245,.07);border-color:rgba(79,109,245,.18)}
.word-demo{border:1px dashed rgba(79,109,245,.34);background:linear-gradient(135deg,rgba(79,109,245,.06),rgba(124,92,255,.06));border-radius:16px;padding:15px}
.word-demo code{font-weight:800}
.word-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.word-result-meta{font-size:.88rem;color:var(--muted);margin-top:8px}
.word-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.word-result-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.word-chip{display:inline-flex;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.82);font-weight:750}
@media(max-width:760px){.word-guide-grid,.word-filter-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.word-feedback,.word-chip{transition:none!important}}

/* Build 151 — Mesra Word Workspace */
.word-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:18px;align-items:start}
.word-solver-panel{border:1px solid rgba(79,109,245,.18);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,249,255,.96));box-shadow:0 18px 48px rgba(42,61,110,.08)}
.word-input-hero label{display:block;font-weight:850;margin-bottom:8px}.word-input-hero input{font-size:1.2rem;letter-spacing:.06em;min-height:54px}
.word-filter-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.word-filter-bar label{font-size:.82rem;font-weight:800}.word-filter-bar input,.word-filter-bar select{width:100%;margin-top:5px}
.word-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.word-quick-help{position:sticky;top:96px}
.word-example-strip{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.word-example-chip{border:1px solid rgba(79,109,245,.18);background:rgba(79,109,245,.07);border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:750}
.word-result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 10px}
.word-learning-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.word-learning-layout>div{border:1px solid #e3e9f2;border-radius:14px;padding:16px;background:rgba(255,255,255,.78)}.word-learning-layout h3{margin-top:0}
.word-dictionary-note{border-left:4px solid #d88a19;background:#fff8ec;padding:12px 14px;border-radius:10px;margin-top:14px}
@media(max-width:900px){.word-workspace{grid-template-columns:1fr}.word-quick-help{position:static}.word-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.word-filter-bar,.word-learning-layout{grid-template-columns:1fr}.word-action-row .btn{width:100%;justify-content:center}}

/* Build 153 — visually inspected Word UX refinement */
.word-page .header-shell{min-height:64px;gap:10px}
.word-page .nav-pills{gap:4px}
.word-page .nav-pill{padding:7px 9px;font-size:.80rem;border-radius:12px}
.word-page .lang-select{min-width:86px;padding:7px 8px}
.word-page .hero{padding:30px 0 16px}
.word-page .hero h1{font-size:clamp(1.9rem,4vw,3rem);margin-top:.25em}
.word-page .hero .lead{margin-bottom:0}
.word-page .gemini-search{margin:16px 0 4px;max-width:720px}
.word-page .gemini-search input{height:52px;border-radius:18px}
.word-subnav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:6px 0 20px;padding:4px 0 7px}
.word-subnav::-webkit-scrollbar{display:none}
.word-subnav-link{flex:0 0 auto;display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.82);color:var(--text);font-size:.84rem;font-weight:750;text-decoration:none;box-shadow:0 5px 14px rgba(47,68,120,.05);transition:.18s ease}
.word-subnav-link:hover,.word-subnav-link.is-active{border-color:rgba(79,109,245,.35);background:rgba(79,109,245,.09);box-shadow:0 7px 20px rgba(47,68,120,.10);text-decoration:none;transform:translateY(-1px)}
.word-primary-surface,.word-tool-primary{margin-top:0}
.word-tool-primary,.word-solver-panel{border-color:rgba(79,109,245,.22);box-shadow:0 18px 44px rgba(47,68,120,.09)}
.word-tool-primary h2,.word-solver-panel h2{font-size:1.35rem}
.word-tool-primary input,.word-tool-primary select{min-height:50px}
.word-sponsored-after-tool{margin-top:20px}
.word-sponsored-after-tool .mt-top-google{margin-top:0}
.word-sponsored-after-tool .mt-mesra-grid{margin-top:12px}
.word-page .mt-sponsored-panel{min-height:112px}
.word-page .content-card{margin:18px 0}
.word-page .word-learning-layout>div{min-height:130px}
.word-page .word-dictionary-note{font-size:.92rem}
.word-page .output{min-height:68px}
.word-page .word-result-meta{font-size:.88rem;color:var(--muted)}
@media(min-width:1100px){
 .word-page .header-shell{flex-wrap:nowrap}
 .word-page .nav-pills{flex:1 1 auto;justify-content:flex-end;overflow:visible}
}
@media(max-width:1099px){
 .word-page .header-shell{flex-wrap:wrap}
 .word-page .nav-pills{order:3;width:100%;margin-left:0;padding-bottom:7px}
 .word-page .header-actions{margin-left:auto}
}
@media(max-width:720px){
 .word-page .hero{padding-top:22px}
 .word-page .nav-pill{font-size:.82rem}
 .word-subnav{margin-bottom:14px}
 .word-page .word-workspace{gap:12px}
}
@media(prefers-reduced-motion:reduce){
 .word-subnav-link{transition:none}
 .word-subnav-link:hover,.word-subnav-link.is-active{transform:none}
}

/* Build 154 — Word results experience */
.word-results-shell{margin-top:16px}
.word-result-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}
.word-result-toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.word-result-meta{font-size:.86rem;color:var(--muted)}
.word-length-tabs{display:flex;gap:7px;flex-wrap:wrap}
.word-length-tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;font-weight:750;font-size:.82rem;cursor:pointer}
.word-length-tab span{opacity:.65;margin-left:3px}
.word-length-tab:hover,.word-length-tab.is-active{border-color:rgba(79,109,245,.36);background:rgba(79,109,245,.09)}
.word-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:9px}
.word-result-card{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #e1e7f0;border-radius:14px;padding:11px 12px;background:#fff;box-shadow:0 6px 16px rgba(47,68,120,.04)}
.word-result-card strong{display:block;font-size:1rem;letter-spacing:.015em}
.word-result-card small{display:block;margin-top:2px;color:var(--muted);font-size:.76rem}
.word-copy-btn{border:1px solid rgba(79,109,245,.22);background:rgba(79,109,245,.07);border-radius:9px;padding:6px 8px;font-size:.76rem;font-weight:750;cursor:pointer}
.word-copy-btn:hover{background:rgba(79,109,245,.13)}
.word-result-state{display:grid;gap:4px;border-radius:14px;padding:16px;border:1px solid var(--line);background:#fff}
.word-result-state strong{font-size:1rem}
.word-result-state span{color:var(--muted);font-size:.9rem}
.word-result-state.is-empty{border-left:4px solid #d88a19;background:#fffaf1}
.word-result-state.is-ready{border-left:4px solid #4f6df5;background:#f7f9ff}
.word-result-state.is-error{border-left:4px solid #b42318;background:#fff6f5}
.word-results-help{margin-top:8px;font-size:.82rem;color:var(--muted)}
@media(max-width:600px){
 .word-result-grid{grid-template-columns:1fr 1fr}
 .word-result-toolbar{align-items:flex-start}
}
@media(max-width:420px){.word-result-grid{grid-template-columns:1fr}}

/* Build 155 — Word dataset governance */
.word-data-notice{margin:10px 0 14px;padding:9px 11px;border:1px solid #dfe6f2;border-radius:11px;background:#f8faff;color:var(--muted);font-size:.82rem}