/* =========================================================================
   Karteo — shared article layout for guide / landing pages.
   Used by every /de/<topic>/ page so the styling lives in one place.
   ========================================================================= */

.guide-wrap { max-width: 760px; margin: 0 auto; padding: clamp(48px,7vw,88px) var(--gut) 40px; }
  .guide-crumbs { font-family: var(--t-mono); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--muted-2); margin-bottom: 22px; }
  .guide-crumbs a { color: var(--muted-2); text-decoration: none; }
  .guide-crumbs a:hover { color: var(--brand); }
  .guide h1 { font-size: clamp(34px,5.4vw,52px); line-height: 1.05; letter-spacing: -.025em; margin: 0 0 12px; color: var(--ink-text); }
  .guide h1 .serif { color: var(--brand); }
  .guide .dek { font-size: clamp(17px,2.2vw,20px); color: var(--muted); line-height: 1.5; margin: 0 0 30px; }
  .guide .answer { border: 1px solid var(--brand-tint); background: var(--bg-soft); border-radius: var(--r-md); padding: 20px 22px; margin: 0 0 38px; }
  .guide .answer p { margin: 0; font-size: 17px; line-height: 1.55; color: var(--ink-text); }
  .guide h2 { font-size: clamp(23px,3.4vw,30px); letter-spacing: -.015em; margin: 44px 0 14px; color: var(--ink-text); }
  .guide h3 { font-size: 18px; margin: 28px 0 8px; color: var(--ink-text); }
  .guide p, .guide li, .guide td { font-size: 17px; line-height: 1.62; color: var(--muted); }
  .guide p { margin: 0 0 16px; }
  .guide ul, .guide ol { margin: 0 0 20px; padding-left: 22px; }
  .guide li { margin: 0 0 9px; }
  .guide strong { color: var(--ink-text); font-weight: 600; }
  .guide a.inline { color: var(--brand); }
  .guide table { width: 100%; border-collapse: collapse; margin: 10px 0 30px; font-size: 15.5px; }
  .guide th, .guide td { text-align: left; padding: 12px 13px; border-bottom: 1px solid var(--line); vertical-align: top; }
  .guide th { font-family: var(--t-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
  .guide .yes { color: #1E7A46; font-weight: 600; }
  .guide .no { color: #B4442F; font-weight: 600; }
  .guide .cta-band { margin: 48px 0 12px; padding: 30px; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--bg-soft); text-align: center; }
  .guide .cta-band h2 { margin: 0 0 8px; }
  .guide .cta-band p { margin: 0 0 20px; }
  .guide .cta-band .btn { margin: 0 auto; }
  .guide details { border-top: 1px solid var(--line); padding: 16px 0; }
  .guide details:last-of-type { border-bottom: 1px solid var(--line); }
  .guide summary { list-style: none; cursor: pointer; font-size: 16.5px; font-weight: 600; color: var(--ink-text); }
  .guide summary::-webkit-details-marker { display: none; }
  .guide details p { margin: 10px 0 0; font-size: 16px; }