/* SLH 2.0 — Release 1: responsive comfort (no identity change). Lead 6cb69e6d, 2026-11-05. LIVE 20261105a (Nitin OK Nov 5 5:28 AM). */
/* 1. Laptop 1180-1349: primary links visible in the header (hamburger keeps the full list) */
@media (min-width:1180px) and (max-width:1349.98px){
 html body .top .nav:not(.open){display:flex!important;position:static;flex-direction:row;align-items:center;background:none!important;padding:0;border:0;box-shadow:none;gap:2px;min-width:0;flex:1 1 auto;justify-content:flex-start}
 html body .top .nav:not(.open) a.cd-nav{margin-right:8px}
 html body .top .nav:not(.open) a{padding:8px 7px;font-size:.84rem;border-top:0!important;white-space:nowrap}
 html body .top .nav:not(.open) a[href="/"],html body .top .nav:not(.open) a[href="/videos/"],html body .top .nav:not(.open) a[href="/dashboard/"],html body .top .nav:not(.open) a[href="/about/"],html body .top .nav:not(.open) a[href="/study-material/"],html body .top .nav:not(.open) a.slh-supnav,html body .top .nav:not(.open) a[href="/mock-tests/"]{display:none}
}
/* 2. Tablet 768-979: real two-column hero instead of a stretched phone column; stats 3 x 2 */
@media (min-width:768px) and (max-width:979.98px){
 html body .hero.p3-hero .hgrid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;grid-template-areas:"kick art" "h1 art" "lead art" "srch art" "foot art" "stats stats" "pick pick" "aud aud"!important;column-gap:28px!important;justify-items:start!important;text-align:left!important}
 html body .hero.p3-hero .p3-art{margin:0;max-width:360px;align-self:center}
}
@media (min-width:760px) and (max-width:1023.98px){
 html body .p3-st{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
/* 3. Reading measure: long paragraphs stop at ~72 characters per line on tablet/laptop */
@media (min-width:700px){
 main .wrap>p.lead,main .wrap>p.note,main .wrap>p.small,main .wrap>p.sub,main .wrap>p.mut,main section>p,main section.txex>p,main .narrow>p,main ol.units>li,main .vl>p,main .txpane>p.note{max-width:min(72ch,38em)}
}
/* 4. Touch targets >= 24px (WCAG 2.2 AA), comfortable 40px+ on touch screens */
html body p.flinks a,html body p.flinks button.linkbtn{min-height:32px;display:inline-flex;align-items:center}
html body button.linkbtn{min-height:32px}
html body nav.crumbs a{display:inline-block;padding:5px 2px}
main td>a{display:inline-block;padding:4px 0}
html body fieldset>label{min-height:44px}
html body fieldset>label>input[type=radio],html body fieldset>label>input[type=checkbox]{width:20px;height:20px;flex:0 0 auto}
@media (pointer:coarse){
 html body .top .tools .tbtn,html body .top .tools button{min-height:40px;min-width:40px}
}
/* 5. Board Notes level tabs: not sticky on phones / short screens (were 172px tall while reading) */
@media (max-width:899.98px),(max-height:700px){
 html body .bn-lvtabs{position:static!important}
}