/* natal chart explanation (natal-reading.js), on My Account and the Zodiac Wheel */
.nr { color:var(--frost); font-size:calc(0.90625rem * var(--text-scale)); line-height:1.7; }
.nr-eyebrow { font-family:var(--font-heading); font-size:calc(0.65625rem * var(--text-scale)); letter-spacing:.18em; text-transform:uppercase; color:var(--gold); opacity:.85; margin:0 0 10px; }
.nr-summary { font-family:var(--font-body); font-size:calc(1rem * var(--text-scale)); line-height:1.65; color:var(--bone); margin:0 0 16px; }
.nr-solar { font-size:calc(0.78125rem * var(--text-scale)); line-height:1.6; margin:0 0 12px; padding:8px 12px; border-left:2px solid var(--gold); background:rgba(var(--gold-rgb),.06); border-radius:0 4px 4px 0; }
.nr-fold { border-top:1px solid var(--line); }
.nr-fold:last-of-type { border-bottom:1px solid var(--line); }
.nr-fold > summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 2px;
  font-family:var(--font-heading); font-size:calc(0.8125rem * var(--text-scale)); letter-spacing:.06em; color:var(--bone); }
.nr-fold > summary::-webkit-details-marker { display:none; }
.nr-fold > summary::after { content:'+'; font-family:var(--font-body); font-size:calc(1.125rem * var(--text-scale)); line-height:1; color:var(--gold); transition:transform .2s; }
.nr-fold[open] > summary::after { transform:rotate(45deg); }
.nr-fold > summary:hover { color:var(--gold); }
.nr-fold > summary:focus-visible { outline:2px solid var(--gold); outline-offset:2px; border-radius:2px; }
.nr-fold-body { padding:0 2px 8px; }
.nr-item { margin:0 0 16px; }
.nr-item h4 { margin:0 0 4px; font-family:var(--font-body); font-weight:normal; font-size:calc(0.90625rem * var(--text-scale)); color:var(--bone); }
.nr-item h4 small { font-size:calc(0.75rem * var(--text-scale)); color:var(--frost); opacity:.6; margin-left:6px; }
.nr-item h4 .g { font-family:'Segoe UI Symbol','Noto Sans Symbols 2','Noto Sans Symbols','DejaVu Sans',serif; color:var(--gold); display:inline-block; width:20px; }
.nr-item p, .nr-fold-body > p { margin:0 0 10px; }
.nr-counts { font-size:calc(0.78125rem * var(--text-scale)); color:var(--gold); opacity:.8; }
.nr-closing { font-style:italic; color:var(--gold); margin:18px 0 6px; }
.nr-note { font-size:calc(0.71875rem * var(--text-scale)); opacity:.45; margin:0; }
.nr-failed { padding:16px; border:1px dashed rgba(var(--gold-rgb),.3); border-radius:8px; text-align:center; }
.nr-failed p { margin:0 0 10px; font-style:italic; }
.nr-retry { background:none; border:1px solid rgba(var(--gold-rgb),.45); color:var(--gold); border-radius:4px; padding:7px 16px; cursor:pointer;
  font-family:var(--font-heading); font-size:calc(0.6875rem * var(--text-scale)); letter-spacing:.1em; text-transform:uppercase; }
.nr-thinking { padding:24px 18px 20px; text-align:center; border:1px solid rgba(var(--gold-rgb),.22); border-radius:10px;
  background:radial-gradient(ellipse at 50% 30%, rgba(var(--gold-rgb),.09), transparent 70%); }
.nr-runes { display:flex; justify-content:center; gap:14px; margin-bottom:12px; font-family:var(--font-rune); font-size:calc(1.5rem * var(--text-scale)); line-height:1; color:var(--gold-light); }
.nr-runes span { opacity:.18; animation:nr-rune 2.2s ease-in-out infinite; }
.nr-runes span:nth-child(2) { animation-delay:.25s; } .nr-runes span:nth-child(3) { animation-delay:.5s; }
.nr-runes span:nth-child(4) { animation-delay:.75s; } .nr-runes span:nth-child(5) { animation-delay:1s; }
@keyframes nr-rune { 0%,100% { opacity:.18; transform:none; text-shadow:none; } 35% { opacity:1; transform:translateY(-3px); text-shadow:0 0 14px rgba(var(--gold-light-rgb),.7); } }
.nr-thinking p { font-family:var(--font-body); font-style:italic; font-size:calc(0.9375rem * var(--text-scale)); color:var(--bone); margin:0 0 6px; }
.nr-thinking small { font-size:calc(0.75rem * var(--text-scale)); opacity:.6; }
@media (prefers-reduced-motion: reduce) { .nr-runes span { animation:none; opacity:.7; } }
/* "Show on chart" beside a passage (only where the interactive chart is on the page, natal-chart.js) */
.nr-show { margin-left:10px; padding:2px 10px; vertical-align:baseline; cursor:pointer; background:none; border:1px solid rgba(var(--gold-rgb),.5); border-radius:999px;
  font-family:var(--font-heading); font-size:calc(0.59375rem * var(--text-scale)); letter-spacing:.1em; text-transform:uppercase; color:var(--gold); white-space:nowrap; }
.nr-show:hover { background:rgba(var(--gold-rgb),.14); }
.nr-show:focus-visible { outline:2px solid var(--focus-ring); outline-offset:2px; }
.nr-summary .nr-show, .nr-counts .nr-show { margin-left:6px; }