/* ─── SHARED ─── */
.beg-header{max-width:680px;margin:0 auto;padding:2.5rem 1.5rem 1.5rem}
.beg-eyebrow{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#c8a84b;margin-bottom:.6rem}
.beg-title{font-size:2.2rem;font-weight:400;letter-spacing:-.02em;color:#111;margin-bottom:.75rem;line-height:1.1}
.beg-sub{font-size:.95rem;color:#666;line-height:1.75;max-width:500px}

/* ─── CHART VIEW ─── */
#chart-view{background:#0f0f0f;min-height:100vh;padding-bottom:3rem}
#chart-view .beg-eyebrow{color:#c8a84b}
#chart-view .beg-title{color:#e8e8e8}
#chart-view .beg-sub{color:#888}

.chart-wrap{max-width:580px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;align-items:center}

.ch-node{cursor:pointer;border-radius:10px;padding:12px 20px;text-align:center;width:100%;transition:opacity .15s;user-select:none}
.ch-node:hover{opacity:.82}
.ch-main{font-family:Arial,sans-serif;font-size:13px;font-weight:500;line-height:1.3}
.ch-sub{font-family:Arial,sans-serif;font-size:11px;margin-top:3px;line-height:1.4}
.ch-col{width:100%;max-width:380px}

.ch-purple{background:#3C3489}.ch-purple .ch-main{color:#CECBF6}.ch-purple .ch-sub{color:#AFA9EC}
.ch-gray{background:#2a2a2a;border:1px solid #444}.ch-gray .ch-main{color:#ddd}.ch-gray .ch-sub{color:#888}
.ch-teal{background:#085041;border:1px solid #1D9E75}.ch-teal .ch-main{color:#9FE1CB}.ch-teal .ch-sub{color:#5DCAA5}
.ch-coral{background:#712B13}.ch-coral .ch-main{color:#F5C4B3}.ch-coral .ch-sub{color:#D85A30}
.ch-amber{background:#854F0B}.ch-amber .ch-main{color:#FAC775}.ch-amber .ch-sub{color:#EF9F27}
.ch-gold{background:#c8a84b;border:none}.ch-gold .ch-main{color:#111;font-size:14px}.ch-gold .ch-sub{color:#4a3a10}
.ch-gold:hover{opacity:.88}

.ch-eq .ch-main{font-family:Georgia,'Times New Roman',serif;letter-spacing:.1em}
.ch-eq-text{font-size:18px !important}

.ch-arr-down{width:2px;height:28px;background:#444;margin:0 auto;position:relative}
.ch-arr-down::after{content:'';position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #444}
.ch-arr-down-sm{width:2px;height:20px;background:#444;margin:0 auto;position:relative}
.ch-arr-down-sm::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #444}

.ch-which{font-family:Arial,sans-serif;font-size:11px;color:#555;margin:4px 0 10px;text-align:center}

.ch-fork{display:flex;gap:10px;width:100%;justify-content:center}
.ch-fork-col{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}
.ch-fork-col .ch-node{width:100%}

.ch-join{width:100%;max-width:580px;height:1px;background:#444;margin:0 auto}

.ch-selah{font-family:Georgia,serif;font-size:13px;font-style:italic;color:#444;margin-top:12px;cursor:pointer;letter-spacing:.06em;transition:color .15s;text-align:center}
.ch-selah:hover{color:#888}

.ch-panel{background:#1a1a1a;border:1px solid #2e2e2e;border-radius:12px;padding:20px 22px;max-width:520px;margin:20px auto 0;position:relative;animation:panelIn .2s ease}
@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.ch-panel-title{font-family:Arial,sans-serif;font-size:14px;font-weight:500;color:#e0e0e0;margin-bottom:10px}
.ch-panel-title.eq-title{font-family:Georgia,serif;letter-spacing:.08em}
.ch-panel-text{font-family:Georgia,serif;font-size:13px;color:#999;line-height:1.8}
.ch-panel-close{position:absolute;top:14px;right:16px;background:none;border:none;color:#555;font-size:16px;cursor:pointer;line-height:1}
.ch-panel-close:hover{color:#bbb}
.ch-read-btn{display:inline-block;margin-top:12px;font-family:Arial,sans-serif;font-size:11px;color:#777;border:1px solid #333;border-radius:6px;padding:5px 14px;cursor:pointer;background:none;transition:all .15s;text-decoration:none}
.ch-read-btn:hover{color:#eee;border-color:#777;opacity:1}
.ch-read-btn.gold{background:#c8a84b;color:#111;border-color:#c8a84b;font-weight:500}
.ch-read-btn.gold:hover{background:#d4b55a;opacity:1}

.ch-gf-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ch-gf-copy{font-family:Arial,sans-serif;font-size:11px;color:#5DCAA5;margin-top:8px;display:none}

.ch-footer-note{text-align:center;font-family:Arial,sans-serif;font-size:11px;color:#333;margin-top:3rem;padding:0 1rem 2rem}

/* ─── PROSE VIEW ─── */
#prose-view{background:#fafaf8;min-height:100vh}
.back-btn{font-family:Arial,sans-serif;font-size:12px;color:#888;background:none;border:1px solid #ddd;border-radius:6px;padding:6px 14px;cursor:pointer;transition:all .15s}
.back-btn:hover{color:#111;border-color:#999}

.prose-stage{max-width:620px;margin:0 auto;padding:0 1.5rem 5rem;animation:proseIn .2s ease}
@keyframes proseIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

.prose-title-row{display:flex;align-items:baseline;gap:1rem;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid #e8e8e8}
.prose-roman{font-family:Georgia,serif;font-size:.85rem;color:#ccc;letter-spacing:.08em;flex-shrink:0}
.prose-name{font-family:Georgia,serif;font-size:1.5rem;font-weight:400;color:#111;letter-spacing:-.01em}

.prose-body p{font-family:Georgia,'Times New Roman',serif;font-size:1.05rem;line-height:1.85;color:#222;margin-bottom:1.4rem;max-width:580px}
.prose-body p:last-child{margin-bottom:0}
.prose-body em{font-style:italic;color:#111}

.prose-eq{background:#f7f7f5;border:1px solid #e5e5e5;border-radius:12px;padding:2rem;text-align:center;margin:2.5rem 0}
.prose-eq-text{font-family:Georgia,serif;font-size:2rem;font-weight:400;color:#111;letter-spacing:.1em;margin-bottom:.5rem}
.prose-eq-gloss{font-family:Arial,sans-serif;font-size:.8rem;color:#999;letter-spacing:.05em}
.prose-selah{font-family:Georgia,serif;font-size:1.1rem;font-style:italic;color:#aaa;margin-top:2.5rem;letter-spacing:.06em}

.prose-nav{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid #e8e8e8;margin-top:2rem}
.pnav-btn{font-family:Arial,sans-serif;font-size:12px;padding:7px 18px;border-radius:8px;border:1px solid #ddd;background:transparent;color:#777;cursor:pointer;transition:all .15s}
.pnav-btn:hover{background:#111;color:#fff;border-color:#111}
.pnav-btn.pnav-fwd{background:#111;color:#fff;border-color:#111}
.pnav-btn.pnav-fwd:hover{background:#333}
.pnav-count{font-family:Arial,sans-serif;font-size:11px;color:#ccc;letter-spacing:.06em}

@media(max-width:560px){
  .beg-title{font-size:1.7rem}
  .ch-fork{gap:6px}
  .ch-main{font-size:12px}
  .ch-sub{font-size:10px}
  .ch-node{padding:10px 8px}
  .prose-body p{font-size:1rem}
  .prose-eq-text{font-size:1.5rem}
  .ch-gf-actions{flex-direction:column}
}