.religion-panel {margin: 1.5rem 0; padding: 1.5rem; border: 1px solid #e2e8f0; border-radius: .75rem; background: white; min-width: 0; color: #334155;}
.religion-panel h2 {font-size: 1.4rem; font-weight: 650; color: #0f172a; margin-bottom: .75rem;}
.religion-panel p {margin: .7rem 0; line-height: 1.6;}
.religion-panel a {color: #1d4ed8; text-decoration: underline;}
.religion-controls {display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.25rem 0;}
.religion-controls label {display: flex; flex-direction: column; gap: .4rem; font-weight: 600; max-width: 100%;}
.religion-controls select {padding: .65rem; background: #f8fafc; border: 1px solid #cbd5e1; border-radius: .4rem; max-width: 100%;}
#religion-status {font-variant-numeric: tabular-nums; font-weight: 600;}
#religion-chart {display: block; width: 100%; height: 490px;}
#religion-chart circle:focus, #religion-chart circle:hover {stroke: #0f172a; stroke-width: 3; outline: none; fill-opacity: 1;}
#religion-point {min-height: 3.3em; padding: .6rem; background: #eff6ff; border-radius: .4rem;}
.religion-note {font-size: .9rem; color: #475569;}
.religion-panel summary {cursor: pointer; font-weight: 600; margin: 1rem 0;}
.religion-pair-wrap {max-height: 340px; overflow: auto;}
.religion-pair-wrap table {width: 100%; border-collapse: collapse;}
.religion-pair-wrap td, .religion-pair-wrap th {padding: .5rem; text-align: left; border-bottom: 1px solid #e2e8f0;}
#country-religion {display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 1rem;}
#country-religion dd {font-size: 1.4rem; font-weight: 650; margin: .4rem 0;}
@media(max-width: 600px) {.religion-panel {padding: 1rem;} #religion-chart {height: 400px;}}

.religion-panel h3 {font-size:1.05rem;font-weight:700;color:#0f172a;margin:.5rem 0;}
.religion-insights {display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1.5rem 0;}
.religion-insights section {min-width:0;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.6rem;}
.religion-comparison {display:grid;grid-template-columns:120px minmax(0,1fr) 58px;gap:8px;align-items:center;width:100%;padding:10px 5px;text-align:left;font-size:13px;border-bottom:1px solid #e2e8f0;}
button.religion-comparison:hover,button.religion-comparison[aria-pressed=true] {background:#dbeafe;border-radius:5px;}
button.religion-comparison:focus-visible {outline:2px solid #2563eb;}
.religion-r-track {position:relative;height:22px;background:linear-gradient(to right,transparent 49.5%,#94a3b8 49.5%,#94a3b8 50.5%,transparent 50.5%);}
.religion-r-track i {position:absolute;top:4px;height:14px;border-radius:2px;}
.religion-r-axis {font-size:10px;color:#64748b;}
.religion-band {display:grid;grid-template-columns:95px minmax(0,1fr) 42px;gap:10px;align-items:center;min-height:46px;font-size:13px;}
.religion-band small {display:block;font-size:11px;color:#64748b;}
.religion-band-track {height:25px;position:relative;background:repeating-linear-gradient(to right,#cbd5e1 0,#cbd5e1 1px,transparent 1px,transparent 23.0769%);}
.religion-band-track i {position:absolute;top:9px;height:8px;background:#93c5fd;border-radius:4px;}
.religion-band-track b {position:absolute;top:6px;height:14px;width:14px;background:#1d4ed8;border-radius:50%;transform:translateX(-50%);border:2px solid white;}
.religion-band-axis {font-size:11px;color:#64748b;min-height:24px;}
.religion-band-axis>span:nth-child(2) {position:relative;height:16px;}
.religion-band-axis i {position:absolute;}
.religion-band-axis i:nth-child(1) {left:0;}
.religion-band-axis i:nth-child(2) {left:46.1538%;transform:translateX(-50%);}
.religion-band-axis i:nth-child(3) {right:0;}
.religion-band-axis i {font-style:normal;}
.religion-reading {padding:1rem;background:#eff6ff;border-left:4px solid #2563eb;font-weight:600;}
.religion-legend {display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;}
.religion-legend i {display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;}
@media(max-width:1000px) {.religion-insights {grid-template-columns:1fr;gap:1rem;}}
@media(max-width:450px) {.religion-comparison {grid-template-columns:90px minmax(0,1fr) 46px;font-size:11px;gap:5px;}.religion-r-axis {font-size:9px;}.religion-band {grid-template-columns:78px minmax(0,1fr) 35px;gap:6px;}.religion-insights section {padding:.6rem;}}

#religion-correlation {scroll-margin-top:85px;}