/* Darslikka xos o‘qish ritmi va barcha sinflar qo‘llanmalari. */
.guides-index,.guide-page { padding-block:28px 64px; }
.guide-heading { max-width:820px; margin-block:26px 30px; }
.guide-heading h1 { font-size:clamp(29px,4vw,46px); line-height:1.15; margin-bottom:18px; }
.guide-heading .lead { font-size:19px; line-height:1.7; color:var(--ink-2); }
.guide-index-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.guide-index-card { display:flex; flex-direction:column; min-width:0; padding:25px; background:var(--surface); border:1px solid var(--line); border-top:5px solid var(--gc); border-radius:20px; text-decoration:none; color:var(--ink); box-shadow:var(--shadow-s); transition:transform .15s; }
.guide-index-card:hover { transform:translateY(-3px); }
.guide-index-card h2 { font-size:23px; line-height:1.3; margin-block:14px 12px; }
.guide-index-card p { color:var(--ink-2); font-size:16px; line-height:1.6; }
.guide-grade-label { align-self:flex-start; font-size:14px; font-weight:900; padding:4px 11px; background:var(--surface-2); border-radius:7px; }
.guide-card-meta { font-size:14px; color:var(--ink-2); }
.guide-index-card .guide-card-meta { margin-top:auto; padding-top:12px; }
.guide-card-open { display:block; color:var(--brand); margin-top:16px; }
.guide-breadcrumb,.guide-actions { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; gap:14px; }
.guide-grades { display:flex; flex-wrap:wrap; gap:8px; padding-block:18px 4px; }
.guide-grades a { color:var(--ink-2); border:1px solid var(--line); background:var(--surface); border-radius:9px; padding:6px 12px; text-decoration:none; font-size:14px; font-weight:800; }
.guide-grades a[aria-current="page"] { color:white; border-color:var(--brand); background:var(--brand); }
.guide-start { display:grid; grid-template-columns:1fr 1fr; gap:25px; padding:24px; border:1px solid var(--line); border-radius:18px; background:var(--surface-2); }
.guide-start h2 { font:800 17px/1.4 var(--font); margin-bottom:8px; }
.guide-start p { font-size:16px; color:var(--ink-2); margin:0; }
.guide-toc { padding-block:28px; }
.guide-toc h2 { font-size:21px; margin-bottom:15px; }
.guide-toc>div { display:flex; flex-wrap:wrap; gap:8px; }
.guide-toc button { display:flex; gap:8px; align-items:center; text-align:left; border:1px solid var(--line); border-radius:9px; background:var(--surface); padding:9px 13px; font:700 14px/1.4 var(--font); cursor:pointer; }
.guide-toc button span { color:var(--brand); font-weight:900; }
.guide-toc button:hover { background:var(--brand-l); }
.guide-topics { display:grid; gap:24px; }
.guide-topic { min-width:0; padding:28px; border:1px solid var(--line); border-radius:20px; background:var(--surface); scroll-margin-top:90px; box-shadow:var(--shadow-s); }
.guide-topic-top { display:flex; gap:14px; align-items:center; margin-bottom:16px; }
.guide-topic-top h2 { font-size:25px; line-height:1.3; margin:0; }
.guide-number { flex:none; display:grid; place-items:center; width:44px; height:44px; background:var(--brand-l); color:var(--brand); border-radius:11px; font-size:16px; font-weight:900; }
.guide-topic-main { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); align-items:center; gap:28px; }
.guide-topic-text { min-width:0; line-height:1.75; }
.guide-topic-text p { color:var(--ink-2); }
.guide-topic .math-panel { margin:16px 0; }
.guide-figure { margin:0; padding:16px 10px; background:var(--surface-2); border-radius:14px; min-width:0; }
.guide-figure .fig-art { width:100%; overflow-x:auto; }
.guide-figure svg.art { max-height:280px; height:auto; }
.guide-figure figcaption { font-size:13px; line-height:1.5; margin-top:10px; color:var(--ink-2); }
.learning-art { width:100%; max-width:600px; height:auto; }
.guide-detail { border-top:1px solid var(--line); margin-top:20px; }
.guide-detail summary { cursor:pointer; padding:17px 3px; color:var(--brand); font-weight:800; font-size:15px; }
.guide-detail-body { padding:6px 0 14px; }
.guide-detail .tbl { width:100%; font-size:16px; }
.guide-detail h3 { margin-block:22px 12px; font-size:20px; }
.guide-steps { padding-left:28px; line-height:1.75; }
.guide-steps li { margin-bottom:10px; padding-left:5px; }
.guide-steps li::marker { font-weight:900; color:var(--brand); }
.guide-caution { background:var(--surface-2); padding:16px 18px; border-left:3px solid var(--brand); border-radius:0 10px 10px 0; line-height:1.7; }
.guide-caution p { margin:5px 0 0; }
.guide-lesson-link { display:inline-block; font-size:15px; font-weight:800; padding-block:8px; text-underline-offset:4px; }
.guide-review { margin-block:42px 28px; }
.guide-review>p { color:var(--ink-2); max-width:760px; }
.guide-checks { display:grid; gap:15px; margin-top:20px; }
.guide-checks .checkpoint { background:var(--surface); }
.guide-print-key { display:none; }
.guide-finish { padding:25px; background:var(--surface-2); border:1px solid var(--line); border-radius:18px; }
.guide-finish p { max-width:750px; color:var(--ink-2); margin-bottom:18px; }
.guide-home-cta { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:26px 30px; margin-block:12px 34px; background:var(--surface); border:1px solid var(--line); border-left:5px solid var(--brand); border-radius:20px; box-shadow:var(--shadow-s); }
.guide-home-cta p:last-child { color:var(--ink-2); max-width:650px; margin:0; }
.guide-home-cta .btn { flex-shrink:0; }
.lesson-outline { margin-bottom:18px; border:1px solid var(--line); border-radius:14px; background:var(--surface); font-size:14px; }
.lesson-outline summary { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:14px 17px; cursor:pointer; color:var(--ink-2); }
.lesson-outline summary>span::before { content:'▸ '; color:var(--brand); }
.lesson-outline[open] summary>span::before { content:'▾ '; }
.lesson-outline summary>b { color:var(--brand); font-size:12px; white-space:nowrap; }
.lesson-outline nav { display:grid; gap:6px; padding:0 12px 12px; }
.lesson-outline button { display:flex; align-items:baseline; gap:10px; text-align:left; font:700 14px/1.5 var(--font); padding:10px; border:0; border-radius:9px; background:transparent; cursor:pointer; }
.lesson-outline button[aria-current],.lesson-outline button:hover { background:var(--brand-l); }
.lesson-outline button>span:first-child { color:var(--brand); font-weight:900; min-width:18px; }
.lesson-readiness,.lesson-intro-help { margin-top:24px; padding:20px; border:1px solid var(--line); background:var(--surface); border-radius:15px; font-size:16px; }
.lesson-readiness h2 { font-size:22px; }
.lesson-readiness li { margin-bottom:8px; }
.lesson-readiness p,.lesson-intro-help p { color:var(--ink-2); }
.lesson-intro-help a { font-weight:800; }
.wfoot { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px; }
.worked-count { font-size:13px; color:var(--ink-2); width:100%; }
@media(max-width:900px){.guide-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.guide-home-cta{flex-direction:column;align-items:flex-start;}.topnav a{padding-inline:8px;font-size:14px;}}
@media(max-width:650px){
 .guide-index-grid,.guide-start,.guide-topic-main{grid-template-columns:minmax(0,1fr);}
 .guide-heading{margin-block:22px;}.guide-heading .lead{font-size:17px;}
 .guide-topic{padding:18px 15px;}.guide-topic-top h2{font-size:22px;}.guide-topic-main{gap:10px;}
 .guide-start{padding:19px;gap:18px;}.guide-figure svg{max-height:250px;}
 .guide-home-cta{padding:23px;}.guide-review h2,.guide-finish h2{font-size:24px;}
 .guide-detail .tbl{font-size:14px;}.guide-grades{gap:6px;}.guide-grades a{padding:7px 9px;}
 .lesson-outline summary{padding:12px;gap:6px;font-size:13px;}.lesson-outline summary>b{font-size:11px;}
 .lesson-readiness,.lesson-intro-help{padding:16px;}.guide-actions .btn{margin-top:4px;}
}
.formula-grade-section { margin-bottom:38px; }
.formula-grade-title { font-size:24px; margin-bottom:16px; padding-bottom:10px; border-bottom:3px solid var(--gc,var(--brand)); }
.formula-grade-title a { color:inherit; text-decoration:none; }
.formula-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:16px; align-items:start; }
.formula-card { position:relative; min-width:0; padding:20px 18px 18px; border:1px solid var(--line); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-s); }
.formula-num { position:absolute; top:14px; right:16px; font-size:12px; font-weight:900; color:var(--ink-2); opacity:.6; }
.formula-title { font-size:15px; line-height:1.4; margin:0 30px 10px 0; color:var(--ink-2); font-weight:800; }
.formula-card .math-panel { margin:10px 0 4px; }
.formula-idea { font-size:14px; line-height:1.6; color:var(--ink); margin:0; }
.formula-idea b { color:var(--brand); }
.formula-steps { margin:10px 0 0; padding-left:19px; font-size:13px; line-height:1.55; color:var(--ink-2); }
.formula-steps li { margin-bottom:5px; }
.formula-steps li::marker { font-weight:900; color:var(--brand); }
.formula-caution { margin-top:10px; padding:9px 12px; background:var(--surface-2); border-left:3px solid #e0a328; border-radius:0 9px 9px 0; font-size:12.5px; line-height:1.55; color:var(--ink-2); }
.formula-caution b { color:#c4791a; }
.formula-index-all { border-top-color:#5A3BEB; }
@media(max-width:650px){ .formula-grid{grid-template-columns:minmax(0,1fr);} }
@media print {
 .formula-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .formula-card{padding:12px;break-inside:avoid;box-shadow:none;}
 .formula-title{font-size:12px;}.formula-idea{font-size:10.5px;}.formula-card .katex{font-size:1em;}
 .formula-steps{font-size:10px;}.formula-caution{font-size:9.5px;padding:6px 9px;}
 .formula-grade-section{break-inside:avoid-page;}.formula-grade-title{font-size:18px;}

 :root,:root[data-theme="dark"]{--bg:white;--surface:white;--surface-2:#f5f5fa;--ink:#111;--ink-2:#333;--brand:#493298;--line:#ccc;color-scheme:light;}
 .topbar,.sitefoot,.guide-breadcrumb,.guide-grades,.guide-actions,.guide-toc,.guide-lesson-link,.guide-finish,.guide-detail>summary{display:none!important;}
 .guide-page{max-width:none;padding:0;}.guide-heading{margin:0 0 18px;max-width:none;}.guide-heading h1{font-size:27px;}
 .guide-heading .lead,.guide-topic-text,.guide-detail .tbl{font-size:12px;}.guide-start{padding:12px;}.guide-start p{font-size:12px;}
 .guide-topics{display:block;}.guide-topic{box-shadow:none;padding:16px;margin:15px 0;break-inside:avoid;}
 .guide-topic-top h2{font-size:20px;}.guide-topic-main{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;}
 .guide-figure svg{max-height:190px;}.guide-detail{margin-top:8px;}.guide-steps,.guide-caution{font-size:12px;}
 .guide-checks .checkpoint{break-inside:avoid;font-size:12px;padding:12px;}.guide-checks .btn{font-size:12px;box-shadow:none;}
 .guide-print-key{display:block;break-inside:avoid;margin-top:20px;font-size:12px;}.guide-print-key h3{font-size:18px;}
 .math-scroll,.scrollx,.guide-figure .fig-art{overflow:visible;}.math-panel .katex{font-size:1em;}
 a{color:inherit;}body{background:white;}.wstep{display:flex!important;opacity:1!important;}.wfoot{display:none!important;}
}