/* Ilmdosh: dars va mavzu sahifalarining umumiy sayqali (o‘qish qulayligi, chiroyli ko‘rinish, telefon).
   Fan fayllari o‘zgarmaydi: bu uslub server orqali ulanadi. Faqat dars oynasi (#course) ga ta’sir qiladi. */
#course{--lp-accent:var(--b1,#176c79);max-width:860px;font-size:max(1.0625rem,var(--lesson-size,17px));line-height:1.8;color:#1b2b3d;-webkit-font-smoothing:antialiased}
#course>*{max-width:100%}
/* yo‘l ko‘rsatkichi (Fan › Bo‘lim › Mavzu) */
#course .study-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 6px;font-size:.88rem}
#course .study-breadcrumb .button{min-height:36px;padding:4px 12px;border-width:1px;font-weight:700;box-shadow:none}
#course .study-breadcrumb+a.button{display:inline-flex;margin:10px 0 18px;min-height:40px;border-width:1px;box-shadow:none}
/* sarlavha */
#course .eyebrow{display:block;margin:6px 0 4px;letter-spacing:.08em;font-size:.78rem}
#course h1{margin:0 0 14px;font-size:clamp(1.8rem,5.6vw,2.6rem);line-height:1.18;letter-spacing:-.02em}
#course h2{margin:0 0 .6em;font-size:clamp(1.2rem,3.4vw,1.5rem);line-height:1.3}
#course p,#course li{max-width:68ch}
#course li{margin:.45em 0}
/* «Tushuncha → Misol → Mustaqil mashq» qadamlari */
#course .lesson-route{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 22px;font-size:.9rem}
#course .lesson-route{counter-reset:lp}
/* bo‘limlar — yumshoq kartalar */
#course .lesson-panel,#course .lesson-illustration,#course .learning-lab,#course .practice-start,#course .feedback{border:1px solid #e1e8f0;border-radius:22px;background:#fff;box-shadow:0 6px 22px rgba(23,49,80,.06);padding:clamp(16px,4vw,28px);margin:22px 0}
#course .lesson-panel>h2:first-child,#course .lesson-illustration>h2:first-child{display:flex;align-items:center;gap:10px}
#course .worked{border-left:5px solid #198c79;background:#f4fbf8}
#course ol.steps,#course .worked ol{padding-left:1.4em}
#course .worked li::marker{font-weight:800;color:#198c79}
/* chizma, jadval, rasmlar telefonda ekrandan chiqmasin */
#course svg,#course img,#course figure{max-width:100%;height:auto}
#course .table-wrap,#course table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
#course table{table-layout:auto}
#course th{background:#f1f5fa;font-weight:800}
#course td,#course th{padding:10px 12px}
/* test javoblari — katta, bosishga qulay */
#course .options{gap:12px}
#course .option{min-height:56px;font-size:1rem;border-radius:16px;transition:transform .12s,box-shadow .12s,border-color .12s}
@media(hover:hover){#course .option:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(23,49,80,.1);border-color:var(--lp-accent)}}
#course .option:active:not(:disabled){transform:scale(.99)}
#course .button,#course .quiz-actions button{min-height:48px;border-radius:999px;font-weight:800}
#course .quiz-actions{position:sticky;bottom:8px;z-index:4;padding:10px;border-radius:20px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);box-shadow:0 8px 26px rgba(23,49,80,.14)}
/* oldingi / keyingi dars tugmalari */
#course .book-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
#course .book-actions .button{flex:1 1 200px;justify-content:center}
/* kodlar va formulalar */
#course pre,#course code{font-size:.92em}
#course pre{overflow-x:auto;padding:14px;border-radius:14px;background:#f3f6fb}
/* telefon */
@media(max-width:640px){
 #course{padding:18px 14px 90px}
 #course .lesson-panel,#course .lesson-illustration,#course .learning-lab,#course .practice-start{border-radius:18px;margin:16px 0}
 #course .lesson-route{font-size:.84rem}
 #course .book-actions .button{flex-basis:100%}
}
@media print{#course .quiz-actions{position:static;box-shadow:none}}
/* keng maketda ham chizmalar va matn qulay o‘lchamda qolsin */
#course .diagram svg,#course [data-lab-drawing] svg,#course .lesson-illustration svg{display:block;width:100%;max-width:min(100%,560px)!important;max-height:360px;margin-inline:auto}
#course .diagram,#course figure.diagram{max-width:760px;margin-inline:auto}
#course .lesson-panel>p,#course .lesson-panel>ul,#course .lesson-panel>ol{max-width:72ch}
/* Matematika va boshqa fanlarning bosh bloki ekran chetiga yopishib qolmasin */
body.ilmdosh-subject .page.home>.hero,body.ilmdosh-subject main>.hero{width:calc(100% - 2*clamp(12px,2.2vw,28px))!important;margin-inline:auto!important;box-sizing:border-box}