/* =========================================================
   Design v2 „Protokollfenster“ – nur aktiv mit body.v2
   Farben tragen FileZillas Bedeutung: Befehl blau, Antwort grün, Fehler rot.
   ========================================================= */
body.v2{
  --font:"Atkinson Next",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"Commit Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --c-text:#18212b;
  --c-text-soft:#4a5563;
  --c-bg-soft:#f3f5f7;
  --c-line:#dde3e9;
  --c-brand:#b3261e;
  --c-accent:#1d5fa8;
  --c-ok:#1f7a43;
  --c-folder:#e8b400;
  --measure:68ch;
  font-size:1.0625rem;line-height:1.62;
}
.v2 h1,.v2 h2,.v2 h3,.v2 h4{letter-spacing:0;font-weight:700}
.v2 h1{font-size:clamp(2.1rem,1.55rem + 2.3vw,3.05rem);line-height:1.12}
.v2 a{color:var(--c-accent);text-underline-offset:.18em;text-decoration-thickness:1px}
.v2 a.btn{color:var(--c-brand-ink);text-decoration:none}
.v2 a.btn--ghost{color:var(--c-text)}
.v2 code,.v2 kbd,.v2 pre{font-family:var(--mono)}
.v2 :focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}

/* Prüfvermerk als Text statt Pille */
.v2 .entry-meta .badge{background:none;padding:0;border-radius:0;color:var(--c-ok);font-size:inherit;font-weight:600}

