/* Shared stylesheet for all 8 category landing pages
   (practice/general-knowledge.html, air-brakes.html,
   combination-vehicles.html, passenger.html, hazmat.html,
   tank-vehicles.html, doubles-triples.html, school-bus.html).

   Extracted from what was previously a byte-identical inline <style>
   block duplicated in all 8 files (Stage 1 of the shared localization /
   back-to-top work, 2026-10-16) -- one shared file now, instead of 8
   copies that could silently drift. Every page also still loads
   css/styles.css first; the language-selector (.home-lang-control,
   .lang-select-compact) and back-to-top (.back-to-top) styling already
   live there and are reused as-is, not duplicated here. */

.entry-card{margin-top:34px;padding:32px}

.entry-hero{margin-top:26px;margin-bottom:6px}
.back-link{margin-bottom:18px}
.entry-hero h1{margin-bottom:18px}
.entry-hero p:nth-of-type(1){margin-bottom:10px}
.entry-hero p:nth-of-type(2){margin-bottom:0}

.cat-note{
  margin-top:16px;
  padding:14px 16px;
  border:1px solid #cfe0f3;
  background:#f7fbff;
  border-radius:12px;
  color:#44536b;
  font-size:14px;
  line-height:1.5;
}
.cat-section h2{margin:0 0 14px;font-size:22px}
.cat-section h3{margin:24px 0 8px;font-size:17px}
.cat-section h3:first-of-type{margin-top:0}
.cat-section p{margin:0 0 12px;line-height:1.65;color:#36435a}
.cat-section p:last-child{margin-bottom:0}
.cat-section ul{margin:0 0 12px;padding-left:22px;line-height:1.7;color:#36435a}
.cat-section ul li{margin-bottom:5px}
.cat-section ul li:last-child{margin-bottom:0}
.cat-cta-card{text-align:center;padding-top:44px;padding-bottom:44px}
.cat-cta-support{margin-top:16px;color:#6b7787;font-size:13px}

.cat-faq{margin-top:40px;padding-bottom:10px}
.cat-faq h2{margin:0 0 6px}
.cat-faq summary{cursor:pointer;font-weight:800;padding:16px 0;color:#1f2b3d}
.cat-faq details{border-bottom:1px solid #e7ecf3}
.cat-faq details:last-child{border-bottom:none}
.cat-faq p{padding:0 0 16px;margin:0;color:#36435a;line-height:1.6}

.cat-disclaimer{color:#8a94a3;font-size:12.5px;line-height:1.6;text-align:center;max-width:720px;margin:40px auto 0}
.entry-footer{margin-top:38px}

/* Compact language selector, placed inside .entry-top (same flex row as
   the logo/brand link) -- reuses .home-lang-control/.lang-select-compact
   from css/styles.css verbatim; this just pins its position within the
   landing-page header specifically, mirroring .entry-top's own existing
   justify-content:space-between. */
.entry-top .home-lang-control{flex-shrink:0}

@media(max-width:650px){
  .entry-card{margin-top:22px;padding:20px}
  .entry-hero{margin-top:18px}
  .cat-section h3{margin-top:20px}
  .cat-cta-card{padding-top:30px;padding-bottom:30px}
  .cat-faq{margin-top:28px}
  .cat-faq summary{padding:18px 0}
  .cat-disclaimer{margin-top:28px}
  .entry-footer{margin-top:26px}
}