@font-face{font-family:Z28DiscoveryKhmer;src:url("discovery-assets/khmer-400.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+1780-17FF,U+19E0-19FF}@font-face{font-family:Z28DiscoveryKhmer;src:url("discovery-assets/khmer-600.woff2") format("woff2");font-weight:600;font-display:swap;unicode-range:U+1780-17FF,U+19E0-19FF}
#z28-discovery{font-family:Arial,Z28DiscoveryKhmer,sans-serif}
/* Public education only. Existing ivory website styles remain untouched. */
#z28-discovery{--discover-bg:#fffdf8;--discover-ink:#293b46;--discover-line:#ddd4c6;--discover-accent:#805d43;--discover-muted:#5c655f;margin:24px 0 36px;padding:24px;border:1px solid var(--discover-line);border-radius:16px;background:var(--discover-bg);color:var(--discover-ink);text-align:left}
html[data-theme=dark] #z28-discovery{--discover-bg:#1c2c37;--discover-ink:#f3eee5;--discover-line:#49606e;--discover-accent:#dec39d;--discover-muted:#bdc9cf}
#z28-discovery *{box-sizing:border-box}
#z28-discovery [hidden]{display:none!important}
#z28-discovery button,#z28-discovery input,#z28-discovery select{font:inherit}
#z28-discovery button{cursor:pointer}
#z28-discovery .z28-discovery-toolbar{display:flex;gap:22px;align-items:end;justify-content:space-between}
#z28-discovery .z28-discovery-highlight,#z28-discovery .z28-discovery-search button,#z28-discovery .z28-discovery-more{padding:11px 18px;border:1px solid var(--discover-accent);border-radius:9px;color:var(--discover-bg);background:var(--discover-accent)}
#z28-discovery .z28-discovery-highlight[aria-pressed=false]{background:transparent;color:var(--discover-accent)}
#z28-discovery .z28-discovery-search{flex:1;max-width:740px;margin:0}
#z28-discovery label{display:block;margin-bottom:7px;font-size:13px;color:var(--discover-muted)}
#z28-discovery .z28-discovery-search>div{display:flex;gap:8px}
#z28-discovery input,#z28-discovery select{min-width:0;padding:11px;border:1px solid var(--discover-line);border-radius:9px;background:var(--discover-bg);color:var(--discover-ink)}
#z28-discovery input{flex:1;width:100%}
#z28-discovery input::placeholder{color:var(--discover-muted);opacity:1}
#z28-discovery h3{margin:26px 0 7px;color:var(--discover-ink);font-size:22px}
#z28-discovery .z28-discovery-status{font-size:14px;color:var(--discover-muted);margin:0 0 20px}
#z28-discovery .z28-discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#z28-discovery .z28-discovery-card{margin:0;padding:0;min-width:0;border:1px solid var(--discover-line);border-radius:12px;overflow:hidden;background:var(--discover-bg)}
#z28-discovery .z28-discovery-card>button{display:block;border:0;padding:0 0 16px;width:100%;background:transparent;color:var(--discover-ink);text-align:left}
#z28-discovery .z28-discovery-media{display:block;position:relative;aspect-ratio:16/9;background:#dde7eb}
#z28-discovery .z28-discovery-media img{width:100%;height:100%;object-fit:contain;display:block}
#z28-discovery .z28-discovery-play{position:absolute;bottom:10px;right:10px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#293b46;color:white}
#z28-discovery .z28-discovery-category{display:block;font-size:12px;color:var(--discover-accent);padding:12px 14px 5px}
#z28-discovery .z28-discovery-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.8;padding:0 14px;font-size:15px}
#z28-discovery .z28-discovery-more{display:block;margin:20px auto 0}
#z28-discovery :focus-visible{outline:3px solid #6699b7;outline-offset:3px}
@media(max-width:900px){#z28-discovery .z28-discovery-toolbar{align-items:stretch;flex-direction:column}#z28-discovery .z28-discovery-highlight{align-self:start}}
@media(max-width:600px){#z28-discovery{padding:16px}#z28-discovery .z28-discovery-grid{grid-template-columns:1fr}#z28-discovery .z28-discovery-search>div{flex-wrap:wrap}#z28-discovery input{flex-basis:100%}#z28-discovery select{flex:1}}

/* Quick Start Hub — Option 3, scoped to the new top section. */
html body #z28-discovery{width:calc(100% - 80px);max-width:1440px;margin:22px auto 28px;padding:22px 26px;background:var(--discover-bg);border-radius:18px;position:relative;z-index:2}
#z28-discovery .z28-discovery-toolbar{display:block}
#z28-discovery .z28-discovery-search{max-width:none;width:100%}
#z28-discovery .z28-discovery-search label{font-size:12px}
#z28-discovery input,#z28-discovery select,#z28-discovery button{min-height:44px}
#z28-discovery .z28-hub-top{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:18px}
#z28-discovery .z28-hub-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}
#z28-discovery .z28-hub-tile{position:relative;text-decoration:none;border:1px solid var(--discover-line);border-radius:14px;padding:16px 18px;background:var(--discover-bg);color:var(--discover-ink);display:flex;align-items:flex-start;flex-direction:column;gap:7px;min-width:0;text-align:left;transition:box-shadow .2s}
#z28-discovery .z28-hub-tile strong{color:var(--discover-ink);font-size:18px;line-height:1.5}
#z28-discovery .z28-hub-tutorial{background:#e6f2f8;border-color:#c6dce9}
#z28-discovery .z28-hub-icon{width:32px;height:32px;display:grid;place-items:center;color:#285b7a;background:#dcebf3;border-radius:10px}
#z28-discovery .z28-hub-tutorial .z28-hub-icon{color:#fff;background:#b92222}
#z28-discovery .z28-hub-copy{font-size:13px;line-height:1.7;color:var(--discover-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:12px}
#z28-discovery .z28-hub-arrow{position:absolute;right:14px;bottom:14px;color:var(--discover-accent)}
#z28-discovery .z28-hub-companies{border:1px solid var(--discover-line);border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;justify-content:center;min-width:0}
#z28-discovery .z28-hub-companies h3{font-size:18px;margin:0 0 14px;line-height:1.5}
#z28-discovery .z28-hub-company-links{display:flex;gap:10px}
#z28-discovery .z28-hub-company-links a{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 6px;border:1px solid var(--discover-line);border-radius:9px;color:var(--discover-ink);background:var(--discover-bg);text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}
#z28-discovery .z28-hub-companies p{color:var(--discover-muted);font-size:12px;margin:10px 0 0}
#z28-discovery .z28-hub-tile:hover,#z28-discovery .z28-hub-company-links a:hover{box-shadow:0 3px 12px #263c4b18;border-color:#9ebaca}
#z28-discovery .z28-hub-panel{margin-top:20px;padding-top:18px;border-top:1px solid var(--discover-line)}
#z28-discovery .z28-hub-result-actions{display:flex;gap:10px;justify-content:flex-end}
#z28-discovery .z28-hub-result-actions button{border:1px solid var(--discover-line);border-radius:8px;background:var(--discover-bg);color:var(--discover-ink);padding:8px 12px}
html[data-theme=dark] #z28-discovery .z28-hub-tutorial{background:#294555;border-color:#496978}
html[data-theme=dark] #z28-discovery .z28-hub-icon{background:#375362;color:#e8f4fb}
@media(max-width:900px){html body #z28-discovery{width:calc(100% - 36px);padding:18px}#z28-discovery .z28-hub-top{grid-template-columns:1fr}}
@media(max-width:600px){html body #z28-discovery{width:calc(100% - 24px);margin:12px auto 18px;padding:14px;border-radius:14px}#z28-discovery .z28-hub-top{gap:12px;margin-top:12px}#z28-discovery .z28-hub-tiles{gap:10px}#z28-discovery .z28-hub-tile{padding:12px;gap:6px}#z28-discovery .z28-hub-tile strong{font-size:16px}#z28-discovery .z28-hub-copy{font-size:12px}#z28-discovery .z28-hub-companies{padding:12px}#z28-discovery .z28-hub-companies h3{font-size:16px;margin-bottom:10px}#z28-discovery .z28-hub-company-links{gap:7px}#z28-discovery .z28-hub-company-links a{font-size:13px}}
@media(prefers-reduced-motion:reduce){#z28-discovery .z28-hub-tile{transition:none}}
#z28-discovery .z28-hub-tutorial .z28-hub-copy{display:block;overflow:visible;padding-right:14px}
html body .language-switch button[lang=km]{font-family:Z28DiscoveryKhmer,Arial,sans-serif}

/* Framed media tiles: landscape video artwork inside a portrait-style card. */
#z28-discovery .z28-hub-top{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:center}
#z28-discovery .z28-hub-tile{padding:0 12px 30px;gap:10px;overflow:hidden;align-self:stretch;background:var(--discover-bg);border-radius:14px;box-shadow:0 4px 14px #00000009}
#z28-discovery .z28-hub-tile strong{align-self:stretch;margin:0 -12px;padding:12px;background:#46677d;color:#fff;font-size:16px;line-height:1.5}
#z28-discovery .z28-hub-thumb{display:block;position:relative;align-self:stretch;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--discover-line);border-radius:8px;background:#e6edf1}
#z28-discovery .z28-hub-thumb img{display:block;width:100%;height:100%;object-fit:contain}
#z28-discovery .z28-hub-thumb-play{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:28px;height:28px;background:#1d3449dd;color:#fff;border-radius:50%;font-size:13px}
#z28-discovery .z28-hub-tile .z28-hub-copy{padding:0;line-height:1.8;font-size:13px;-webkit-line-clamp:3}
#z28-discovery .z28-hub-tutorial .z28-hub-copy{display:block}
html[data-theme=dark] #z28-discovery .z28-hub-tile strong{background:#243d4d;color:#f4eee3}
html[data-theme=dark] #z28-discovery .z28-hub-tile{background:#243342}
@media(max-width:900px){#z28-discovery .z28-hub-top{grid-template-columns:1fr}}
@media(max-width:600px){#z28-discovery .z28-hub-tile{padding:0 8px 28px;gap:8px}#z28-discovery .z28-hub-tile strong{margin:0 -8px;padding:10px 8px;font-size:14px;min-height:62px;display:flex;align-items:center}#z28-discovery .z28-hub-tile .z28-hub-copy{font-size:12px}#z28-discovery .z28-hub-thumb-play{width:23px;height:23px;font-size:11px}}

/* Single partner logo, readable in both themes. */
#z28-discovery .z28-hub-company-links .z28-lirunex-link{flex:0 1 100%;min-height:80px;gap:18px;background:#fff;color:#253746;padding:12px 20px}
#z28-discovery .z28-lirunex-link img{display:block;width:150px;height:60px;max-width:calc(100% - 40px);object-fit:contain}
#z28-discovery .z28-lirunex-link:focus-visible{outline:3px solid #5a91b2;outline-offset:3px}

/* Membership shortcuts below the top highlight content. */
.z28-top-membership{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;padding-top:22px;border-top:1px solid #b8cbd2}
.z28-top-membership a{display:flex;align-items:center;justify-content:center;min-height:52px;padding:14px 26px;border:1px solid #9b7658;border-radius:12px;font:inherit;font-weight:700;font-size:clamp(16px,1.25vw,20px);line-height:1.5;text-decoration:none;text-align:center;box-sizing:border-box}
.z28-top-membership .z28-member-apply{background:#d4b298;color:#201c18}
.z28-top-membership .z28-member-signin{background:transparent;color:inherit;border-color:currentColor}
.z28-top-membership a:hover{box-shadow:0 4px 14px #0002}
.z28-top-membership a:focus-visible{outline:3px solid #2586b0;outline-offset:4px}
@media(max-width:640px){.z28-top-membership{flex-direction:column;gap:12px;margin-top:18px;padding-top:18px}.z28-top-membership a{width:100%;padding:14px 16px;min-height:52px}}

/* Membership guide: three readable cards and a compact partner strip. */
#z28-discovery .z28-hub-top{grid-template-columns:minmax(0,1fr);align-items:stretch}
#z28-discovery .z28-hub-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#z28-discovery .z28-hub-companies{display:grid;grid-template-columns:1fr minmax(180px,300px) auto;align-items:center;gap:20px}
#z28-discovery .z28-hub-companies h3,#z28-discovery .z28-hub-companies p{margin:0}
#z28-discovery .z28-hub-thumb-play{width:44px;height:44px;font-size:20px}
#z28-discovery .z28-hub-membership strong{background:#805d43}
.z28-tutorial-dialog{width:min(960px,calc(100% - 24px));max-width:960px;max-height:calc(100dvh - 24px);padding:0;border:1px solid #bda88e;border-radius:16px;background:#fffdf8;color:#293b46;overflow:auto;font-family:Arial,Z28DiscoveryKhmer,sans-serif}
.z28-tutorial-dialog::backdrop{background:#12232dcc}
.z28-tutorial-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px}
.z28-tutorial-header h2{font-size:clamp(16px,2.5vw,24px);line-height:1.5;margin:0}
.z28-tutorial-header button{flex-shrink:0;min-height:44px;padding:10px 16px;border:1px solid #bda88e;border-radius:8px;background:#f2e9de;color:#293b46;font:inherit;cursor:pointer}
.z28-tutorial-player{aspect-ratio:16/9;width:100%;background:#000}
.z28-tutorial-player iframe{display:block;border:0;width:100%;height:100%}
.z28-tutorial-hint{margin:0;padding:12px 16px;font-size:14px;line-height:1.5}
.z28-tutorial-dialog :focus-visible{outline:3px solid #2586b0;outline-offset:2px}
@media(max-width:700px){#z28-discovery .z28-hub-tiles{grid-template-columns:1fr}#z28-discovery .z28-hub-companies{display:flex;align-items:stretch;gap:12px}#z28-discovery .z28-hub-tile strong{min-height:0;font-size:17px}#z28-discovery .z28-hub-tile .z28-hub-copy{font-size:14px}.z28-tutorial-header{padding:12px;gap:10px}}

/* Two partner links; wraps within the existing company strip on small screens. */
#z28-discovery .z28-hub-company-links{display:flex;flex-wrap:wrap;gap:12px;min-width:0}
#z28-discovery .z28-hub-company-links .z28-lirunex-link,
#z28-discovery .z28-hub-company-links .z28-gtc-link{box-sizing:border-box;flex:1 1 160px;min-width:0;min-height:96px;gap:12px;padding:12px;background:#fff;color:#253746}
#z28-discovery .z28-hub-company-links .z28-gtc-link{background:#06111e;color:#fff}
#z28-discovery .z28-hub-company-links img{display:block;width:150px;height:76px;max-width:calc(100% - 30px);object-fit:contain}
#z28-discovery .z28-gtc-link:focus-visible{outline:3px solid #5a91b2;outline-offset:3px}
@media(max-width:600px){#z28-discovery .z28-hub-company-links{width:100%}}

@media(min-width:761px){#z28-discovery .z28-hub-companies{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,480px) auto;align-items:center;gap:20px}}
@media(max-width:760px){#z28-discovery .z28-hub-companies{display:flex;flex-direction:column;align-items:stretch;gap:12px}#z28-discovery .z28-hub-company-links .z28-lirunex-link,#z28-discovery .z28-hub-company-links .z28-gtc-link{flex:1 1 120px}}