.drx-analytics{margin:24px 0 0}.drx-live-jump{display:flex;gap:8px}.drx-live-jump a{flex:1;display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #e7cbd6;border-radius:24px;background:#fff;color:#8c3b5b;font-size:14px;font-weight:750}
.drx-analytics-status{font-size:12px;color:#75676e;margin:12px 4px 18px!important;min-height:20px}.drx-analytics-status.is-error{color:#902850}
.drx-analytics-card{padding:24px 16px;margin:0 0 18px;border:1px solid #eadfe2;border-radius:16px;background:#fff;scroll-margin-top:12px}.drx-analytics-card h2{font-size:24px}.drx-analytics-card .drx-eyebrow{margin-bottom:6px!important;font-size:12px}.drx-chart-caption{font-size:14px;color:#75676e;margin-top:8px!important;line-height:1.7}
.drx-chart-total{display:flex;align-items:baseline;gap:8px;margin-top:20px!important;line-height:1.2;color:#a63c67}.drx-chart-total strong{font-size:44px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.drx-chart-total span{font-size:16px}.drx-growth-chart{margin:12px -6px 0;min-height:190px}.drx-growth-chart svg{display:block;width:100%;height:auto;overflow:visible}.drx-chart-empty{padding:72px 0;text-align:center;color:#75676e;font-size:14px}
.drx-current-pace{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin-top:14px;padding:16px 14px;border:1px solid #e7cbd6;border-radius:12px;background:linear-gradient(120deg,#fff4f8,#fffaf7)}
.drx-current-pace h3{margin:0!important;font-size:16px;line-height:1.5;color:#735564}.drx-current-pace p{margin:4px 0 0!important;font-size:12px;color:#75676e}
.drx-current-pace-value{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:flex-end;gap:5px;margin-left:auto;max-width:100%;color:#a63c67}.drx-current-pace-value strong{font-size:36px;line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}.drx-current-pace-value span{font-size:13px;font-weight:700;white-space:nowrap}
.drx-pace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.drx-pace>div{min-width:0;padding:14px 12px;background:#fff4f8;border-radius:10px}.drx-pace span{display:block;color:#75676e;font-size:13px}.drx-pace strong{display:block;color:#a63c67;font-size:14px;font-weight:600;margin-top:4px;overflow-wrap:anywhere}.drx-pace strong b{font-size:26px;font-weight:800;margin-right:4px;font-variant-numeric:tabular-nums}.drx-pace-average{margin:6px 0 0!important;font-size:12px;line-height:1.6;color:#735564;overflow-wrap:anywhere}.drx-pace-average b{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.drx-time-facts{margin:18px 0 0;border-top:1px solid #eee5e9;padding-top:12px;font-size:12px}.drx-time-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:4px 0}.drx-time-facts dt{color:#75676e}.drx-time-facts dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.drx-data-details{border-top:1px solid #eee5e9;margin-top:18px}.drx-data-details summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:15px;font-weight:750;color:#735564;cursor:pointer;list-style:none}.drx-data-details summary::-webkit-details-marker{display:none}.drx-data-details summary::after{content:'＋';font-size:19px}.drx-data-details[open] summary::after{content:'−'}
.drx-region-map{margin:20px auto 0;max-width:350px}.drx-region-map svg{display:block;width:100%;height:auto}.drx-analytics-map-shape{stroke:#fff;stroke-width:3;fill:#f4edf0}.drx-analytics-map-label{font-family:inherit;font-size:18px;font-weight:750;fill:#624553;pointer-events:none;text-anchor:middle}.drx-analytics-map-count{font-family:inherit;font-size:17px;font-weight:700;fill:#624553;pointer-events:none;text-anchor:middle;font-variant-numeric:tabular-nums}
.drx-map-legend{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:#75676e;margin-top:8px!important}.drx-map-legend i{width:110px;height:8px;border-radius:8px;background:linear-gradient(90deg,#f4edf0,#e7b1c6,#a63c67)}.drx-map-note{text-align:center;font-size:11px;color:#75676e;margin-top:6px!important}.drx-small-heading{font-size:16px;margin:24px 0 12px!important}
.drx-region-top{list-style:none;margin:0;padding:0;display:grid;gap:8px}.drx-region-top li{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;background:#fff4f8;font-size:14px}.drx-region-top .drx-rank{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;background:#ecd0dd;color:#8c3b5b;font-size:12px;font-weight:800}.drx-region-top strong{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums;color:#8c3b5b;font-size:16px}
.drx-overseas{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 10px;background:#eff8f8;border-radius:10px;font-size:12px;color:#527879;margin-top:12px!important}.drx-overseas strong{font-size:14px;white-space:nowrap}.drx-overseas b{font-size:19px;margin-right:3px}
/* Same compact age layout as the supplied 1560 plugin: one stacked bar and two columns. */
.drx-age-summary{margin-top:14px!important;font-size:13px;color:#75676e;line-height:1.7}
.drx-age-distribution{display:flex;width:100%;height:14px;overflow:hidden;border-radius:999px;background:#f4edf0;margin-top:12px}
.drx-age-segment{flex:0 0 0%;min-width:0;background:var(--drx-age-color)}
.drx-age-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;margin:12px 0 0;padding:0}
.drx-age-card{min-width:0;padding:11px 12px;border:1px solid #eadfe2;border-radius:10px;background:#fffdfb}
.drx-age-name{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:750;color:#735564;line-height:1.5}
.drx-age-swatch{display:inline-block;flex:0 0 12px;width:12px;height:12px;border-radius:3px;background:var(--drx-age-color);box-shadow:inset 0 0 0 1px #00000012}
.drx-age-count{display:block;margin-top:5px;font-size:24px;line-height:1.3;font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:#40363b;white-space:nowrap}
.drx-age-count.is-long{font-size:clamp(13px,4.2vw,18px)}.drx-age-pct{display:block;margin-top:3px;font-size:13px;font-weight:650;line-height:1.5;color:#75676e;font-variant-numeric:tabular-nums}
.drx-analytics [data-age="under_20"]{--drx-age-color:#c9c9d1}.drx-analytics [data-age="20s"]{--drx-age-color:#9e9eaa}.drx-analytics [data-age="30s"]{--drx-age-color:#727280}.drx-analytics [data-age="40s"]{--drx-age-color:#444450}.drx-analytics [data-age="50s"]{--drx-age-color:#e07b8b}.drx-analytics [data-age="60s"]{--drx-age-color:#c52d48}.drx-analytics [data-age="70_plus"]{--drx-age-color:#83182e}
.drx-analytics-note{font-size:12px;line-height:1.8;color:#75676e;margin-top:18px!important}.drx-analytics-footnote{padding:0 6px}.drx-analytics .drx-chart-total strong{overflow-wrap:anywhere}

/* Compact mobile ranking: two columns, row-major descending counts, top-three badges. */
.drx-region-ranking{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:4px 0 0}
.drx-region-ranking .drx-region-card{min-width:0;padding:10px 12px;border:1px solid #eadfe2;border-radius:10px;background:#fffdfb}
.drx-region-card-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:22px;line-height:1.2}
.drx-region-card-name{font-size:14px;font-weight:700;color:#735564}.drx-region-badge{flex:none;padding:3px 6px;border-radius:6px;font-size:11px;font-weight:800;line-height:1.2}
.drx-region-card-count{display:block;margin-top:4px;font-size:clamp(18px,5.3vw,23px);line-height:1.25;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#40363b}.drx-region-card-count.is-long{font-size:clamp(14px,4.4vw,18px)}
.drx-region-card.is-top-1{border-color:#d8ba7c;background:#fffcf4}.is-top-1 .drx-region-badge{background:#f4e3bb;color:#73541e}
.drx-region-card.is-top-2{border-color:#c5ccd5;background:#fafbfd}.is-top-2 .drx-region-badge{background:#e6eaf0;color:#536173}
.drx-region-card.is-top-3{border-color:#d8bcaa;background:#fffaf7}.is-top-3 .drx-region-badge{background:#f0dfd3;color:#805b45}

.drx-member-grid{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px}.drx-member-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px 12px;padding:14px;border:1px solid #eadfe2;border-radius:10px;background:#fffafb}.drx-member-card strong{font-size:23px;color:#a63c67}.drx-member-percent{font-size:13px;color:#75676e}.drx-member-card progress{grid-column:1/-1;width:100%;height:8px;accent-color:#a63c67}

/* The reference LIVE layout, using the DRX charcoal/red campaign palette. */
.drx-live-page .drx-shell{padding:0 18px 24px}.drx-live-page .drx-live-hero{margin:0 -18px}.drx-live-page .drx-live-heading{padding:24px 18px 28px}.drx-live-page .drx-live-heading h1{font-size:28px}.drx-live-page .drx-live-panel{padding:0!important;background:transparent!important}.drx-live-page .drx-dashboard>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 18px;min-height:102px;border:1px solid #414653;border-left:4px solid #699ea5;border-radius:14px;background:#191d25}.drx-live-page .drx-dashboard>div:nth-child(2){border-left-color:#c35769}.drx-live-page .drx-dashboard>div:nth-child(3){border-left-color:#f04455;background:#251b23}.drx-live-page .drx-dashboard>div{font-size:15px;font-weight:650}.drx-live-page .drx-dashboard strong{font-size:clamp(34px,10vw,48px);letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.2;color:#ff7d89!important}.drx-live-page .drx-dashboard>div:first-child strong{color:#8fc7cc!important}.drx-live-page .drx-live-caption{font-size:12px;line-height:1.8;padding:0 0 4px}.drx-live-page .drx-stat-guide{margin-top:18px}.drx-live-page .drx-live-jump a{background:#181b23;color:#ff8d98;border-color:#60404c;min-width:0;font-size:13px;text-decoration:none}.drx-live-page .drx-analytics-status{color:#b7bdcb}.drx-live-page .drx-analytics-card{background:#191c24;border-color:#414653;box-shadow:none;color:#f3f0ee}.drx-live-page .drx-analytics-card h2{font-size:23px;color:#f3f0ee}.drx-live-page .drx-chart-caption,.drx-live-page .drx-chart-empty,.drx-live-page .drx-time-facts dt,.drx-live-page .drx-analytics-note,.drx-live-page .drx-map-note,.drx-live-page .drx-age-summary{color:#b7bdcb}.drx-live-page .drx-chart-total{color:#ff7d89}.drx-live-page .drx-current-pace{background:#281b25;border-color:#69404e}.drx-live-page .drx-current-pace h3,.drx-live-page .drx-current-pace-value{color:#ff8a96}.drx-live-page .drx-current-pace p{color:#c2b5c0}.drx-live-page .drx-pace>div{background:#26202b}.drx-live-page .drx-pace span,.drx-live-page .drx-pace-average{color:#c7bac6}.drx-live-page .drx-pace strong{color:#ff8a96}.drx-live-page .drx-time-facts{border-color:#414653}.drx-live-page .drx-time-facts dd{color:#d7dbe5}.drx-live-page .drx-region-map{max-width:430px;margin-top:16px}.drx-live-page .drx-analytics-map-shape{stroke:#151820;stroke-width:3}.drx-live-page .drx-regions{margin:0 0 18px}.drx-live-page .drx-regions [data-region-grid]{gap:8px;margin-top:16px}.drx-live-page .drx-regions [data-region-grid] article{padding:12px;border-color:#414653;background:#151820;font-size:14px}.drx-live-page .drx-regions strong{font-size:20px;margin-top:5px;overflow-wrap:anywhere}.drx-live-page .drx-overseas-stat{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:14px;border:1px solid #7d4957;border-radius:10px;background:#291e28}.drx-live-page .drx-overseas-stat strong{margin:0}.drx-live-page .drx-age-card{background:#151820;border-color:#414653}.drx-live-page .drx-age-name,.drx-live-page .drx-age-pct{color:#cbd0dc}.drx-live-page .drx-age-count{color:#f3f0ee}.drx-live-page .drx-age-distribution{background:#282d39}.drx-live-page .drx-live-actions{margin-top:20px}.drx-live-page .drx-analytics-map-count{font-size:15px}.drx-live-page .drx-map-note{line-height:1.7;margin-top:10px!important}.drx-live-page .drx-growth-chart svg{overflow:hidden}
@media(max-width:360px){.drx-live-page .drx-shell{padding-left:12px;padding-right:12px}.drx-live-page .drx-live-hero{margin-left:-12px;margin-right:-12px}.drx-live-page .drx-dashboard>div{padding:20px 12px}.drx-live-page .drx-dashboard>div{font-size:13px}.drx-live-page .drx-dashboard strong{font-size:34px}.drx-live-page .drx-analytics-card{padding:20px 12px}}
.drx-live-page .drx-live-hero .drx-mobile-banner{width:100%;margin-left:0;margin-right:0}
