/* Miss-Vey-Drucksheet — Layout fuer BEIDE Legungs-PDFs
 * (Seance/Wangara, I-Ging-Legung/Herr Hao) und fuer die Neu-Erzeugung
 * aus dem Konto. Aus den beiden Spielen herausgeloest, damit das PDF
 * im Spiel und im Konto identisch aussieht (Saso 30.10.2026).
 *
 * Der Container heisst .ps-sheet — beide Spiele und das Konto nutzen
 * denselben Selektor. */

.ps-sheet {
    display: none;
}

@media print {
    @page { margin: 16mm 15mm; }
    html, body { height: auto; overflow: visible; background: #fff; }

    /* Die Konto-Seite hat einen dunklen Seitenhintergrund
       (body.konto-page { background: #0c1512; }). Der specificity-
      _selector dieser Regel ist hoeher als das obige "html, body", also
       blieb der schwarze Hintergrund im PDF und die Texte auf dem Sheet
       waren unlesbar. Deshalb wird der Hintergrund hier explizit auf
       weiss gesetzt — fuer alle drei Druckwege (Saso 31.10.2026). */
    body,
    body.konto-page,
    .konto-page { background: #fff !important; color: #17111e !important; }

    /* Die Kopfzeile der Website (Suche / Ton / Konto) ist ein
       Bedien-Element, kein Teil der Legung — sie gehoert nicht ins PDF.
       Betrifft alle drei Druckwege (Seance, I-Ging, Konto), deshalb
       steht die Regel hier und nicht in der jeweiligen Seite.
       (Saso 31.10.2026: die Buttons standen ueber der Kopfzeile im PDF.) */
    .header-actions,
    .site-header .header-actions,
    .main-header .header-actions { display: none !important; }

    .ps-sheet {
        display: block;
        color: #17111e;
        font-family: Georgia, 'Times New Roman', serif;
        line-height: 1.55;
        font-size: 10.5pt;
    }
    .ps-sheet .ps-title {
        font-size: 20pt;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        text-align: center;
        margin: 0 0 2mm;
        color: #17111e;
    }
    .ps-sheet .ps-sub {
        text-align: center;
        font-style: italic;
        color: #55435f;
        margin-bottom: 6mm;
    }
    .ps-sheet .ps-question {
        text-align: center;
        font-size: 12pt;
        margin: 0 0 6mm;
        padding: 3mm 4mm;
        border-top: 0.5pt solid #b9a86a;
        border-bottom: 0.5pt solid #b9a86a;
    }
    .ps-sheet h2 {
        font-size: 12pt;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        margin: 6mm 0 2mm;
        border-bottom: 0.5pt solid #b9a86a;
        padding-bottom: 1mm;
    }
    .ps-sheet .ps-card { margin: 0 0 4mm; page-break-inside: avoid; }
    .ps-sheet .ps-card strong { color: #17111e; }
    .ps-sheet .ps-card em { color: #55435f; font-style: normal; }
    .ps-sheet p { margin: 1mm 0 0; }
    .ps-sheet .ps-spread {
        display: grid;
        gap: 2.5mm;
        margin: 0 0 6mm;
    }
    .ps-sheet .ps-cell {
        text-align: center;
        page-break-inside: avoid;
    }
    .ps-sheet .ps-cell img {
        width: 100%;
        aspect-ratio: 5 / 8;
        object-fit: cover;
        border: 0.5pt solid #b9a86a;
        border-radius: 1.5mm;
        display: block;
    }
    .ps-sheet .ps-cell .cap {
        font-size: 7.5pt;
        line-height: 1.3;
        margin-top: 1mm;
        color: #17111e;
    }
    .ps-sheet .ps-cell .cap em { color: #55435f; }
    .ps-sheet .ps-table-list {
        columns: 3; column-gap: 8mm; font-size: 9pt; margin: 1mm 0 0;
        padding: 0; list-style: none;
    }
    .ps-sheet .ps-table-list li { break-inside: avoid; padding: 0.4mm 0; }
    .ps-sheet .ps-foot {
        margin-top: 8mm; padding-top: 2mm;
        border-top: 0.5pt solid #b9a86a;
        font-size: 8.5pt; color: #55435f; font-style: italic; text-align: center;
    }
    /* Support-Referenz (Saso 31.10.2026): steht zentriert unter dem
       Footer. Nicht kursiv — sie ist eine Kennung, kein Fliesstext, und
       muss beim Vorlesen am Telefon klar erkennbar sein. */
    .ps-sheet .ps-ref {
        margin-top: 1.5mm;
        text-align: center;
        font-size: 9pt;
        font-style: normal;
        font-weight: bold;
        letter-spacing: 0.08em;
        color: #17111e;
    }
}

/* --- I-Ging: Hexagramm-Grafik im Druck-Sheet (01.11.2026) --- */
.ps-hex-wrap {
    display: flex;
    justify-content: center;
    margin: 0 0 5mm;
    page-break-inside: avoid;
}
.ps-hex {
    display: inline-flex;
    flex-direction: column;
    gap: 1.6mm;
    padding: 3mm 4mm;
    border: 0.4mm solid rgba(12, 7, 20, 0.35);
    border-radius: 1.5mm;
    background: #faf7f0;
}
.ps-hex-line {
    position: relative;
    display: flex;
    align-items: center;
    width: 26mm;
    height: 2.4mm;
}
.ps-hex-bar {
    display: block;
    height: 1mm;
    background: #0c0714;
}
.ps-hex-bar.yang { width: 100%; }
.ps-hex-bar.yin {
    width: 100%;
    background: linear-gradient(to right,
        #0c0714 0, #0c0714 42%, transparent 42%, transparent 58%, #0c0714 58%, #0c0714 100%);
}
/* Wandelnde Linie (8/9): Pfeil an der Linie */
.ps-hex-line.is-moving::after {
    content: '\2197';
    position: absolute;
    right: -5mm;
    top: -1.6mm;
    font-size: 3mm;
    line-height: 1;
    color: #8a6d1f;
}
.ps-hex-cap {
    margin-top: 1mm;
    font-size: 2.6mm;
    text-align: center;
    color: rgba(12, 7, 20, 0.75);
}