/* Ilmdosh: qulaylik va chiroyli ko‘rinish uchun yakuniy sayqal. Faqat dizayn; mazmun o‘zgarmaydi. */
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
/* aniq fokus — klaviatura va planshet uchun */
:where(a,button,input,select,summary,[tabindex]):focus-visible{outline:3px solid #3b4cd6;outline-offset:3px;border-radius:12px}
/* bosish joylari kamida 44px */
.nav a,.filter,.button,.icon-button,.menu-button{min-height:44px}
.filter{display:inline-flex;align-items:center;gap:.4rem;padding-inline:1rem;font-weight:800;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.filter.active{box-shadow:0 8px 18px color-mix(in srgb,var(--v1,#6d4aff) 30%,transparent)}
/* fan kartalari: bir xil balandlik, tartibli rasm, aniq harakat tugmasi */
.ready-grid{align-items:stretch}
.subject-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:24px;transition:transform .2s,box-shadow .2s}
.subject-card .subject-cover{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;background:linear-gradient(135deg,var(--subject-soft,#eef2ff),#fff)}
.subject-card .subject-body{flex:1}
.subject-card .subject-description{font-size:1rem;line-height:1.6;color:#344054}
.subject-card .subject-level{font-size:.9rem}
.subject-bottom{min-height:52px;font-weight:800;color:var(--subject-color,#3b4cd6)}
@media(hover:hover){.subject-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px color-mix(in srgb,var(--subject-color,#6d4aff) 28%,transparent)}}
.subject-card:active{transform:scale(.985)}
/* qidiruv */
.search input{min-height:52px;font-size:1rem}
/* telefon */
@media(max-width:700px){
 .container{padding-inline:16px}
 .filter-row{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}
 .filter-row::-webkit-scrollbar{display:none}
 .filter{flex:none;scroll-snap-align:start}
 .search-status{flex:none}
 .hero-copy h1{font-size:clamp(2rem,9vw,2.6rem)}
 .hero-actions{display:grid;gap:.75rem}
 .hero-actions .button{justify-content:center;width:100%}
 .hero-stats{grid-template-columns:1fr 1fr}
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
 .dock{padding-bottom:env(safe-area-inset-bottom)}
 .dock a,.dock button{min-height:56px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.header,.dock,.hero-art,body::before,body::after{display:none!important}}