/* ===== from style_08.css ===== */

    @page { size: A4; margin: 18mm 14mm; }
    body { font-family: 'EB Garamond', Georgia, serif; color: #1a1208; line-height: 1.45; background:#fff; }
    h1, h2, h3 { font-family: 'Cinzel', Georgia, serif; color: #6a1818; margin: 0.7em 0 0.35em; }
    h1 { font-size: 1.55rem; letter-spacing: 0.05em; text-align: center; margin-bottom: 0.2em; }
    h2 { font-size: 1.05rem; border-bottom: 1px solid #c9a84c; padding-bottom: 0.2em; letter-spacing: 0.04em; }
    h3 { font-size: 0.92rem; color: #8b6a1a; letter-spacing: 0.03em; }
    p  { margin: 0.4em 0; }
    table { width: 100%; border-collapse: collapse; margin: 0.5em 0; font-size: 0.86rem; }
    th, td { border: 1px solid #d9c896; padding: 4px 8px; text-align: center; }
    th { background: #f4ead4; font-family: 'Cinzel', Georgia, serif; font-size: 0.72rem; letter-spacing: 0.04em; color:#6b5b3a; }
    .subtitle { text-align: center; color: #6b5b3a; font-size: 0.92rem; margin-bottom: 1.2em; }
    .meta { color: #6b5b3a; font-size: 0.85rem; }
    .progression { background: #f7eecc; border: 1px solid #c9a84c; padding: 0.7em; margin: 0.8em 0; text-align: center; font-family: 'EB Garamond', Georgia, serif; font-size: 1.15rem; color: #6a1818; letter-spacing: 0.05em; }
    .hex { display: table; margin: 0.9em auto; border-spacing: 0; }
    .hex-row { display: table-row; }
    .hex-row > * { display: table-cell; padding: 3px 6px; vertical-align: middle; font-size: 0.82rem; }
    .hex-label { text-align: right; color: #6b5b3a; white-space: nowrap; }
    .hex-bar-wrap { width: 150px; }
    .hex-bar-yang { width: 140px; height: 7px; background: #6a1818; }
    .hex-bar-yin  { width: 140px; height: 7px; background:
       linear-gradient(to right, #6a1818 0 60px, transparent 60px 80px, #6a1818 80px 140px); }
    .hex-pol { color: #6b5b3a; font-size: 0.8rem; white-space:nowrap; }
    .hex-divider-row { display: table-row; }
    .hex-divider-row > div { display: table-cell; }
    .hex-divider { height: 2px; background: #c9a84c; margin: 4px 0; width: 140px; }
    .pillar-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 0.5em 0 0.9em; }
    .pillar-card { border: 1px solid #d9c896; padding: 0.45em 0.35em; text-align: center; font-size: 0.78rem; border-radius: 3px; }
    .pillar-card.selected { border: 2px solid #6a1818; background: #fbf3e0; }
    .pillar-label { font-family: 'Cinzel', Georgia, serif; font-size: 0.62rem; color: #6b5b3a; letter-spacing: 0.04em; line-height:1.2 }
    .pillar-anim { font-size: 1.05rem; margin: 2px 0; }
    .pillar-name { font-family: 'Cinzel', Georgia, serif; color: #6a1818; font-size: 0.82rem; }
    .pillar-canal { color: #8b6a1a; font-family: 'Cinzel', Georgia, serif; font-size: 0.74rem; margin-top: 2px; }
    .trig-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0.8em 0; }
    .trig-card { border: 1px solid #d9c896; padding: 0.6em; text-align: center; border-radius: 3px; background: #fbf6e6; }
    .trig-sym { font-size: 1.8rem; line-height: 1; margin: 0.15em 0; color: #1a1208; }
    .trig-name { font-family: 'Cinzel', Georgia, serif; color: #6a1818; font-size: 0.92rem; }
    .trig-meta { color: #6b5b3a; font-size: 0.74rem; }
    .footer { margin-top: 1.6em; font-size: 0.72rem; color: #6b5b3a; text-align: center; border-top: 1px solid #d9c896; padding-top: 0.5em; }
    .cad-box { border: 1px solid #d9c896; padding: 0.45em 0.6em; border-radius: 3px; background:#fbf6e6; font-size: 0.85rem; }
    .cad-box strong { color:#6a1818; font-family:'Cinzel',Georgia,serif; }
    .no-print { text-align:center; margin-top: 1.4em; }
    @media print { .no-print { display: none; } }