/* Windows-Anleitung: vorhandene V4-CI, keine zusätzlichen Abhängigkeiten. */
.win-guide .win-hero { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:3rem; align-items:start; }
.win-guide .win-reading { max-width:860px; }
.win-guide .win-route { padding:1.5rem; border:1px solid #D9E0E8; border-radius:8px; background:#FFF; }
.win-guide .win-route > div { display:grid; gap:.35rem; padding:1rem 0; border-top:1px solid #D9E0E8; }
.win-guide .win-route strong { color:#0B1726; font-size:1.35rem; }
.win-guide .win-route small, .win-guide .win-source { color:#667085; font-size:.9rem; }
.win-guide .win-toc ol { columns:2; column-gap:2rem; padding-left:1.5rem; }
.win-guide .win-toc li { break-inside:avoid; margin-bottom:.7rem; padding-left:.2rem; }
.win-guide .win-actions { padding-left:1.5rem; }
.win-guide .win-actions li { padding-left:.35rem; margin-bottom:1rem; }
.win-guide .win-code { background:#0B1726; color:#F7F9FB; padding:1.25rem; border-radius:6px; overflow-x:auto; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; margin:1.2rem 0; }
.win-guide .win-code code { background:none; color:inherit; padding:0; font-size:.98rem; }
.win-guide p code, .win-guide li code { overflow-wrap:anywhere; }
.win-guide kbd { display:inline-block; border:1px solid #D9E0E8; border-bottom-width:2px; border-radius:4px; padding:0 .3em; background:#FFF; color:#303943; font:inherit; font-size:.9em; }
.win-guide .win-check, .win-guide .win-note { padding:1rem 1.2rem; border-left:3px solid #175CD3; background:#F7F9FB; }
.win-guide .win-check { border:1px solid #D9E0E8; border-left:3px solid #175CD3; border-radius:0 6px 6px 0; }
.win-guide .win-note { border-left-color:#D99028; }
.win-guide .win-context { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.5rem 0; }
.win-guide .win-context > div { display:grid; gap:.6rem; border:1px solid #D9E0E8; border-radius:6px; padding:1rem; min-width:0; }
.win-guide .win-context code { overflow-wrap:anywhere; }
.win-guide .win-details { padding:1rem 0; border-bottom:1px solid #D9E0E8; }
.win-guide .win-details summary { color:#0B1726; font-weight:600; cursor:pointer; padding:.3rem 0; }
.win-guide .win-details[open] summary { margin-bottom:.8rem; }
.win-guide .win-sources { padding-left:1.3rem; }
.win-guide .win-sources li { margin-bottom:.6rem; }
.win-guide :is(a,summary):focus-visible { outline:3px solid #175CD3; outline-offset:4px; border-radius:2px; }
.win-guide [id] { scroll-margin-top:9rem; }
@media (max-width:850px) { .win-guide .win-hero { grid-template-columns:1fr; gap:1.5rem; } }
@media (max-width:540px) {
  .win-guide .win-toc ol { columns:1; }
  .win-guide .win-context { grid-template-columns:1fr; }
  .win-guide .win-route { padding:1rem; }
  .win-guide .win-code { padding:1rem; }
}
@media print {
  .win-guide .v4-hero, .win-guide .v4-sektion { padding:1rem 0; }
  .win-guide .win-hero { display:block; }
  .win-guide .win-code { background:#FFF; color:#0B1726; border:1px solid #D9E0E8; }
}

.win-guide .win-figure { margin:1.8rem 0; }
.win-guide .win-figure img { display:block; max-width:100%; height:auto; border:1px solid #D9E0E8; border-radius:6px; }
.win-guide .win-figure figcaption { margin-top:.7rem; font-size:.9rem; color:#667085; line-height:1.6; }
.win-guide .win-setting { border:1px solid #D9E0E8; border-radius:6px; background:#FFF; padding:1rem; }
.win-guide .win-setting > div { display:grid; grid-template-columns:7rem minmax(0,1fr); gap:1rem; padding:.5rem 0; }
.win-guide .win-setting dt { font-weight:600; }
.win-guide .win-setting dd { margin:0; overflow-wrap:anywhere; }
@media (max-width:540px) { .win-guide .win-setting > div { grid-template-columns:1fr; gap:.2rem; } }

.win-guide .win-answer { margin:1rem 0; padding:.8rem 1.2rem; border-left:3px solid #667085; background:#F7F9FB; color:#303943; }
.win-guide .win-answer p { margin:0; }

.win-guide .win-video-grid { display:grid; grid-template-columns:minmax(0,20rem) minmax(0,1fr); gap:2rem; align-items:start; margin:1.5rem 0; }
.win-guide .win-video { display:block; width:100%; max-width:20rem; height:auto; border:1px solid #D9E0E8; border-radius:6px; background:#F7F9FB; }
@media (max-width:700px) { .win-guide .win-video-grid { grid-template-columns:1fr; gap:1rem; } }
@media print { .win-guide .win-video { display:none; } .win-guide .win-video-grid { display:block; } }
