/* Public natal chart: plum + gold, thinner lines, clearer labels. */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;1,400&display=swap");

#fi-birth-chart{
  --rw-paper:#1c1324;
  --rw-ink:#f4eadc;
  --rw-muted:#cbb8c8;
  --rw-gold:#d7b57a;
  --rw-line:rgba(215,181,122,.28);
  --rw-soft:#2a1c33;
  --rw-selected:#3d2a44;
  font-family:"Source Sans 3",system-ui,sans-serif;
}
#fi-birth-chart .fi-bc-wheel-viewport,
#fi-birth-chart [data-wheel]{
  background:#160e20!important;
  scrollbar-color:#c4a36a #1c1324;
}
#fi-birth-chart .filuxia-classic-wheel,
#fi-birth-chart svg.atlas-readable-wheel{
  background:transparent!important;
  filter:none!important;
  overflow:visible!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  display:block;
  aspect-ratio:1;
  --rw-paper:#1c1324;
  --rw-ink:#f4eadc;
  --rw-muted:#cbb8c8;
  --rw-gold:#d7b57a;
  --rw-line:rgba(215,181,122,.28);
  --rw-soft:#2a1c33;
  --rw-selected:#3d2a44;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-background{fill:none!important;stroke:none!important}
#fi-birth-chart svg.atlas-readable-wheel .rw-base{
  fill:var(--rw-paper)!important;
  stroke:#c4a36a!important;
  stroke-width:1.15!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-ring{
  fill:none!important;
  stroke:var(--rw-line)!important;
  stroke-width:.7!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-zodiac-sector{stroke:none!important;fill:#27182f!important}
#fi-birth-chart svg.atlas-readable-wheel .rw-element-0{fill:#32202c!important}
#fi-birth-chart svg.atlas-readable-wheel .rw-element-1{fill:#243026!important}
#fi-birth-chart svg.atlas-readable-wheel .rw-element-2{fill:#2a2433!important}
#fi-birth-chart svg.atlas-readable-wheel .rw-element-3{fill:#222a38!important}
#fi-birth-chart svg.atlas-readable-wheel .rw-tick{
  stroke:rgba(232,214,186,.38)!important;
  stroke-width:.55!important;
  opacity:1!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-major{
  stroke:rgba(215,181,122,.72)!important;
  stroke-width:1.05!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-zodiac{
  font:600 21px "Cormorant Garamond","Times New Roman","Segoe UI Symbol","Noto Sans Symbols 2",serif!important;
  fill:#ead7b0!important;
  stroke:none!important;
  letter-spacing:.04em!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-house-spoke{
  stroke:rgba(215,181,122,.28)!important;
  stroke-width:.7!important;
  opacity:1!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-house-badge{
  fill:#160e20!important;
  stroke:rgba(215,181,122,.85)!important;
  stroke-width:.9!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-house-number{
  font:600 13px "Source Sans 3",Arial,sans-serif!important;
  fill:#ead7b0!important;
  stroke:none!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-house-leader{
  stroke:rgba(215,181,122,.45)!important;
  stroke-width:.7!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-point-bg{
  fill:#160e20!important;
  stroke:rgba(215,181,122,.38)!important;
  stroke-width:.7!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-planet{
  font:600 19px "Cormorant Garamond","Times New Roman","Segoe UI Symbol","Noto Sans Symbols 2",serif!important;
  fill:#f6efe4!important;
  stroke:none!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-degree{
  font:500 10.5px "Source Sans 3",Arial,sans-serif!important;
  fill:#d7b57a!important;
  stroke:none!important;
  letter-spacing:.03em!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-retro{
  font:600 9px "Source Sans 3",Arial,sans-serif!important;
  fill:#e8b7c4!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-leader{
  stroke:rgba(203,184,200,.42)!important;
  stroke-width:.65!important;
  stroke-dasharray:none!important;
  opacity:1!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-anchor{
  fill:#d7b57a!important;
  stroke:#160e20!important;
  stroke-width:.4!important;
  r:2.2;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-aspect{
  stroke-width:.85!important;
  opacity:.42!important;
}
#fi-birth-chart svg.atlas-readable-wheel .chart-aspect-target:has(.aspect-other){
  display:none!important;
}
#fi-birth-chart svg.atlas-readable-wheel .aspect-trine,
#fi-birth-chart svg.atlas-readable-wheel .aspect-sextile{stroke:#9ec0e8!important}
#fi-birth-chart svg.atlas-readable-wheel .aspect-square,
#fi-birth-chart svg.atlas-readable-wheel .aspect-opposition{stroke:#d99290!important}
#fi-birth-chart svg.atlas-readable-wheel .aspect-conjunction{stroke:#d7b57a!important}
#fi-birth-chart svg.atlas-readable-wheel .rw-axis-bg{
  fill:#160e20!important;
  stroke:rgba(215,181,122,.55)!important;
  stroke-width:.7!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-axis-line{
  stroke:rgba(215,181,122,.7)!important;
  stroke-width:.85!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-axis-label{
  font:600 11px "Source Sans 3",Arial,sans-serif!important;
  fill:#ead7b0!important;
  stroke:none!important;
  letter-spacing:.12em!important;
}
#fi-birth-chart svg.atlas-readable-wheel .rw-axis-degree{
  font:500 10px "Source Sans 3",Arial,sans-serif!important;
  fill:#f4eadc!important;
  stroke:none!important;
}
#fi-birth-chart svg.atlas-readable-wheel .is-chart-selected .rw-house-badge,
#fi-birth-chart svg.atlas-readable-wheel .rw-house:focus-visible .rw-house-badge,
#fi-birth-chart svg.atlas-readable-wheel .is-chart-selected .rw-point-bg,
#fi-birth-chart svg.atlas-readable-wheel .rw-point:focus-visible .rw-point-bg{
  fill:#3d2a44!important;
  stroke:#ead7b0!important;
  stroke-width:1.35!important;
}
#fi-birth-chart svg.atlas-readable-wheel .chart-aspect-target.is-chart-selected .aspect-line,
#fi-birth-chart .fi-bc-selected.chart-aspect-target .aspect-line{
  stroke-width:1.7!important;
  opacity:.92!important;
}
#fi-birth-chart .rw-house{cursor:pointer}

#fi-birth-chart .fi-bc-legend{
  list-style:none;margin:18px 0 0;padding:16px 18px;display:grid;
  grid-template-columns:1fr 1fr;gap:11px 22px;
  border:1px solid rgba(215,181,122,.22);border-radius:18px;
  background:linear-gradient(180deg,#1d1426,#19111f);
}
#fi-birth-chart .fi-bc-legend li{
  display:flex;align-items:center;gap:12px;
  color:#e8dce8;font-size:14.5px;line-height:1.45;margin:0;
  font-weight:400;
}
#fi-birth-chart .fi-bc-legend b{
  color:#ead7b0;font-weight:600;font-family:"Cormorant Garamond",Georgia,serif;
  font-size:16px;letter-spacing:.01em;margin-right:.28em;
}
#fi-birth-chart .fi-bc-legend i{flex:none;width:26px;height:10px;border-radius:99px}
#fi-birth-chart .lg-zodiac{
  background:linear-gradient(90deg,#5a3a3a,#3a4a3c,#334056);
  border:1px solid rgba(215,181,122,.55);height:12px;
}
#fi-birth-chart .lg-house{
  display:grid!important;place-items:center;width:22px!important;height:22px!important;
  border-radius:50%!important;border:1px solid #d7b57a;color:#ead7b0;
  font:600 11px/1 "Source Sans 3",Arial,sans-serif;background:#160e20
}
#fi-birth-chart .lg-planet{
  display:grid!important;place-items:center;width:22px!important;height:22px!important;
  color:#f6efe4;font:600 18px/1 "Cormorant Garamond",serif;background:transparent
}
#fi-birth-chart .lg-soft{background:#9ec0e8}
#fi-birth-chart .lg-hard{background:#d99290}
#fi-birth-chart .lg-conj{background:#d7b57a}

#fi-birth-chart .fi-bc-note{
  color:#cbb8c8!important;
  font-size:14.5px!important;
  line-height:1.65!important;
}

#fi-birth-chart .chart-house-guide{
  margin:16px 0 0;color:#e8dce8;
  border:1px solid rgba(215,181,122,.22);border-radius:18px;
  padding:16px 18px;background:#1d1426
}
#fi-birth-chart .chart-house-guide summary{
  cursor:pointer;font-weight:600;color:#ead7b0;min-height:28px;
  font-family:"Cormorant Garamond",Georgia,serif;font-size:18px
}
#fi-birth-chart .chart-house-guide>p{font-size:14.5px;line-height:1.7;color:#cbb8c8}
#fi-birth-chart .chart-house-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#fi-birth-chart .chart-house-guide article{
  padding:12px 14px;border:1px solid rgba(215,181,122,.16);
  border-radius:12px;background:#160e20
}
#fi-birth-chart .chart-house-guide b,
#fi-birth-chart .chart-house-guide small{display:block;line-height:1.5}
#fi-birth-chart .chart-house-guide b{color:#ead7b0;font-family:"Cormorant Garamond",Georgia,serif;font-size:16px}
#fi-birth-chart .chart-house-guide small{color:#cbb8c8;margin:4px 0}
#fi-birth-chart .chart-house-guide article p{margin:6px 0 0;font-size:14px;line-height:1.7;color:#e8dce8}

#fi-birth-chart [data-selection]{
  color:#e8dce8;
}
#fi-birth-chart [data-selection] h3{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:600;color:#ead7b0;letter-spacing:.01em;
}

@media(max-width:680px){
  #fi-birth-chart .fi-bc-legend{grid-template-columns:1fr}
  #fi-birth-chart .chart-house-guide-grid{grid-template-columns:1fr}
  #fi-birth-chart svg.atlas-readable-wheel .rw-zodiac{font-size:18px!important}
  #fi-birth-chart svg.atlas-readable-wheel .rw-planet{font-size:17px!important}
  #fi-birth-chart svg.atlas-readable-wheel .rw-degree{font-size:10px!important}
}
@media(max-width:420px){
  #fi-birth-chart svg.atlas-readable-wheel .rw-zodiac{font-size:16px!important}
  #fi-birth-chart svg.atlas-readable-wheel .rw-planet{font-size:16px!important}
}