/* ==============================================================================
   Shovels auf launchamp.eu (seit 2026-10-09) -- /services/shovels/
   ==============================================================================
   Nur fuer die Shovels-Seiten (eingebunden ueber src/Shovels/site.php). Eigene
   Klassen mit Praefix sv-, nach dem Muster der Startseite (.idx-*): build.css
   ist eingecheckt, und neue Utilities wirken erst nach einem Build.
   Keine neue Farbe: nur die Werte aus tailwind.config.js und der Palette vom
   09.10.2026 (Marine #12204A, Hover #0B1530, Text #12152B, gedaempft #5D6382,
   Hintergrund #F6F6FA, Linie #E1E3EC, helle Tinten #E9EDF7 / #CBD5EA).
   Knoepfe 6 px, Karten 14 px wie .idx-hero.
   ============================================================================== */

.sv-page {
    --sv-navy: #12204A;
    --sv-navy-hover: #0B1530;
    --sv-ink: #12152B;
    --sv-muted: #5D6382;
    --sv-bg: #F6F6FA;
    --sv-line: #E1E3EC;
    --sv-tint: #E9EDF7;
    --sv-tint-2: #CBD5EA;
    --sv-text: #3a405a;
    --sv-radius: 14px;
    --sv-shadow: 0 1px 2px rgba(18,21,43,.04), 0 1px 3px rgba(18,21,43,.03);
    color: var(--sv-ink);
}
.sv-page :focus-visible { outline: 2px solid var(--sv-navy); outline-offset: 2px; }
.sv-page a { color: inherit; }

