/* ============================================================
   Guider: läsbarhet & layout – 2026-08-16
   Gäller endast /guider/ (sida 3391 + undersidor) via
   body-klasserna page-id-3391 och parent-pageid-3391.
   Motiv och mätvärden: rapport/DESIGNGRANSKNING-2026-08-16.md
   (fynd F1–F3). Återställning: ta bort hela detta block ur
   divi-child/style.css.
   ============================================================ */

/* F2: dölj butikssidopanelen (produktkategorier/sök/kundvagn)
   och dess vertikala skiljelinje – butiksfunktioner hör inte
   hemma på artikelsidor */
body.page-id-3391 #sidebar,
body.parent-pageid-3391 #sidebar {
  display: none;
}
body.page-id-3391 #main-content .container::before,
body.parent-pageid-3391 #main-content .container::before {
  display: none;
}

/* F2: centrerad textspalt med läsbar radlängd (~80 tecken
   vid 17 px, mot tidigare 110–120 tecken över 795 px) */
body.page-id-3391 #left-area,
body.parent-pageid-3391 #left-area {
  width: 100%;
  max-width: 640px;
  float: none;
  margin: 0 auto;
  padding-right: 0;
}

/* F1: större, mörkare och normalviktad brödtext
   (före: 14 px / #666 / vikt 500) */
body.page-id-3391 #left-area,
body.parent-pageid-3391 #left-area {
  font-size: 17px;
  line-height: 1.7;
  font-weight: 400;
  color: #333;
}

/* F1: ingressen sätter tonen för artikeln */
body.parent-pageid-3391 #left-area .entry-content > p:first-child {
  font-size: 19px;
  line-height: 1.6;
  color: #444;
}

/* F1: tydlig rubrikhierarki i sajtens mörkblå (#063787,
   samma som startsidans sektionsfärg); radavstånd 1,3 i
   stället för Divi-standardens 1,0 */
body.page-id-3391 #left-area h1,
body.parent-pageid-3391 #left-area h1,
body.page-id-3391 #left-area h2,
body.parent-pageid-3391 #left-area h2,
body.page-id-3391 #left-area h3,
body.parent-pageid-3391 #left-area h3 {
  color: #063787;
  font-weight: 700;
  line-height: 1.3;
}
body.page-id-3391 #left-area h1,
body.parent-pageid-3391 #left-area h1 {
  font-size: 32px;
  padding-bottom: 12px;
}
body.page-id-3391 #left-area h2,
body.parent-pageid-3391 #left-area h2 {
  font-size: 25px;
  padding-top: 22px;
}
body.page-id-3391 #left-area h3,
body.parent-pageid-3391 #left-area h3 {
  font-size: 20px;
  padding-top: 12px;
}

/* F3: länkar i varumärkesblå #0c71c3 (kontrast ≈ 5,0:1,
   godkänd enligt WCAG AA; före: #2ea3f2 ≈ 2,9:1),
   understrukna för tydlighet i löptext */
body.page-id-3391 #left-area a,
body.parent-pageid-3391 #left-area a {
  color: #0c71c3;
  text-decoration: underline;
  text-underline-offset: 2px;
}
body.page-id-3391 #left-area a:hover,
body.parent-pageid-3391 #left-area a:hover {
  color: #063787;
}

/* F1: luft mellan listpunkter */
body.page-id-3391 #left-area li,
body.parent-pageid-3391 #left-area li {
  margin-bottom: 8px;
}

/* Mobil: något mindre grundstorlek, rubriker skalade */
@media (max-width: 767px) {
  body.page-id-3391 #left-area,
  body.parent-pageid-3391 #left-area {
    font-size: 16px;
  }
  body.page-id-3391 #left-area h1,
  body.parent-pageid-3391 #left-area h1 {
    font-size: 27px;
  }
}