/* Delta Tango member area: align with the site's original navy/blue/gold theme.
   Loaded AFTER redesign.css; deliberately scoped to this page.
   Never changes callsign directory or gallery JS/data. */
:root {
 --dt-navy:#0a1628;
 --dt-navy-2:#0d2137;
 --dt-panel:#132337;
 --dt-border:#254366;
 --dt-text:#e8f0f8;
 --dt-muted:#a5bbd3;
 --dt-blue:#00d4ff;
 --dt-gold:#ffd700;
}
html { scroll-padding-top:20px; }
body {
 background:#0a1628 !important;
 color:var(--dt-text) !important;
}
/* True site header, identical ordering/scale to the regular site. */
.dt-site-header {
 position:relative;z-index:110;
 background:#0a1628; border-bottom:1px solid #254366;
 color:#e8f0f8; font-family:'Segoe UI',system-ui,sans-serif;
}
.dt-site-header-inner {
 max-width:1280px; margin:0 auto; padding:.75rem 1.5rem;
 display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:.75rem;
 min-height:65px; position:relative;
}
.dt-site-logo {display:flex;align-items:center;gap:.65rem;flex-shrink:0;color:#f5f8ff!important;font-size:1.25rem;font-weight:750;letter-spacing:-.02em;white-space:nowrap}
.dt-site-logo-icon {display:grid;place-items:center;font-size:1.7rem;line-height:1}
.dt-site-nav {
 grid-column:1/-1;
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
 gap:.25rem;
 padding-top:.75rem;
 border-top:1px solid var(--dt-border);
}
.dt-site-header.menu-ready .dt-site-nav:not(.open) {display:none}
.dt-site-header.menu-ready .dt-site-menu {display:inline-block}
.dt-site-nav a {color:#9db3c9!important;padding:.4rem .55rem;border-radius:8px;font-size:.82rem;font-weight:500;overflow-wrap:anywhere;line-height:1.3}
.dt-site-nav a:hover,.dt-site-nav a.active {color:#00d4ff!important;background:rgba(0,212,255,.12)}
.dt-site-actions {display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.dt-site-join {display:inline-block;background:#00d4ff;color:#001824!important;font-weight:700;padding:.48rem .75rem;border-radius:8px;white-space:nowrap;font-size:.84rem}
.dt-site-join:hover {background:#6ce9ff}
.dt-site-menu {display:none;background:#0d2137;color:#e8f0f8;border:1px solid #254366;border-radius:8px;padding:.38rem .65rem;font:inherit;cursor:pointer}
/* Exact same framed banner position and proportional dimensions as the homepage. */
.dt-member-banner {max-width:1100px; margin:1.5rem auto 0; padding:0 1rem; width:100%; background:transparent; position:relative;z-index:1;}
.dt-member-banner a {display:block;line-height:0}
.dt-member-banner img,
.dt-member-banner img[data-dt-rotating-banner] {
 display:block!important;width:100%!important;height:auto!important;
 max-width:none!important;max-height:none!important; aspect-ratio:3/1!important;
 object-fit:contain!important; object-position:center!important;
 border-radius:12px!important;
 box-shadow:0 12px 40px rgba(0,0,0,.45)!important;
 background:#102d49!important;
}
/* Member-section shortcuts replace the unrelated compact header/nav. */
.dt-member-quicknav {
 max-width:1100px;margin:1rem auto 0;padding:.65rem 1rem;
 border-radius:10px;background:#10253b;border:1px solid #254366;
 display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.25rem .4rem;
}
.dt-member-quicknav a {
 color:#b9cbde!important;font:600 .83rem 'Segoe UI',system-ui,sans-serif;
 padding:.43rem .7rem;border-radius:7px;white-space:nowrap;
}
.dt-member-quicknav a:hover,.dt-member-quicknav a:focus-visible {color:#00d4ff!important;background:rgba(0,212,255,.12)}
/* Compact hero: avoids the former 540px dark block below an oversized banner. */
.hero {
 min-height:310px!important;padding:3rem max(5vw,1.5rem) 2.5rem!important;
 background:radial-gradient(ellipse at 78% 30%,#164066 0%,transparent 48%),linear-gradient(135deg,#0a1628,#0d2137)!important;
}
.hero-copy {max-width:900px!important}
.hero h1 {font-size:clamp(2.1rem,4.5vw,3.45rem)!important;line-height:1.14!important}
.hero h1 em {background:linear-gradient(90deg,#ffd700,#f3bd55)!important;-webkit-background-clip:text!important;background-clip:text!important;}
.hero-text {max-width:720px!important;color:#a7c0d9!important}
.hero .dt-logo {display:none}
.hero .eyebrow,.hero .hero-link,.hero .hero-link span {color:#00d4ff!important}
.hero .eyebrow-line {background:#00d4ff!important}
.hero .hero-link {border-color:#ffd700!important}
.hero-grid {opacity:.08!important}
.hero-index {display:none!important}
/* Dark surfaces: match the homepage's navy background and readable light text. */
.metrics {background:#0a1628!important;gap:10px!important;padding:1.75rem max(3vw,1rem)!important;border-color:#254366!important}
.metrics .metric-intro,.metrics .metric-card {background:#132337!important;border:1px solid #254366!important;border-radius:10px!important;color:#e8f0f8!important}
.metrics .metric-intro p,.metrics .metric-card strong,.metrics .metric-card>span:not(.metric-icon) {color:#f0f6ff!important}
.metrics .metric-card small {color:#afc1d7!important}
.metrics .metric-highlight {background:linear-gradient(140deg,#12314e,#0d2137)!important}
.metrics .metric-icon {color:#00d4ff!important}
.metrics .metric-highlight strong {background:none!important;-webkit-text-fill-color:#ffd700!important;color:#ffd700!important}
.source-figure-note {margin:0!important;padding:1.1rem max(5vw,1.5rem)!important;background:#10263e!important;color:#bfd0e1!important;border-bottom:1px solid #254366}
.source-figure-note span,.source-figure-note a {color:#00d4ff!important}
.section-wrap {padding:clamp(2.5rem,5vw,4rem) max(5vw,1.5rem)!important}
.section-heading h2,.health h2,.metric-intro p {color:#f5f8ff!important}
.section-heading h2 em,.health h2 em {color:#ffd700!important}
.section-heading>p,.health p,.about-card p,.connect p {color:#b5c9dc!important}
.section-kicker {color:#00d4ff!important}
.geography,.member-search,.gallery-section,.membership,.connect {background:#0a1628!important;color:#e8f0f8!important}
.explore,.health,.about {background:#0d2137!important;color:#e8f0f8!important}
.geo-feature,.about-origin,.membership-price {background:linear-gradient(145deg,#112b46,#0a1628)!important;color:#edf7ff!important;border-color:#254366!important}
.geo-feature h3,.geo-feature .section-kicker {color:#f7faff!important}
.country-chart,.explore-panel,.member-search-panel,.about-card:not(.about-origin),.health-chart,.social-panel {background:#132337!important;border:1px solid #254366!important;color:#e8f0f8!important;border-radius:10px!important}
.chart-heading h3,.about-card h3,.connect h2 {color:#f4f8fc!important}
.chart-unit,.bar-name,.bar-value {color:#b6c9dc!important}
.bar-track,.browse-meter,.feature-rule {background:#254366!important}
.bar-fill,.browse-meter i {background:#00d4ff!important}
.explore-controls,.browse-list,.browse-row,.list-header,.list-footer {background:#132337!important;color:#b9cde1!important;border-color:#254366!important}
.explore-panel .browse-name,.explore-panel .browse-primary,.browse-row,.member-result-head h3 {color:#edf7ff!important}
.browse-sub,.browse-rank,.browse-value,.list-footer,.list-header {color:#a8bed4!important}
.browse-row:hover {background:#1a3855!important}
.tab {color:#bfd0e3!important}
.tab.active {background:#005c89!important;color:#fff!important}
.tab.active span {color:#fff!important}
.search-box,.member-query,.year-filter-label select {background:#0d2137!important;border:1px solid #355476!important;color:#e8f0f8!important}
.search-box input,.member-query input {color:#fff!important}
.search-box input::placeholder,.member-query input::placeholder {color:#9eb4c8!important}
.member-search-panel,.member-results {color:#e8f0f8!important}
.member-result,.gallery-item {background:#10263e!important;border:1px solid #284666!important;color:#e8f0f8!important;border-radius:10px!important}
.member-result-head,.member-actions {border-color:#294764!important}
.member-detail b,.member-result-head h3,.gallery-item figcaption strong {color:#e8f0f8!important}
.member-detail span,.member-detail-empty,.gallery-item figcaption {color:#acc2d7!important}
.member-call,.member-pagination button {color:#00d4ff!important}
.member-pagination button,.gallery-folder-btn,.gallery-page-btn {background:#132f4b!important;color:#dceafa!important;border:1px solid #355476!important}
.gallery-folder-btn.active {background:#007d9f!important;color:#fff!important}
.gallery-item img {background:#0d2137!important}
.gallery-empty {color:#b8c8dc!important}
.about-card:not(.about-origin) h3 {color:#f5f9ff!important}
.health-chart-head,.health-note,.member-search-summary,.member-search-note {color:#b2c5d8!important}
.benefits {background:#132337!important;color:#e8f0f8!important}
.benefit-list > div,.member-tools {border-color:#284666!important;color:#e8f0f8!important}
.benefit-list span,.privacy-note {color:#b9cde1!important}
.primary-button {background:linear-gradient(120deg,#007bad,#00d4ff)!important;color:#001b26!important}
.secondary-link {background:#132337!important;color:#d9eafd!important;border:1px solid #355476!important}
#member-search .correction-banner {background:#102d49!important;color:#e8f0f8!important;border-color:#1f87ad!important}
#member-search .correction-banner strong {color:#f0f7ff!important}
#member-search .correction-banner p {color:#b8cde2!important}
#member-search #quick-claim-call {background:#0a1c32!important;color:#f7fbff!important;border-color:#355476!important}
#member-search #quick-claim-call::placeholder {color:#99afc6!important}
#member-search #quick-claim-btn {background:#007fad!important;color:#fff!important}
.official-links {background:#091726!important}
.footer {background:#091726!important}
.closing-banner {background:linear-gradient(135deg,#13385a,#091726)!important}
/* Accessibility: visible focus and no layout displacement when tabbing */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible {outline:2px solid #ffd700!important;outline-offset:2px}
@media(max-width:980px) {
 .dt-member-banner {margin:1rem auto 0}
 .hero {min-height:260px!important}
}
@media(max-width:720px) {
 .dt-site-header-inner {padding:.7rem 1rem}
 .dt-site-logo {font-size:1rem}
 .dt-member-banner img {max-height:none!important}
 .dt-member-quicknav {margin:.85rem 1rem 0;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;scrollbar-width:thin}
 .metrics {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .metrics .metric-intro {grid-column:1/-1}
 .section-heading {gap:1rem;align-items:flex-start;flex-direction:column}
 .section-heading>p {max-width:none}
 .hero {padding:2rem 1.2rem!important;min-height:225px!important}
 .hero h1 {font-size:clamp(2rem,8vw,2.7rem)!important}
}
@media(max-width:420px) {
 .dt-site-header-inner {padding-inline:.65rem;gap:.5rem}
 .dt-site-logo {gap:.35rem}
 .dt-site-logo-icon {font-size:1.25rem}
 .dt-site-join {font-size:.75rem;padding:.4rem .55rem}
 .dt-site-logo {font-size:.9rem}
 .metrics {gap:6px!important}
 .metrics .metric-card {padding:1rem!important}
}
@media (prefers-reduced-motion:reduce) {html {scroll-behavior:auto}}

.benefits .benefit-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .75rem;
  margin-block: .875rem 0;
}

.benefits .benefit-list > div {
  display: grid;
  grid-template-columns: 2ch minmax(0, 1fr);
  align-items: baseline;
  column-gap: .75rem;
}

.benefits .benefit-list b {
  font-variant-numeric: tabular-nums;
}

.benefits .privacy-note {
  margin-block-start: 1.25rem;
}