/* x-chains.com — Gemeinsame Gestaltung der interaktiven Modul-Seiten
   (Seed-Phrase-Check, Steuer-Schnellrechner, Wallet-Entscheidungshelfer).
   Baut auf article.css auf. Bewusst ohne externe Schriften/Bibliotheken. */

.topbar .tp-right{display:flex;align-items:center;gap:10px;}
.tp-lang{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--card);}
.tp-lang button{font:inherit;font-size:.78rem;font-weight:700;border:0;background:transparent;color:var(--ink-soft);padding:6px 11px;cursor:pointer;}
.tp-lang button[aria-pressed="true"]{background:var(--navy);color:#fff;}
.tp-home{font-size:.8rem;text-decoration:none;color:var(--ink-soft);}
.tp-home:hover{text-decoration:underline;}

.safe-warn{background:#FDECEC;border:2px solid #C0392B;color:#5A1A14;border-radius:12px;padding:14px 18px;font-size:.9rem;margin:0 0 22px;}
.safe-warn strong{display:block;margin-bottom:3px;}
.note-box{background:var(--bg-deep);border-left:4px solid var(--navy);border-radius:8px;padding:12px 16px;font-size:.88rem;margin:18px 0;}
.note-box.gold{border-left-color:var(--gold-deep);background:#FEF3E2;color:#5C4419;}

.tool-shell{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;margin:18px 0 8px;}
.progress{height:6px;background:var(--bg-deep);border-radius:99px;overflow:hidden;margin:0 0 16px;}
.progress > i{display:block;height:100%;width:0;background:var(--navy);transition:width .25s ease;}
.step-count{font-size:.78rem;color:var(--ink-soft);margin:0 0 6px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}

fieldset.q{border:0;margin:0 0 18px;padding:0;min-width:0;}
fieldset.q legend{font-family:Georgia,serif;font-size:1.12rem;font-weight:700;color:var(--navy-dark);padding:0;margin:0 0 4px;}
.q-hint{font-size:.84rem;color:var(--ink-soft);margin:0 0 12px;}
.opts{display:flex;flex-direction:column;gap:8px;}
.opt{display:flex;align-items:flex-start;gap:10px;border:1.5px solid var(--border);border-radius:11px;padding:11px 14px;cursor:pointer;background:var(--bg);font-size:.92rem;line-height:1.45;transition:border-color .15s,background .15s;}
.opt:hover{border-color:var(--navy);}
.opt input{margin-top:3px;accent-color:var(--navy);flex:0 0 auto;}
.opt:has(input:checked){border-color:var(--navy);background:#EAF0FA;}
.opt:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:2px;}

.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}
.btn{font:inherit;font-weight:700;font-size:.9rem;border-radius:10px;padding:11px 20px;cursor:pointer;border:1.5px solid var(--navy);background:var(--navy);color:#fff;text-decoration:none;display:inline-block;}
.btn:hover{background:var(--navy-dark);}
.btn.ghost{background:transparent;color:var(--navy-dark);}
.btn.ghost:hover{background:var(--bg-deep);}
.btn[disabled]{opacity:.45;cursor:not-allowed;}

/* Ergebnis */
.result{margin-top:6px;}
.score-card{display:flex;gap:18px;align-items:center;border-radius:14px;padding:18px 20px;margin:0 0 18px;border:2px solid var(--border);}
.score-num{font-family:Georgia,serif;font-size:2.6rem;font-weight:700;line-height:1;min-width:78px;text-align:center;}
.score-num small{display:block;font-size:.7rem;font-family:-apple-system,'Segoe UI',Roboto,sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:4px;opacity:.75;}
.score-card h2{margin:0 0 4px;font-size:1.2rem;}
.score-card p{margin:0;font-size:.9rem;}
.score-card.ok{background:#E9F7EF;border-color:#27AE60;color:#124A2B;}
.score-card.mid{background:#FEF3E2;border-color:#D68910;color:#5C3B05;}
.score-card.bad{background:#FDECEC;border-color:#C0392B;color:#5A1A14;}

.findings{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:10px;}
.finding{border:1px solid var(--border);border-left-width:5px;border-radius:10px;padding:12px 14px;background:var(--card);font-size:.9rem;}
.finding h3{margin:0 0 3px;font-size:.98rem;}
.finding p{margin:0 0 6px;}
.finding p:last-child{margin-bottom:0;}
.finding .fix{font-weight:600;}
.finding.critical{border-left-color:#C0392B;background:#FFF6F5;}
.finding.high{border-left-color:#E67E22;}
.finding.medium{border-left-color:#D4AC0D;}
.finding.info{border-left-color:#5B6572;}
.finding.good{border-left-color:#27AE60;background:#F4FBF7;}
.sev{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-radius:99px;padding:2px 9px;margin-right:6px;vertical-align:middle;color:#fff;}
.sev.critical{background:#C0392B;} .sev.high{background:#E67E22;} .sev.medium{background:#B7950B;} .sev.info{background:#5B6572;} .sev.good{background:#27AE60;}

.next-box{background:var(--navy);color:#fff;border-radius:14px;padding:20px 22px;margin:22px 0;}
.next-box h3{margin:0 0 8px;font-family:Georgia,serif;font-size:1.1rem;}
.next-box ol{margin:0 0 12px;padding-left:20px;}
.next-box a.btn{background:#fff;color:var(--navy-dark);border-color:#fff;}

/* Amazon-/Ausrüstungs-Karten (Werbung klar gekennzeichnet) */
.gear-block{margin:26px 0 8px;}
.gear-block h2{margin-top:0;}
.ad-tag{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border:1px solid var(--ink-soft);color:var(--ink-soft);border-radius:5px;padding:1px 7px;margin-left:8px;vertical-align:middle;}
.gcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px;margin:12px 0;}
.gcard{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--card);display:flex;flex-direction:column;gap:6px;font-size:.86rem;}
.gcard h3{margin:0;font-size:.98rem;font-family:Georgia,serif;color:var(--navy-dark);}
.gcard p{margin:0;}
.gcard .why{color:var(--ink);}
.gcard .watch{color:var(--ink-soft);font-size:.8rem;}
.gcard .not-needed{color:#1E6B3A;font-size:.8rem;}
.gcard a.buy{margin-top:auto;display:inline-block;text-align:center;background:var(--gold);color:#1A1204;font-weight:800;text-decoration:none;border-radius:9px;padding:9px 12px;font-size:.84rem;}
.gcard a.buy:hover{background:var(--gold-deep);color:#fff;}
.aff-note{font-size:.76rem;color:var(--ink-soft);margin:6px 0 0;}

/* Steuerrechner */
.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:600px){.fields{grid-template-columns:1fr;}}
.field label{display:block;font-weight:700;font-size:.86rem;margin-bottom:4px;}
.field .hint{display:block;font-weight:400;font-size:.76rem;color:var(--ink-soft);margin-top:2px;}
.field input,.field select{width:100%;font:inherit;font-size:.95rem;padding:10px 12px;border:1.5px solid var(--border);border-radius:9px;background:var(--bg);color:var(--ink);}
.field input:focus,.field select:focus{outline:3px solid var(--gold);outline-offset:1px;border-color:var(--navy);}
.field.full{grid-column:1 / -1;}
.tax-table{width:100%;border-collapse:collapse;font-size:.9rem;margin:10px 0;}
.tax-table th,.tax-table td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left;}
.tax-table td.num,.tax-table th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
.tax-table tr.total td{font-weight:800;border-top:2px solid var(--navy);border-bottom:0;}
.pill{display:inline-block;font-size:.72rem;font-weight:800;border-radius:99px;padding:2px 10px;}
.pill.free{background:#E9F7EF;color:#124A2B;} .pill.tax{background:#FDECEC;color:#5A1A14;} .pill.none{background:var(--bg-deep);color:var(--ink-soft);}

.cmp{width:100%;border-collapse:collapse;font-size:.84rem;margin:12px 0;}
.cmp th,.cmp td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top;}
.cmp th{background:var(--bg-deep);}
.table-scroll{overflow-x:auto;}

details.faq-i{border:1px solid var(--border);border-radius:10px;background:var(--card);margin:8px 0;padding:0 14px;}
details.faq-i summary{cursor:pointer;font-weight:700;padding:11px 0;}
details.faq-i p{margin:0 0 12px;font-size:.92rem;}

.links-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;}
.links-row a{font-size:.85rem;font-weight:700;text-decoration:none;border:1.5px solid var(--border);border-radius:99px;padding:7px 14px;background:var(--card);}
.links-row a:hover{border-color:var(--navy);}

[dir="rtl"] .score-card{flex-direction:row-reverse;}

@media print{
  header.site,.cookie-banner,.btn-row,.tp-lang,.gear-block,.links-row,footer,.next-box a.btn,#quizForm{display:none !important;}
  body{background:#fff;}
  .tool-shell,.finding,.score-card{break-inside:avoid;}
}
@media (prefers-reduced-motion:reduce){.progress > i{transition:none;} html{scroll-behavior:auto;}}

/* Ratgeber-Hub (auch auf der Startseite in styles.css) */
.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;}
.hub-card{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;text-decoration:none;color:var(--ink);transition:border-color .15s ease;}
.hub-card:hover{border-color:var(--navy);}
.hub-card:focus-visible{outline:3px solid var(--gold);outline-offset:2px;}
.hub-card h3{margin:0;font-family:Georgia,serif;font-size:1.05rem;color:var(--navy-dark);}
.hub-card p{margin:0;font-size:.88rem;color:var(--ink-soft);}
.hub-go{margin-top:auto;font-weight:800;font-size:.85rem;color:var(--navy);}