html body[data-preview-page] main{min-height:55vh}
html body[data-preview-page]:not([data-preview-page="home"]) main{padding-top:110px}
html body[data-preview-page]:not([data-preview-page="home"]) main>.section:first-child,html body[data-preview-page="news"] main>.block-orn{padding-top:0!important}
html body[data-preview-page] h1{font-size:clamp(30px,3vw,46px);line-height:1.2;color:var(--ink);margin:0}
html body[data-preview-page="home"] .hero h1{font-size:clamp(34px,3vw,54px)}
html body[data-preview-page] #yangiliklar{margin-top:0!important}
html body[data-preview-page] .page-more{text-align:center;margin-top:28px}
html body[data-preview-page] .catalog-filters{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) auto;gap:16px;padding:24px;background:var(--preview-card);border:1px solid var(--preview-line);border-radius:16px;align-items:end;margin:28px 0 16px}
.catalog-filters label{display:grid;gap:8px;min-width:0;font-size:13px;color:var(--ink-2)}
.catalog-filters input,.catalog-filters select{width:100%;min-width:0;height:48px;border:1px solid var(--preview-line);background:var(--preview-card);color:var(--ink);border-radius:9px;padding:0 12px;font:inherit}
.catalog-filters input:focus,.catalog-filters select:focus{outline:2px solid var(--action);outline-offset:2px}
#course-count{color:var(--ink-2);font-size:14px;margin:0 0 24px}
.page-intro{color:var(--ink-2);margin:12px 0 32px;line-height:1.6}
html body[data-preview-page="home"] #news-grid{grid-template-rows:repeat(2,minmax(150px,auto))}
html body[data-preview-page="home"] #news-grid .news-card:first-child{grid-row:1/span 2;min-height:340px}
html body[data-preview-page="news"] #news-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto}
html body[data-preview-page="news"] #news-grid .news-card,html body[data-preview-page="news"] #news-grid .news-card:first-child{grid-column:auto;grid-row:auto;display:flex;flex-direction:column;position:relative;min-height:0;border:1px solid var(--preview-line)!important;border-radius:16px;background:var(--preview-card)!important;gap:0}
html body[data-preview-page="news"] #news-grid .news-cover,html body[data-preview-page="news"] #news-grid .news-card:first-child .news-cover{position:relative;inset:auto;width:100%;height:auto;min-height:0;aspect-ratio:16/10;border-radius:0;display:block}
html body[data-preview-page="news"] #news-grid .news-cover::after{display:none}
html body[data-preview-page="news"] #news-grid .news-body,html body[data-preview-page="news"] #news-grid .news-card:first-child .news-body{position:static;flex:1;left:auto;right:auto;bottom:auto;padding:22px;border:0;justify-content:flex-start}
html body[data-preview-page="news"] #news-grid .news-card h3{font-size:18px;line-height:1.5;color:var(--ink);margin:0 0 16px}
html body[data-preview-page="news"] #news-grid .news-date{color:var(--ink-3)}
html body[data-preview-page="news"] #news-grid .news-more{margin-top:auto;color:var(--action)}
html body[data-preview-page="news"] #news-grid .news-badge{display:none}
#news-pager{gap:20px;color:var(--ink-2)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-card{padding:32px;background:var(--preview-card);border:1px solid var(--preview-line);border-radius:18px}
.contact-card>span{color:var(--ink-3);font-size:14px}
.contact-card h2{font-size:clamp(21px,2vw,30px);line-height:1.4;margin:14px 0;color:var(--ink);overflow-wrap:anywhere}
.contact-card p{color:var(--ink-2)}
.contact-card a{color:var(--action)}
.contact-address{grid-column:1/-1}
.contact-source{font-size:13px;color:var(--ink-3);margin-top:18px}
#preview-footer-links{display:flex;gap:18px 28px;flex-wrap:wrap;align-content:start;color:var(--ink-2)}
html body[data-preview-page] .footer-top{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,1.5fr);gap:60px}
html body[data-preview-page] .footer .fb-links:empty{display:none}
@media(max-width:1000px){html body[data-preview-page] .catalog-filters{grid-template-columns:1fr 1fr}html body[data-preview-page="news"] #news-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){html body[data-preview-page]:not([data-preview-page="home"]) main{padding-top:98px}html body[data-preview-page] .catalog-filters{grid-template-columns:minmax(0,1fr);padding:18px}html body[data-preview-page="news"] #news-grid{grid-template-columns:minmax(0,1fr)}html body[data-preview-page="home"] #news-grid{grid-template-rows:auto}html body[data-preview-page="home"] #news-grid .news-card:first-child{grid-row:auto;min-height:340px}.contact-grid{grid-template-columns:minmax(0,1fr)}.contact-card{padding:24px}html body[data-preview-page] .footer-top{grid-template-columns:1fr;gap:28px}}
html body[data-preview-page="news"] #news-grid .news-card:first-child .news-date{color:var(--ink-3)}
html body[data-preview-page="news"] #news-grid .news-card:first-child .news-more{color:var(--action)}
html body[data-preview-page="news"] #news-grid .news-card:first-child .news-badge{display:none!important}
html body[data-preview-page="contact"] .contact-section{background:transparent!important}
html body[data-preview-page="home"] #yangiliklar{margin-top:48px!important}
html body[data-preview-page="home"] #faq-list>*:nth-child(n+5){display:none}
@media(max-width:600px){html body[data-preview-page="home"] #yangiliklar{margin-top:32px!important}}
/* Compact contact information and the official institute map. */
html body[data-preview-page="contact"] .contact-section>.wrap{max-width:1320px}
.contact-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:stretch}
.contact-details{padding:10px 0}
.contact-intro{margin:16px 0 28px;color:var(--ink-2);line-height:1.65;font-size:16px}
.contact-line{padding:17px 0;border-top:1px solid var(--preview-line)}
.contact-line>span{display:block;color:var(--ink-3);font-size:12px;margin-bottom:7px}
.contact-line>a{color:var(--ink);font-size:clamp(20px,1.7vw,26px);font-weight:600;text-decoration:none}
.contact-line>a:hover{color:var(--action)}
.contact-line>p{margin:0;color:var(--ink);line-height:1.6;font-size:16px}
.contact-details>.btn{margin-top:10px;border-radius:10px;box-shadow:none}
.contact-map{position:relative;min-height:460px;border:1px solid var(--preview-line);border-radius:20px;overflow:hidden;background:var(--preview-card)}
.contact-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.contact-map-caption{position:absolute;bottom:16px;left:16px;right:16px;display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--preview-card);border:1px solid var(--preview-line);border-radius:12px;pointer-events:none}
.contact-map-caption b{display:block;color:var(--ink);font-size:14px}
.contact-map-caption small{display:block;color:var(--ink-2);margin-top:3px}
html body[data-preview-page="contact"] #faq>.wrap{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:0 48px;max-width:1320px;border-top:1px solid var(--preview-line);padding-top:40px}
html body[data-preview-page="contact"] #faq .section-head{grid-column:1;grid-row:1/span 3;text-align:left;margin:0}
html body[data-preview-page="contact"] #faq .section-head h2{font-size:clamp(24px,2.3vw,34px);line-height:1.25}
html body[data-preview-page="contact"] #faq .eyebrow{display:none}
html body[data-preview-page="contact"] #faq .section-head p{font-size:14px}
html body[data-preview-page="contact"] #faq-tabs,html body[data-preview-page="contact"] #faq-list,html body[data-preview-page="contact"] #faq-more{grid-column:2;max-width:none;width:100%;margin:0}
html body[data-preview-page="contact"] #faq-tabs{justify-content:flex-start;gap:6px;margin-bottom:20px}
html body[data-preview-page="contact"] .faq-tab{font-size:12px;padding:8px 12px}
html body[data-preview-page="contact"] #faq-more{margin-top:18px}
@media(max-width:800px){.contact-layout{grid-template-columns:minmax(0,1fr);gap:24px}.contact-map{min-height:340px}.contact-details{padding:0}html body[data-preview-page="contact"] #faq>.wrap{display:block;padding-top:28px}html body[data-preview-page="contact"] #faq .section-head{margin-bottom:22px}}
@media(max-width:600px){.contact-intro{font-size:14px}.contact-line>a{font-size:22px}.contact-map{min-height:300px}.contact-map-caption{left:10px;right:10px;bottom:10px;padding:12px}.contact-details>.btn{min-height:44px}.contact-details .contact-source{font-size:12px}}

/* Keep theme scenes on the same plane; fade lighting without moving the frame. */
body[data-preview-page="home"] .hero .hero-photo{background-image:url("assets/hero-scene-day-v2.jpg")!important;transform:none!important;overflow:hidden;transition:none}
body[data-preview-page="home"] .hero .hero-photo .hero-night-layer{content:"";position:absolute;inset:0;background:url("assets/hero-scene-night-v3.png") 58% 42% / cover no-repeat;opacity:0;transition:opacity .65s ease-in-out;pointer-events:none}
html[data-theme="dark"] body[data-preview-page="home"] .hero .hero-photo .hero-night-layer{opacity:1}
@media(prefers-reduced-motion:reduce){body[data-preview-page="home"] .hero .hero-photo .hero-night-layer{transition:none}}

/* Fill portrait-cover sidebars with a quiet blurred copy; retain all cover text. */
body[data-preview-page] :is(#courses-grid,#popular-grid) :is(.cover,.pcover){overflow:hidden;isolation:isolate}
body[data-preview-page] :is(#courses-grid,#popular-grid) .cover-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.18);filter:blur(18px);opacity:.55;z-index:0;pointer-events:none}
body[data-preview-page] :is(#courses-grid,#popular-grid) .cover-photo{object-fit:contain!important;background:transparent!important;z-index:1;transform:none!important}
body[data-preview-page] :is(#courses-grid,#popular-grid) .has-photo{background:var(--preview-card)!important}
body[data-preview-page] :is(#courses-grid,#popular-grid) .has-photo::after{display:none!important}
body[data-preview-page] :is(#courses-grid,#popular-grid) .cover-chip{z-index:3}
.source-language-note{font-size:13px;color:var(--muted);margin:0 0 18px}
html[lang="uz"] .source-language-note{display:none}

/* Night palette: neutral midnight surfaces and restrained blue accents. */
html[data-theme="dark"]{
 --preview-page:#0b1220;--preview-card:#141f30;--preview-header:#141f30;--preview-line:#29374b;
 --bg:#0b1220!important;--surface:#141f30!important;--surface-2:#101a29!important;--surface-3:#1c2a3e!important;
 --ink:#edf1f7!important;--ink-2:#bcc5d3!important;--ink-3:#98a6ba!important;--muted:#98a6ba;
 --border:#29374b;--border-strong:#3b4b63;--glass:rgba(20,31,48,.96);
 --action:#91b7ec!important;--action-600:#b5cef2!important;--brand:#91b7ec!important;--brand-tint:#1c2c43;
}
html[data-theme="dark"] body[data-preview-page]::before{background:radial-gradient(ellipse at 50% 12%,#101d31 0%,#0b1220 65%)!important}
html[data-theme="dark"] body[data-preview-page]::after{opacity:.10!important;filter:brightness(1.5) saturate(.35)}
html[data-theme="dark"] body[data-preview-page] #hdr::before{background:#141f30!important;border-color:#29374b!important}
html[data-theme="dark"] body[data-preview-page] .hero h1 .accent{color:#aec9ef!important}
html[data-theme="dark"] body[data-preview-page] .hero-eyebrow{color:#a6bad5!important}
html[data-theme="dark"] body[data-preview-page] :is(.btn-primary,#account-btn){background:#2864c5!important;color:#fff!important;border-color:#3b75d1!important;box-shadow:none!important}
html[data-theme="dark"] body[data-preview-page] :is(.btn-primary,#account-btn):hover{background:#3270d3!important}
html[data-theme="dark"] body[data-preview-page] .hero .hero-cta .btn-ghost{background:#141f30;color:var(--ink);border-color:#34445d}
html[data-theme="dark"] body[data-preview-page] #partners .partner{background:#cbd4df!important;border-color:#b9c4d2!important;box-shadow:none!important}
html[data-theme="dark"] body[data-preview-page] #partners .partner img{filter:brightness(.88)}
html[data-theme="dark"] body[data-preview-page] :is(.help-fab,.back-top){background:#2864c5!important;color:#fff!important;box-shadow:0 4px 16px #0004!important}
@media(max-width:760px){html[data-theme="dark"] body[data-preview-page]::after{opacity:.07!important}}