/* Leiste unter dem Seitenkopf */
.sv-bar { background: #fff; border-bottom: 1px solid var(--sv-line); position: sticky; top: 61px; z-index: 40; }
.sv-bar-in { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3rem; flex-wrap: wrap; }
.sv-mark { display: inline-flex; align-items: center; gap: .5rem; font-weight: 700; font-size: .9375rem; color: var(--sv-ink); text-decoration: none; }
.sv-icon { fill: currentColor; flex-shrink: 0; }
.sv-mark .sv-icon { color: var(--sv-navy); }
.sv-bar-links { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; font-size: .8125rem; font-weight: 500; padding: .5rem 0; }
.sv-bar-links a { color: var(--sv-muted); text-decoration: none; }
.sv-bar-links a:hover { color: var(--sv-ink); }

/* Huelle */
.sv-wrap { max-width: 72rem; margin: 0 auto; padding: 0 1rem; }
@media (min-width: 640px) { .sv-wrap { padding: 0 1.5rem; } }
@media (min-width: 1024px) { .sv-wrap { max-width: 76rem; padding: 0 1rem; } }
.sv-narrow { max-width: 48rem; }

/* Knoepfe: eckig (6 px) */
.sv-btn { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; padding: .625rem 1.1rem; border-radius: 6px; background: var(--sv-navy); color: #fff !important; font-weight: 600; font-size: .875rem; text-decoration: none; border: 1px solid var(--sv-navy); transition: background-color .15s ease, border-color .15s ease; }
.sv-btn:hover { background: var(--sv-navy-hover); border-color: var(--sv-navy-hover); }
.sv-btn.lg { padding: .8rem 1.35rem; font-size: .9375rem; }
.sv-btn.ghost { background: #fff; color: var(--sv-navy) !important; border-color: var(--sv-tint-2); }
.sv-btn.ghost:hover { background: var(--sv-tint); border-color: var(--sv-tint-2); }
/* auf der Marineflaeche */
.sv-dark .sv-btn { background: #fff; color: var(--sv-navy) !important; border-color: #fff; }
.sv-dark .sv-btn:hover { background: var(--sv-tint); border-color: var(--sv-tint); }
.sv-dark .sv-btn.ghost { background: transparent; color: #fff !important; border-color: rgba(255,255,255,.4); }
.sv-dark .sv-btn.ghost:hover { background: rgba(255,255,255,.08); border-color: #fff; }
.sv-dark :focus-visible { outline-color: #fff; outline-offset: 3px; }
.sv-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }

/* Marineflaeche wie Hero und Fuss von LaunchAmp */
.sv-dark { position: relative; isolation: isolate; color: #fff;
    background: radial-gradient(620px 320px at 88% 0%, rgba(58,91,208,.5), rgba(18,32,74,0) 70%), linear-gradient(180deg, #12204A 0%, #070D22 100%); }

/* Hero */
.sv-hero { padding: 2.75rem 0 2.5rem; }
@media (min-width: 1024px) { .sv-hero { padding: 4rem 0 3.5rem; } }
.sv-hero-grid { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 1024px) { .sv-hero-grid { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 3rem; } }
.sv-h1 { margin: 0; font-size: 2.125rem; line-height: 1.05; font-weight: 800; letter-spacing: -0.035em; color: #fff; }
.sv-h1 span, .sv-h1 em { display: block; }
.sv-h1 em { font-style: normal; color: var(--sv-tint-2); }
@media (min-width: 640px) { .sv-h1 { font-size: 2.875rem; } }
@media (min-width: 1024px) { .sv-h1 { font-size: 3.5rem; } }
.sv-lead { margin: 1.1rem 0 0; max-width: 40rem; font-size: 1.0625rem; line-height: 1.6; color: var(--sv-tint); }
.sv-note { margin: 1rem 0 0; font-size: .8125rem; color: #DCE3F3; }
.sv-crumb { margin: 0 0 .9rem; font-size: .8125rem; color: #DCE3F3; }
.sv-crumb a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

.sv-facts { display: grid; gap: 1px; background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.18); border-radius: var(--sv-radius); overflow: hidden; }
.sv-facts > div { background: rgba(7,13,34,.55); padding: 1rem 1.25rem; display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.sv-facts span { font-size: .8125rem; color: #DCE3F3; }
.sv-facts b { font-size: 1.125rem; font-weight: 700; color: #fff; letter-spacing: -0.01em; }

/* Abschnitte */
.sv-block { padding: 3rem 0; }
@media (min-width: 1024px) { .sv-block { padding: 4rem 0; } }
.sv-block.alt { background: #fff; border-top: 1px solid var(--sv-line); border-bottom: 1px solid var(--sv-line); }
.sv-eyebrow { margin: 0 0 .5rem; font-size: .7rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--sv-navy); }
.sv-dark .sv-eyebrow { color: var(--sv-tint-2); }
.sv-h2 { margin: 0; font-size: 1.625rem; line-height: 1.15; font-weight: 800; letter-spacing: -0.03em; color: var(--sv-ink); }
@media (min-width: 640px) { .sv-h2 { font-size: 2rem; } }
.sv-dark .sv-h2 { color: #fff; }
.sv-sub { margin: .75rem 0 0; max-width: 44rem; font-size: 1rem; line-height: 1.6; color: var(--sv-muted); }
.sv-dark .sv-sub { color: var(--sv-tint); }

/* Regal */
.sv-rack { margin-top: 2rem; display: grid; gap: 1.5rem; }
.sv-rack-row { display: grid; gap: 1.5rem; }
@media (min-width: 1024px) { .sv-rack-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: start; } }
.sv-card { background: #fff; border: 1px solid var(--sv-line); border-radius: var(--sv-radius); box-shadow: var(--sv-shadow); padding: 1.5rem; }
@media (min-width: 640px) { .sv-card { padding: 1.75rem; } }
.sv-card-top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.sv-chip { display: inline-block; padding: .15rem .55rem; border-radius: 999px; background: var(--sv-tint); border: 1px solid var(--sv-tint-2); color: var(--sv-navy-hover); font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.sv-price { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.02em; color: var(--sv-ink); }
.sv-price small { margin-left: .35rem; font-size: .75rem; font-weight: 500; color: var(--sv-muted); }
.sv-card h3 { margin: 0; font-size: 1.25rem; font-weight: 700; letter-spacing: -0.02em; }
.sv-card h3 a { color: var(--sv-ink); text-decoration: none; }
.sv-card h3 a:hover { color: var(--sv-navy); text-decoration: underline; text-underline-offset: 3px; }
.sv-tag { margin: .35rem 0 0; font-weight: 600; color: var(--sv-navy); font-size: .9375rem; }
.sv-card p { line-height: 1.6; color: var(--sv-text); font-size: .9375rem; }
.sv-card > p { margin: .75rem 0 0; }
.sv-inst { padding: .75rem .9rem; background: var(--sv-bg); border-radius: 6px; font-size: .875rem !important; }
.sv-tags { list-style: none; margin: 1rem 0 1.25rem; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.sv-tags li { padding: .2rem .55rem; border-radius: 6px; border: 1px solid var(--sv-line); font-size: .75rem; color: var(--sv-muted); background: #fff; }

.sv-explain { display: grid; gap: 1.25rem; }
.sv-explain h3 { margin: 0 0 .6rem; font-size: 1rem; font-weight: 700; color: var(--sv-ink); }
.sv-why, .sv-earn { margin: 0; padding: 0; list-style: none; display: grid; gap: .6rem; }
.sv-why li { font-size: .9rem; line-height: 1.55; color: var(--sv-text); padding-left: 1rem; position: relative; }
.sv-why li::before { content: ""; position: absolute; left: 0; top: .55em; width: .4rem; height: .4rem; border-radius: 50%; background: var(--sv-navy); }
.sv-why b, .sv-earn b { color: var(--sv-ink); }
.sv-earn { counter-reset: e; }
.sv-earn li { counter-increment: e; display: grid; grid-template-columns: 2rem minmax(0, 1fr); column-gap: .5rem; font-size: .9rem; line-height: 1.5; color: var(--sv-text); }
.sv-earn li::before { content: "0" counter(e); grid-row: span 2; font-weight: 800; color: var(--sv-navy); font-variant-numeric: tabular-nums; }
.sv-earn li span { display: block; }
.sv-honest { margin: 0; padding: .85rem 1rem; border-left: 3px solid var(--sv-navy); background: #fff; border-radius: 0 6px 6px 0; font-size: .875rem; line-height: 1.55; color: var(--sv-text); }

.sv-soon { margin-top: 1.5rem; display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; padding: 1rem 1.25rem; border: 1px dashed var(--sv-tint-2); border-radius: var(--sv-radius); background: #fff; }
.sv-soon p { margin: 0; font-size: .9rem; line-height: 1.55; color: var(--sv-text); flex: 1 1 20rem; }
.sv-soon b { color: var(--sv-ink); }

/* Schritte */
.sv-steps { margin: 2rem 0 0; padding: 0; list-style: none; display: grid; gap: 1rem; counter-reset: s; }
@media (min-width: 768px) { .sv-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sv-steps li { counter-increment: s; background: #fff; border: 1px solid var(--sv-line); border-radius: var(--sv-radius); padding: 1.25rem 1.25rem 1.4rem; box-shadow: var(--sv-shadow); }
.sv-steps li::before { content: counter(s); display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--sv-navy); color: #fff; font-weight: 700; font-size: .85rem; margin-bottom: .75rem; }
.sv-steps b { display: block; font-size: 1rem; color: var(--sv-ink); }
.sv-steps span { display: block; margin-top: .4rem; font-size: .9rem; line-height: 1.6; color: var(--sv-text); }
.sv-steps code, .sv-r code { font-size: .82em; background: var(--sv-bg); border: 1px solid var(--sv-line); border-radius: 4px; padding: 0 .3em; }
.sv-o-note { margin: 1.5rem 0 0; font-size: .9rem; color: var(--sv-muted); }
.sv-o-note a, .sv-faq a, .sv-legal a { color: var(--sv-navy); text-decoration: underline; text-underline-offset: 3px; }

/* Regeln auf Marine */
.sv-rules { margin-top: 2rem; display: grid; gap: 1px; background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.18); border-radius: var(--sv-radius); overflow: hidden; }
@media (min-width: 768px) { .sv-rules { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.sv-rules > div { background: rgba(7,13,34,.55); padding: 1.4rem 1.5rem; }
.sv-rules b { font-size: .8rem; font-weight: 800; color: var(--sv-tint-2); letter-spacing: .08em; }
.sv-rules h3 { margin: .4rem 0 0; font-size: 1.0625rem; font-weight: 700; color: #fff; }
.sv-rules p { margin: .5rem 0 0; font-size: .9rem; line-height: 1.6; color: var(--sv-tint); }

/* FAQ */
.sv-faq { margin-top: 1.5rem; border-top: 1px solid var(--sv-line); }
.sv-faq details { border-bottom: 1px solid var(--sv-line); }
.sv-faq summary { cursor: pointer; list-style: none; padding: 1rem 2rem 1rem 0; position: relative; font-weight: 600; font-size: .9875rem; color: var(--sv-ink); }
.sv-faq summary::-webkit-details-marker { display: none; }
.sv-faq summary::after { content: "+"; position: absolute; right: .25rem; top: .9rem; font-size: 1.2rem; color: var(--sv-muted); }
.sv-faq details[open] summary::after { content: "\2212"; }
.sv-faq details p { margin: 0 0 1.1rem; font-size: .9375rem; line-height: 1.65; color: var(--sv-text); }

/* Produktseite */
.sv-pp-grid { display: grid; gap: 2.25rem; align-items: center; }
@media (min-width: 1024px) { .sv-pp-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 3rem; } }
.sv-win { border-radius: 10px; overflow: hidden; background: #fff; box-shadow: 0 18px 50px rgba(3,7,20,.45); border: 1px solid rgba(255,255,255,.15); }
.sv-win-bar { display: flex; align-items: center; gap: .35rem; padding: .55rem .75rem; background: #EDEFF5; border-bottom: 1px solid var(--sv-line); }
.sv-win-bar i { width: .6rem; height: .6rem; border-radius: 50%; background: var(--sv-tint-2); }
.sv-win-bar span { margin-left: .6rem; font-size: .72rem; color: var(--sv-muted); }
.sv-win img { display: block; width: 100%; height: auto; }

/* Abschnitte "How you earn" und "What is inside" (nur Produktseite directory):
   seit 2026-10-09 wieder als LISTE wie in der alten FWM-Fassung (Betreiber) --
   oben eine Linie, jede Zeile durch eine duenne Linie getrennt, kein Rahmen,
   keine Kaesten, keine Schatten. Links die Nummer gross und blass, rechts H3 + Absatz. */
.sv-rows { margin-top: 2rem; border-top: 1px solid var(--sv-line); }
.sv-r { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--sv-line); align-items: start; }
.sv-rows.plain .sv-r { grid-template-columns: 1fr; }
.sv-n { font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -0.04em; color: rgba(18, 21, 43, .22); font-variant-numeric: tabular-nums; }
.sv-r h3 { margin: 0 0 4px; font-size: 19px; line-height: 1.3; font-weight: 650; letter-spacing: -0.01em; color: var(--sv-ink); }
.sv-r p { margin: 0; max-width: 70ch; font-size: .9375rem; line-height: 1.6; color: var(--sv-text); }
@media (max-width: 560px) { .sv-r { grid-template-columns: 1fr; gap: 4px; } }

.sv-split { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 1024px) { .sv-split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3rem; } }
.sv-panel { background: #fff; border: 1px solid var(--sv-line); border-radius: var(--sv-radius); box-shadow: var(--sv-shadow); overflow: hidden; font-size: .875rem; }
.sv-panel .bar { padding: .7rem 1rem; background: var(--sv-bg); border-bottom: 1px solid var(--sv-line); font-weight: 600; color: var(--sv-ink); }
.sv-panel .f { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .7rem 1rem; border-bottom: 1px solid var(--sv-line); }
.sv-panel .f:last-child { border-bottom: 0; }
.sv-panel .f span { color: var(--sv-muted); }
.sv-panel .f i { font-style: normal; color: var(--sv-ink); font-weight: 500; }
.sv-sw { display: flex; gap: .3rem; }
.sv-sw u { display: block; width: 1rem; height: 1rem; border-radius: 50%; }
.sv-sw .a { background: #12204A; } .sv-sw .b { background: #5D6382; } .sv-sw .c { background: #CBD5EA; } .sv-sw .d { background: #12152B; }

.sv-plan { margin-top: 2rem; max-width: 46rem; background: #fff; border: 1px solid var(--sv-line); border-radius: var(--sv-radius); box-shadow: var(--sv-shadow); padding: 1.5rem; }
@media (min-width: 640px) { .sv-plan { padding: 2rem; } }
.sv-plan h3 { margin: 0; font-size: 1.125rem; font-weight: 700; }
.sv-pr { margin-top: .5rem; display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .75rem; }
.sv-pr b { font-size: 2.5rem; font-weight: 800; letter-spacing: -0.03em; color: var(--sv-ink); }
.sv-pr span { font-size: .875rem; color: var(--sv-muted); }
.sv-plan > p { margin: .75rem 0 0; color: var(--sv-text); line-height: 1.6; font-size: .9375rem; }
.sv-cols { margin: 1.5rem 0; display: grid; gap: 1.25rem; }
@media (min-width: 640px) { .sv-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.sv-cols h4 { margin: 0 0 .5rem; font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--sv-muted); }
.sv-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; }
.sv-list li { position: relative; padding-left: 1.4rem; font-size: .9rem; line-height: 1.5; color: var(--sv-text); }
.sv-list li::before { content: "\2713"; position: absolute; left: 0; top: 0; font-weight: 700; color: var(--sv-navy); }
.sv-list.no li::before { content: "\2013"; color: var(--sv-muted); }
.sv-plan .sv-btn { margin: .25rem .5rem .25rem 0; }

.sv-closer { padding: 3rem 0; text-align: left; }
@media (min-width: 1024px) { .sv-closer { padding: 3.5rem 0; } }

/* Rechtstext */
.sv-legal h1 { margin: 0; font-size: 2rem; font-weight: 800; letter-spacing: -0.03em; }
.sv-legal h2 { margin: 2rem 0 .5rem; font-size: 1.125rem; font-weight: 700; color: var(--sv-ink); }
.sv-legal p, .sv-legal li { font-size: .9375rem; line-height: 1.7; color: var(--sv-text); }
.sv-legal p { margin: .6rem 0 0; }
.sv-legal ol { margin: .6rem 0 0; padding-left: 1.25rem; list-style: decimal; }
.sv-legal ol li { margin-top: .35rem; }
.sv-legal b { color: var(--sv-ink); }

/* Zeile ueber dem LaunchAmp-Fuss */
.sv-subfoot { background: #fff; border-top: 1px solid var(--sv-line); }
.sv-subfoot-in { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 2rem; padding-top: 1rem; padding-bottom: 1rem; }
.sv-subfoot p { margin: 0; font-size: .8125rem; color: var(--sv-muted); }
.sv-subfoot b { color: var(--sv-ink); }
.sv-subfoot a { color: var(--sv-navy); text-decoration: underline; text-underline-offset: 3px; }

/* Kasse, Danke-Seite, Download (seit Schritt 2, 2026-10-09) */
.sv-buy { display: grid; gap: 2rem; align-items: start; }
@media (min-width: 1024px) { .sv-buy { grid-template-columns: minmax(0, 1fr) 22.5rem; gap: 3rem; } }
.sv-buy-h { margin: 0; font-size: 1.875rem; line-height: 1.15; font-weight: 800; letter-spacing: -0.03em; color: var(--sv-ink); }
@media (min-width: 640px) { .sv-buy-h { font-size: 2.25rem; } }
.sv-crumb-l { margin: 0 0 .75rem; font-size: .8125rem; color: var(--sv-muted); }
.sv-crumb-l a { color: var(--sv-navy); text-decoration: underline; text-underline-offset: 3px; }
.sv-notice { margin: 1.25rem 0 0; padding: .8rem 1rem; border-radius: 6px; background: var(--sv-tint); border: 1px solid var(--sv-tint-2); color: var(--sv-ink); font-size: .9rem; line-height: 1.55; }
.sv-notice.bad { background: #FDECEA; border-color: #F3B7B0; color: #8A1C12; }
.sv-form { margin-top: 1.5rem; display: grid; gap: 1.1rem; max-width: 36rem; }
.sv-form > label { display: grid; gap: .35rem; font-size: .875rem; font-weight: 600; color: var(--sv-ink); }
.sv-form input[type=text], .sv-form input[type=email] { width: 100%; box-sizing: border-box; padding: .7rem .8rem; border: 1px solid #C9CCDB; border-radius: 6px; background: #fff; font: inherit; font-weight: 400; font-size: 1rem; color: var(--sv-ink); }
.sv-form input:focus { outline: 2px solid var(--sv-navy); outline-offset: 1px; border-color: var(--sv-navy); }
.sv-form input[aria-invalid=true] { border-color: #C0392B; }
.sv-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.sv-hint { font-size: .8125rem; font-weight: 400; line-height: 1.5; color: var(--sv-muted); }
.sv-hint a { color: var(--sv-navy); text-decoration: underline; text-underline-offset: 3px; }
.sv-ferr { display: block; font-size: .8125rem; font-weight: 600; color: #B42318; }
.sv-form > label.sv-check { display: flex; gap: .65rem; align-items: flex-start; font-weight: 400; font-size: .9rem; line-height: 1.55; color: var(--sv-text); }
.sv-check input { margin-top: .25rem; width: 1.05rem; height: 1.05rem; flex-shrink: 0; accent-color: #12204A; }
.sv-check a { color: var(--sv-navy); text-decoration: underline; text-underline-offset: 3px; }
.sv-sum { margin: .25rem 0 0; padding: .9rem 1rem; background: #fff; border: 1px solid var(--sv-line); border-radius: 6px; font-size: .9rem; line-height: 1.55; color: var(--sv-text); }
.sv-sum b { color: var(--sv-ink); }
.sv-form button.sv-btn { justify-self: start; cursor: pointer; font-family: inherit; }
.sv-order { background: #fff; border: 1px solid var(--sv-line); border-radius: var(--sv-radius); box-shadow: var(--sv-shadow); padding: 1.5rem; }
.sv-order h2 { margin: 0 0 1rem; font-size: 1rem; font-weight: 700; color: var(--sv-ink); }
.sv-o-row { display: flex; justify-content: space-between; gap: 1rem; font-size: .9375rem; color: var(--sv-ink); }
.sv-o-row.total { margin: 1rem 0; padding-top: .9rem; border-top: 1px solid var(--sv-line); font-size: 1.0625rem; }
.sv-order .sv-o-note { margin: .5rem 0 0; font-size: .8125rem; line-height: 1.55; color: var(--sv-muted); }
.sv-order .sv-list { margin: 0 0 1rem; }
.sv-steps-box { margin-top: 2rem; }
.sv-steps-box h2 { margin: 0; font-size: 1.125rem; font-weight: 700; color: var(--sv-ink); }
.sv-steps.one { grid-template-columns: 1fr; margin-top: 1rem; }

/* 2026-10-09: Abstand unter dem dunklen Kopf wie auf allen LaunchAmp-Seiten (--la-gap aus style.css). */
.sv-hero + .sv-block { padding-top: var(--la-gap, 2.5rem); }