/* ---------- Protokollfenster ---------- */
.log{border:1px solid #cdd5dd;border-radius:8px;background:#fff;overflow:hidden}
.log__bar{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;background:#eef1f4;border-bottom:1px solid #d6dde4;font-size:.85rem;color:var(--c-text-soft)}
.log__bar::before{content:"";width:.7rem;height:.7rem;border-radius:2px;background:var(--c-brand);flex:none}
.log__body{padding:.7rem .9rem;font-family:var(--mono);font-size:.9rem;line-height:1.55}
.log__row{display:block;white-space:pre-wrap;overflow-wrap:anywhere}
.log__label{display:inline-block;min-width:5.6em}
.log__row--status{color:var(--c-text)}
.log__row--befehl{color:var(--c-accent)}
.log__row--antwort{color:var(--c-ok)}
.log__row--fehler{color:var(--c-brand)}
.log--single{margin:.9rem 0 1.1rem;max-width:var(--measure)}
.log--single .log__body{font-size:.95rem;padding:.85rem 1rem}

/* ---------- Startseite: Hero ---------- */
.v2-hero{padding:3rem 0 3.25rem;border-bottom:1px solid var(--c-line)}
.v2-hero__grid{display:grid;gap:2.5rem;align-items:center}
@media (min-width:960px){.v2-hero__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}}
.v2-hero h1{margin:0 0 .6rem}
.v2-hero__lead{margin:0 0 1.6rem;font-size:1.2rem;color:var(--c-text-soft);max-width:30rem}
.v2-dl__main{font-size:1.1rem}
.v2-dl__alt{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:.9rem 0 .2rem;font-size:.98rem;color:var(--c-text-soft)}
.v2-dl__meta{margin:0;font-size:.9rem;color:var(--c-text-soft)}

.v2-finder .log__body{border-bottom:1px solid var(--c-line)}
.v2-finder__label{display:block;padding:.95rem 1rem .45rem;font-weight:700}
.v2-finder__field{display:flex;gap:.5rem;padding:0 1rem 1rem}
.v2-finder__field input{flex:1;min-width:0;padding:.75rem .85rem;border:1px solid #b9c3cd;border-radius:6px;font:inherit;font-family:var(--mono);font-size:.92rem;color:var(--c-text);background:#fff}
.v2-finder__field input:focus{outline:3px solid color-mix(in srgb,var(--c-accent) 35%,transparent);border-color:var(--c-accent)}
.v2-finder__field .btn{white-space:nowrap}
.v2-finder__result{margin:0;padding:.75rem 1rem;border-top:1px solid var(--c-line);font-size:.95rem}
.v2-finder__result.is-hit{background:#eef7f1}
.v2-finder__result.is-hit a{font-weight:700;color:var(--c-ok)}
.v2-finder__result.is-miss{background:#fbf6e6}
@media (max-width:520px){.v2-finder__field{flex-direction:column}.v2-finder__field .btn{justify-content:center}}

/* ---------- Startseite: Abschnitte ---------- */
.v2-sec{margin-top:3.25rem}
.v2-sec__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem 1.5rem;margin-bottom:1rem}
.v2-sec__head h2{margin:0;font-size:clamp(1.4rem,1.2rem + .7vw,1.75rem)}
.v2-sec__head a{font-weight:600;font-size:.98rem}

/* Fehlerliste als Protokollzeilen */
.log-list{list-style:none;margin:0;padding:0;border:1px solid #cdd5dd;border-radius:8px;background:#fff;overflow:hidden}
.log-list li+li{border-top:1px solid var(--c-line)}
.log-list__item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.8rem 1rem;text-decoration:none;font-family:var(--mono);font-size:.92rem}
.log-list__item:hover{background:#f6f8fa}
.log-list__go{font-family:var(--font);font-size:.95rem;font-weight:600;color:var(--c-accent)}
.log-list__item:hover .log-list__go{text-decoration:underline}
@media (max-width:600px){.log-list__item{grid-template-columns:1fr;gap:.3rem}.log__label{min-width:0;margin-right:.4em}}

/* Anleitungen nach Aufgabe, Ordner-Symbol wie in FileZillas Verzeichnisbaum */
.v2-groups{display:grid;gap:1.5rem 2.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.v2-groups--archive{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:.5rem}
.v2-group h3,.v2-group h2{display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem;font-size:1.05rem}
.v2-group h2{font-size:1.2rem}
.v2-group h3::before,.v2-group h2::before{content:"";flex:none;width:1.05em;height:.85em;background:var(--c-folder);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h5l2 2h9a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h5l2 2h9a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E") center/contain no-repeat}
.v2-group ul,.v2-links{list-style:none;margin:0;padding:0}
.v2-group li,.v2-links li{margin:0;padding:.38rem 0;border-bottom:1px solid var(--c-line)}
.v2-group li:last-child,.v2-links li:last-child{border-bottom:0}
.v2-group a,.v2-links a{color:var(--c-text);text-decoration:none}
.v2-group a:hover,.v2-links a:hover{color:var(--c-accent);text-decoration:underline}
.v2-group .v2-group__more{display:inline-block;margin-top:.5rem;font-size:.95rem;font-weight:600;color:var(--c-accent);text-decoration:underline}
.v2-split{display:grid;gap:0 2.5rem}
@media (min-width:800px){.v2-split{grid-template-columns:1fr 1fr}}
.v2-home>.prose{margin-top:3.5rem}

/* Archive (Vergleiche, Wissen) ohne Etiketten */
.v2-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.v2-card{display:flex;flex-direction:column;gap:.4rem;padding:1.15rem 1.25rem;border:1px solid var(--c-line);border-radius:10px;background:#fff;color:var(--c-text);text-decoration:none}
.v2-card:hover{border-color:var(--c-accent)}
.v2-card__title{font-weight:700;font-size:1.05rem;line-height:1.3}
.v2-card__text{color:var(--c-text-soft);font-size:.93rem}

/* Inhalt: Codeblöcke hell wie das Protokollfenster */
.v2 pre{background:#f6f8fa;color:var(--c-text);border:1px solid var(--c-line);font-family:var(--mono);font-size:.9rem;line-height:1.6}
/* Seitenleiste: ruhige Linkliste statt Aufzählungspunkte */
.v2 .card ul:not(.tool-mini){list-style:none;margin:0;padding:0}
.v2 .card ul:not(.tool-mini) li{margin:0;border-top:1px solid var(--c-line)}
.v2 .card ul:not(.tool-mini) li:first-child{border-top:0}
.v2 .card ul:not(.tool-mini) a{display:block;padding:.5rem 0;color:var(--c-text);text-decoration:none;line-height:1.4}
.v2 .card ul:not(.tool-mini) a:hover{color:var(--c-accent);text-decoration:underline}
.v2-lead{max-width:62ch;margin:-.5rem 0 1.5rem;font-size:1.08rem;color:var(--c-text-soft)}

/* Textseiten: Text links in Lesebreite, Kurzinfo + Anzeige rechts, gleiche Gesamtbreite wie oben */
.v2-textlayout{margin-top:3rem}
.v2-textlayout .prose{max-width:none}
.v2-textlayout__main>*{max-width:46rem}
.v2-textlayout__main .table-compare{max-width:none}
.v2-aside{display:flex;flex-direction:column;gap:1.5rem;align-self:start;position:sticky;top:1.5rem}
.v2-facts h3{margin:0 0 .75rem;font-size:1.05rem}
.v2-facts dl{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1rem;margin:0 0 1.1rem;font-size:.95rem}
.v2-facts dt{color:var(--c-text-soft)}
.v2-facts dd{margin:0}
.v2-facts .btn{width:100%;justify-content:center}
@media(max-width:959px){.v2-aside{position:static}}
.v2-textlayout__main .prose>:first-child,.v2-textlayout__main .prose>.entry-content>:first-child{margin-top:0}