/* Lösungsbuch: Leseführung im vorhandenen Vice-City-Design.
   Nur diese Seite lädt die Ergänzung. Farben, Schriften und Kapitelverhalten
   stammen unverändert aus design.css / design.js. */

.guide-polish .read--kapitel{
  --w-text:40rem;
  --read-cols:[full-start] minmax(20px,1fr) [wide-start] minmax(0,7rem)
    [text-start] min(var(--w-text),calc(100% - 40px)) [text-end]
    minmax(0,7rem) [wide-end] minmax(20px,1fr) [full-end];
  padding-top:32px;
  line-height:1.72;
}

/* Ein erkennbares Verzeichnis; die sieben vorhandenen Sprungziele bleiben. */
.guide-polish .read--kapitel>.kapitel{
  margin-bottom:32px;
  padding:0;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:var(--bg-2);
}
.guide-polish .kapitel__in{padding:20px 16px 12px}
.guide-polish .kapitel__t{padding:0 8px 12px}
.guide-polish .kapitel ol{grid-template-columns:minmax(0,1fr);gap:0 20px}
.guide-polish .kapitel a{
  display:grid;
  grid-template-columns:1.8rem minmax(0,1fr);
  gap:12px;
  min-height:50px;
  padding:10px 8px;
  border-left:2px solid transparent;
  font-size:.9375rem;
  line-height:1.4;
}
.guide-polish .kapitel a b{min-width:0;font-size:1.2rem;color:var(--text-3)}
.guide-polish .kapitel a:hover{background:var(--surface);color:var(--text)}
.guide-polish .kapitel a[aria-current="true"]{
  background:var(--surface);
  border-left-color:var(--accent);
  color:var(--text);
}
.guide-polish .kapitel a[aria-current="true"] b{color:var(--accent)}
.guide-polish .kapitel a:focus-visible{outline-offset:-2px}

/* Der bestehende Stand-Hinweis bildet den Übergang vom Verzeichnis zum Text. */
.guide-polish .read--kapitel>.kapitel+.note{
  margin-bottom:0;
  padding:16px 18px;
  border-left-color:var(--accent);
  background:var(--bg-2);
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  font-size:.9375rem;
  line-height:1.7;
}

/* Kapitelanfänge und Text haben einen gleichmäßigeren vertikalen Rhythmus. */
.guide-polish .read--kapitel>.chap{
  margin-top:56px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.guide-polish .read--kapitel>.note+.chap{margin-top:32px}
.guide-polish .read--kapitel h2{line-height:1.14}
.guide-polish .read--kapitel>p:not(.chap):not(.note):not(.src){margin-bottom:20px}
.guide-polish .read--kapitel>ul:not([class])>li{margin-bottom:10px}
.guide-polish .read--kapitel .facts li{padding-block:20px}
.guide-polish .read--kapitel .facts .status{margin-bottom:9px}
.guide-polish .read--kapitel .facts p.src{margin-top:10px;line-height:1.65}
.guide-polish .read--kapitel>.zone{margin-block:56px}
.guide-polish .read--kapitel .faq summary{min-height:56px;padding-block:18px;line-height:1.5}
.guide-polish .read--kapitel .faq details[open] summary{color:var(--accent)}
.guide-polish .read--kapitel .faq details[open]{padding-bottom:6px}

/* Gleiche aktive Markierung in der vorhandenen mobilen Kapitelzeile. */
.guide-polish .kbar ol{padding-inline:12px}
.guide-polish .kbar ol a{min-height:48px;padding:9px 8px;border-left:2px solid transparent;line-height:1.4}
.guide-polish .kbar ol a[aria-current="true"]{background:var(--surface);border-left-color:var(--accent)}

@media(min-width:640px){
  .guide-polish .read--kapitel{padding-top:40px}
  .guide-polish .kapitel__in{padding:22px 20px 16px}
  .guide-polish .kapitel ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guide-polish .read--kapitel>.chap{margin-top:64px}
}

/* Bis zur seitlichen Navigation bleiben es zwei gut lesbare Spalten.
   Ab 1200 px wird die vorhandene Schiene mit ihrer Sticky-Logik beibehalten. */
@media(min-width:1200px){
  .guide-polish .read--kapitel{
    --read-cols:[full-start] minmax(20px,1fr) [rail-start] 14rem [rail-end] 2.5rem
      [wide-start] minmax(0,4rem) [text-start] min(var(--w-text),calc(100% - 40px))
      [text-end] minmax(0,7rem) [wide-end] minmax(20px,1fr) [full-end];
  }
  .guide-polish .read--kapitel>.kapitel{margin:0;border:0;border-radius:0;background:none}
  .guide-polish .kapitel__in{
    padding:18px 10px 12px;
    border:1px solid var(--line);
    border-radius:var(--r-lg);
    background:var(--bg-2);
    scrollbar-width:thin;
  }
  .guide-polish .kapitel__t{padding-inline:8px;font-size:.6875rem;line-height:1.5;letter-spacing:.1em}
  .guide-polish .read--kapitel>.kapitel ol{grid-template-columns:minmax(0,1fr)}
  .guide-polish .read--kapitel>.kapitel a{
    grid-template-columns:1.55rem minmax(0,1fr);
    gap:8px;
    min-height:50px;
    padding:10px 8px;
    border-left:2px solid transparent;
    font-size:.875rem;
  }
  .guide-polish .read--kapitel>.kapitel a[aria-current="true"]{border-left-color:var(--accent)}
}