/* meu-kin.css – Steckbrief des Geburts-Kin (meu-kin.html) */
.mk{padding-top:76px}
.mk-hero{padding:90px 0 40px;background:radial-gradient(900px 500px at 70% 10%,rgba(123,92,196,.35),transparent 65%)}
.mk-hero h1{font-size:clamp(34px,5.4vw,60px);margin:14px 0 18px}
.mk-form{margin-top:26px;max-width:520px}
.mk-row{display:flex;gap:10px;margin:10px 0}
.mk-row input{flex:1;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:13px 18px;font:500 16px var(--font);color-scheme:dark}
.mk-hint{font-size:12.5px;color:var(--faint);margin:0}
.mk-sec{padding:10px 0 100px}

.mk-card{padding:34px;display:grid;gap:34px}
.mk-head{display:flex;gap:30px;align-items:center}
.mk-glyph{flex:none;padding:16px 18px;border-radius:24px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%);line-height:0}
.mk-glyph svg{display:block;width:150px;height:auto}
.mk-id{min-width:0}
.mk-id h2{font-size:clamp(28px,4vw,46px);margin:12px 0 16px;overflow-wrap:anywhere}
.mk-kn{display:block;font:700 18px/1 var(--display);color:var(--gold);letter-spacing:.08em;margin-bottom:10px}
.mk-chips,.mk-cal{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.mk-chips li,.mk-cal li{display:flex;flex-direction:column;gap:4px;padding:10px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);min-width:0}
.mk-chips small,.mk-cal small{font:600 10.5px/1.2 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.mk-chips b,.mk-cal b{font:700 18px/1.2 var(--display);color:var(--text)}
.mk-cal li.mk-plasma{flex-direction:row;align-items:center;gap:12px}
.mk-cal li.mk-plasma svg{flex:none}
.mk-cal li.mk-plasma span{display:flex;flex-direction:column;gap:4px}
.mk-special{color:var(--muted);margin:0}

.mk-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.mk-st{padding:22px 24px;background:rgba(255,255,255,.03)}
.mk-st-h{display:flex;gap:16px;align-items:center;margin-bottom:14px}
.mk-st-g{flex:none;display:grid;place-items:center;width:60px;min-height:60px;line-height:0}
.mk-st-h small{font:600 10.5px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.mk-st-h h3{font-size:22px;margin:5px 0 4px}
.mk-st-h em{display:block;font-style:normal;font-size:14px;color:var(--gold)}
.mk-st p{color:var(--muted);font-size:15px;margin:0}
.mk-st p.mk-q{color:var(--text);font-style:italic;margin-bottom:10px}

.mk-block{min-width:0;padding:0}   /* site.css gibt jeder <section> 110px Innenabstand */
.mk-h{font-size:clamp(20px,2.4vw,26px);margin:0 0 18px}
.mk-block .sig-body{grid-template-columns:170px minmax(0,1fr)}
.mk-block .sig-list{overflow-wrap:anywhere}
.mk-card .or-n{overflow-wrap:anywhere;hyphens:auto}

.mk-actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:24px;border-top:1px solid var(--line)}
.mk-actions .btn{justify-content:center;text-align:center}
#mk-msg:empty{display:none}

@media (max-width:900px){
  .mk-two{grid-template-columns:1fr}
}
@media (max-width:620px){
  .mk-hero{padding:60px 0 28px}
  .mk-row{flex-direction:column}
  .mk-card{padding:20px 16px;gap:26px}
  .mk-head{flex-direction:column;align-items:flex-start;gap:16px}
  .mk-glyph svg{width:110px}
  .mk-chips li,.mk-cal li{padding:8px 12px}
  .mk-chips b,.mk-cal b{font-size:16px}
  .mk-st{padding:18px 16px}
  .mk-block .sig-body{grid-template-columns:1fr}
  .mk-block .sig-svg{max-width:220px;margin:0 auto}
  .mk-actions{flex-direction:column}
  .mk-actions .btn{width:100%;line-height:1.3;padding:14px 18px}
}
/* Brotkrumen .pg-crumbs: css/site.css (gemeinsam, Touch-Ziel) */
/* Meldung bei ungültigem Datum (util.js dateMessage) */
.dt-msg{margin:8px 0 0;padding:8px 12px;border-radius:10px;border:1px solid rgba(240,161,74,.5);background:rgba(240,161,74,.1);color:var(--text);font-size:13px;line-height:1.4}
.mk-prens{margin:0 0 10px;font-size:12.5px;color:var(--faint)}
/* Platzhalter, solange der Steckbrief für ?data= noch gerechnet wird (meu-kin.html, Inline-Skript) */
.mk-wait #mk-out[hidden]{display:block;min-height:150vh}
/* ---------- Druck / PDF (Knopf „Drucken / als PDF speichern“, js/meu-kin.js): A4, ruhig, alle Inhalte, ohne Menü/Fuß,
   Glyphen in Farbe. Farben über die Tokens aus site.css (hell); pontos.css wird später geladen → Selektoren mit .mk-card. ---------- */
@media print{
  @page{size:A4;margin:12mm 12mm 13mm}
  :root{--bg:#fff;--bg-2:#fff;--panel:#fff;--panel-solid:#fff;--line:#cfd2dc;--text:#14161f;--muted:#3b3f4f;--faint:#5b6072;--gold:#8a6514;--cyan:#1d6d86}
  html,body{background:#fff!important;color:var(--text)}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none!important;text-shadow:none!important}
  .topbar,.drawer,.shade,footer,.skip,.mk-hero,.mk-actions,#mk-msg,.md-mk,#pwa-update,.dc-pill,.fab,.gl-pop{display:none!important}   /* .fab: WhatsApp-Knopf verdeckte Tabellenzeilen (GR-12) */
  .mk{padding-top:0}
  .mk-sec{padding:0}
  .mk-sec>.wrap{max-width:none;padding:0}
  .mk-card.card{display:block;padding:0;border:0;border-radius:0;background:none}
  .mk-card>*+*{margin-top:14px}
  .mk-card .card{background:#fff;border:1px solid var(--line)}
  .mk-head{gap:20px}
  .mk-glyph{padding:0;background:none}
  .mk-glyph svg{width:96px}
  .mk-id h2{font-size:26px;margin:6px 0 8px}
  .mk-kn{font-size:14px;margin-bottom:6px}
  .mk-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .mk-st{padding:10px 14px}
  .mk-st p{font-size:11px;line-height:1.5}
  .mk-st-h{margin-bottom:8px}
  .mk-st-h h3{font-size:16px}
  .mk-h{font-size:16px;margin:0 0 8px}
  .mk-chips li,.mk-cal li{padding:5px 10px;background:#fff}
  .mk-chips b,.mk-cal b{font-size:13.5px}
  /* GR-12: das Orakel als Ganzes nicht mehr zusammenhalten (S. 1 blieb sonst halb leer), nur seine Teile */
  .mk-head,.mk-st,.or-cell,.or-affirm,.or-facts>div,.mk-two-b>.mk-block:first-child,.sig-body,.mk-card .pts-i{break-inside:avoid}
  .mk-h,.mk-card .pts-g,.mk-card .pts-intro{break-after:avoid}
  /* Orakelkreuz und Affirmation untereinander: das Kreuz passt so meist noch auf S. 1, statt die Seite halb leer zu lassen –
     ein Raster mit einem unteilbaren Element schob die ganze Zeile auf S. 2 (GR-12) */
  .or-wrap{display:block}
  .mk-card .oraculo{zoom:.78;margin:0}
  .or-wrap>div{margin-top:10px}
  .or-cell{background:#fff}
  /* GR-12: Namen in den Orakelkarten nicht mitten im Wort ohne Trennstrich brechen („Selbstexisti erender“) – Silbentrennung
     nach der Seitensprache (<html lang>), etwas kleinere Schrift */
  .mk-card .or-n{overflow-wrap:break-word;word-break:normal;hyphens:auto;-webkit-hyphens:auto;font-size:10px;line-height:1.25}
  .or-cell .or-num{color:#14161f}
  .or-cell.destino{background:#fff;border-width:2px}
  .or-affirm{background:#f6f3ea;color:var(--text);font-size:13px;line-height:1.55;padding:10px 14px}
  .or-facts dd{font-size:12px}
  .mk-two-b{grid-template-columns:1fr}
  .mk-block .sig-body{grid-template-columns:130px minmax(0,1fr)}
  .sig-svg rect:not([class]){fill:#e4e6f2}
  .sig-svg .pt-m{fill:#14161f}
  .sig-list .pt-m{background:#14161f}
  .mk-card .pts-more>summary{break-after:avoid}
  .sig-list{font-size:11.5px;gap:4px}
  .mk-card .pts-more{border:0;background:none;margin-top:12px}
  /* Fund 15: Strg+P ohne den Knopf – die Liste lädt erst nach dem Aufklappen; die Ladezeile („Carregando os pontos …“)
     gehört nicht aufs Papier, ebenso wenig eine leere Überschrift */
  .mk-card .pts-more:has(.pts-body[aria-busy]),.mk-card .pts-more:not([open]){display:none}
  .mk-card .pts-more>summary{height:auto;padding:0 0 4px;font-size:13px}
  .mk-card .pts-more>summary::before,.mk-card .pts-more>summary::after{display:none}
  .mk-card .pts-body{padding:0}
  .mk-card .pts-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .mk-card .pts-i{background:#fff;padding:5px 8px;gap:3px}
  .mk-card .pts-k,.mk-card .pts-n{font-size:12px}
  .mk-card .pts-d{font-size:11px;gap:2px 12px}
  .mk-card .pts-s{font-size:10px;line-height:1.4}
  a{text-decoration:none;color:inherit}
}
/* ---------- Geburtswelle (js/meu-kin.js birthWaveHTML): die 13 Kin der Welle, Geburts-Kin hervorgehoben (Muster: onda.css .od-band) ---------- */
.mk-wsub{margin:-8px 0 8px;color:var(--text);font-size:15px}
.mk-wtxt{margin:0 0 16px;color:var(--muted);font-size:14.5px;max-width:72ch}
.mk-wband{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:6px}
.mk-wband li{min-width:0;display:flex}
.mk-wband .mk-wday{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 3px 10px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);text-decoration:none;text-align:center;transition:border-color .2s,background .2s,transform .2s}
.mk-wband .mk-wday:hover,.mk-wband .mk-wday:focus-visible{border-color:var(--gold);background:rgba(227,191,110,.08);transform:translateY(-2px)}
.mk-wband li.me .mk-wday{border-color:var(--gold);background:rgba(227,191,110,.12);box-shadow:0 0 0 1px var(--gold),0 10px 30px -12px rgba(227,191,110,.7)}
.mk-wt{position:absolute;top:6px;left:7px;font:700 12px var(--font);color:var(--gold)}
.mk-wme{position:absolute;top:5px;right:5px;font:700 9.5px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;padding:3px 5px;border-radius:999px;background:var(--gold);color:#14161f}
.mk-wg{display:block;line-height:0}
.mk-wg svg{display:block;max-width:100%;height:auto}
.mk-wtn{font:600 11px/1.2 var(--font);hyphens:manual;-webkit-hyphens:manual;max-width:100%;overflow-wrap:break-word}
.mk-wk{font:600 11px var(--font);color:var(--c)}
.mk-wn{font-size:10px;line-height:1.3;color:var(--muted);hyphens:manual;-webkit-hyphens:manual;max-width:100%;overflow-wrap:break-word}
.mk-wd{font-size:10.5px;color:var(--muted);display:flex;flex-direction:column;line-height:1.3;margin-top:auto}
.mk-wd+.mk-wd{margin-top:0}
.mk-wd em{font-style:normal;color:var(--gold);font-size:10px}
.mk-wmore{margin:14px 0 0;font-size:14px}
.mk-wmore a{color:var(--gold)}
@media (max-width:1239px){ .mk-wband{grid-template-columns:repeat(7,minmax(0,1fr))} .mk-wtn{font-size:12px} .mk-wn{font-size:11px} }
@media (max-width:620px){
  .mk-wband{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .mk-wband .mk-wday{padding:20px 3px 8px}
}
@media print{
  .mk-wband{grid-template-columns:repeat(13,minmax(0,1fr));gap:3px}
  .mk-wband .mk-wday{padding:14px 2px 5px;background:#fff;transform:none}
  .mk-wband li.me .mk-wday{background:#f6f3ea;box-shadow:none;border-width:2px}
  .mk-wn,.mk-wd{display:none}
  .mk-wtn{font-size:8px}
  /* Korrektur 8 (Fund 2): „Kin N“ in der Siegelfarbe war bei weißen Kin unsichtbar, bei gelben kaum lesbar – auf Papier dunkle
     Schrift, die Siegelfarbe nur als Marke darunter. Die Tonzahl steht über der Glyphe statt in der Ecke (die Zahlen 10–13
     überlagerten bei 13 schmalen Spalten die Punkte und Balken des Tons). */
  .mk-wk{font-size:8.5px;color:#14161f;padding-bottom:2px;border-bottom:3px solid var(--c);box-shadow:0 1px 0 #9a9db0!important}
  .mk-wband .mk-wday{padding-top:4px}
  .mk-wt{position:static;display:block;line-height:1;font-size:9px;color:#8a6514}
  .mk-wme{display:none}
  .mk-wtxt{font-size:11px;margin-bottom:8px}
  .mk-wsub{font-size:12px}
  .mk-wmore{display:none}
  .mk-wave{break-inside:avoid}
}
/* Kontrast (axe, Korrektur 8): blaue und rote Kin-Nummern auf hellerem Grund (Geburts-Kin der Welle, Schicksal im Orakel)
   lagen knapp unter 4,5 : 1 – am Bildschirm aufgehellt, im Druck gilt die dunkle Schrift oben */
@media screen{
  .mk-wband li.me .mk-wk{color:color-mix(in srgb,var(--c) 68%,#fff)}
  .mk-card .or-cell.destino .or-num{color:color-mix(in srgb,var(--c) 72%,#fff)}
}

/* ---------- Wellen-Aktivierungen (js/onda-nasc.js, 05.10.2026): die 13 Felder als Tagesauswahl + Bereich des gewählten Tages ---------- */
.mk-wband .mk-wday{font:inherit;color:var(--text);cursor:pointer;width:100%;-webkit-appearance:none;appearance:none}
.mk-wband li.me .mk-wday{box-shadow:0 0 0 1px rgba(227,191,110,.55)}                                  /* Geburts-Kin: ruhiger Goldrand */
.mk-wband li.sel .mk-wday{border-color:var(--gold);background:rgba(227,191,110,.16);box-shadow:0 0 0 2px var(--gold),0 10px 30px -12px rgba(227,191,110,.8)}   /* gewählter Tag */
.mk-wds{display:contents}
.mk-wtoday{display:block;font-weight:700}
.mk-wa{margin-top:16px}
.mk-wa-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:12px}
.mk-wa-seg{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:999px;background:rgba(7,10,28,.55)}
.mk-wa-seg .hp-mode{border:0;border-radius:999px;background:none;color:var(--muted);font:600 12.5px/1 var(--font);padding:9px 14px;cursor:pointer;min-height:36px}
.mk-wa-seg .hp-mode[aria-pressed="true"]{background:var(--gold);color:#1a1405}
.mk-wa-info{margin:0;font-size:13.5px;color:var(--muted);flex:1 1 280px}
.mk-wa-r{white-space:nowrap}
.mk-wa-ics{margin-left:6px}
.mk-wpanel{min-height:420px;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);touch-action:pan-y;transition:opacity .2s}
.mk-wpanel.busy{opacity:.55}
.mk-wpanel:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.mk-wa-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px}
.mk-wa-nav{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(7,10,28,.5);color:var(--text);font:600 18px/1 var(--font);cursor:pointer}
.mk-wa-nav:hover:not(:disabled),.mk-wa-nav:focus-visible{border-color:var(--gold);color:var(--gold)}
.mk-wa-nav:disabled{opacity:.3;cursor:default}
.mk-wa-id{display:flex;align-items:center;gap:12px;min-width:0}
.mk-wa-id>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.mk-wa-g{flex:none;line-height:0}
.mk-wa-id small{font:600 11px/1.35 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.mk-wa-id b{font:700 clamp(16px,1.8vw,20px)/1.25 var(--display);color:var(--text);overflow-wrap:anywhere}
.mk-wa-you{font-style:normal;font-size:12px;color:var(--c)}
.mk-wa-body{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:22px;align-items:start}
.mk-wa-fig{margin:0}
.mk-wa-svg{width:100%;max-width:300px;display:block;margin:0 auto;overflow:visible}
.mk-wa-svg text{font:700 7px var(--font);fill:#fff;text-anchor:middle;paint-order:stroke;stroke:rgba(7,10,28,.9);stroke-width:2px}
.mk-wa-svg .wa-trail{fill:none;stroke-width:1;stroke-opacity:.45;stroke-dasharray:2 2;stroke-linejoin:round}
.mk-wa-tog{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:8px;font-size:12.5px;color:var(--muted);cursor:pointer}
.mk-wa-pts h4,.mk-wa-blogbox h4{font:600 11px/1.3 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0 0 8px}
.mk-wa-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.mk-wa-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}
.mk-wa-k{min-width:34px;padding:3px 6px;border-radius:7px;background:var(--c);color:#14161f;font:700 12px/1.2 var(--font);text-align:center}
.mk-wa-c{font-size:13.5px;color:var(--text);min-width:0}
.mk-wa-c small{display:block;color:var(--muted);font-size:12px}
.mk-wa-s{display:block;color:var(--muted);font-size:12.5px;line-height:1.45;margin-top:2px}
.mk-wa-links{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.mk-wa-blogbox{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.mk-wa-blog{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mk-wa-blog a{color:var(--text)}
.mk-wa-blog small{color:var(--faint);margin-left:4px}
.mk-wa-more{margin:8px 0 0;font-size:13.5px}
.mk-wa-more a{color:var(--gold)}
.mk-wa-none{color:var(--muted);font-size:13.5px;margin:0}
@media (max-width:760px){
  .mk-wa-body{grid-template-columns:1fr}
  .mk-wpanel{padding:14px 12px}
  .mk-wa-head{gap:8px}
  .mk-wa-nav{width:40px;height:40px}
  .mk-wa-g svg{width:40px;height:auto}
}
@media print{
  .mk-wa-bar .mk-wa-seg,.mk-wa-nav,.mk-wa-tog,.mk-wa-ics,.mk-wa-links,.mk-wa-blogbox,.mk-wpanel .pts-more{display:none!important}
  .mk-wpanel{min-height:0;border:1px solid var(--line);break-inside:avoid}
  .mk-wband li.sel .mk-wday{box-shadow:none;border-width:2px}
}
/* Paket 2 (axe target-size): Schalter „Spur“ und Link „alle Beiträge“ mit Zielgröße ≥ 24 px */
.mk-wa-tog{min-height:28px}
.mk-wa-tog input{width:24px;height:24px;margin:0}
.mk-wa-more a{display:inline-block;padding:3px 0}