/* ==========================================================
   AMERICA'S DATA CENTER — AMERICA RIGHT NOW
   Page-specific styles only. Global navigation, breadcrumbs,
   footer, typography base, and shared tokens live in base.css.
========================================================== */

.arn-shell {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 18px 0 64px;
    color: #f4f9fd;
}

.arn-kicker {
    display: block;
    color: #48d8ff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .16em;
}

.arn-hero {
    position: relative;
    min-height: 505px;
    overflow: hidden;
    border: 1px solid rgba(72,216,255,.18);
    border-radius: 30px;
    background:
        linear-gradient(90deg,
            rgba(2,15,31,.99) 0%,
            rgba(2,15,31,.97) 29%,
            rgba(2,15,31,.79) 40%,
            rgba(2,15,31,.28) 55%,
            rgba(2,15,31,.06) 73%),
        url('/static/img/home/adc-america-map-v2.png') 67% center / cover no-repeat,
        #031326;
    color: #fff;
    box-shadow: 0 28px 70px rgba(12,29,54,.16);
}

.arn-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 68% 48%, rgba(42,142,246,.10), transparent 26%),
        linear-gradient(180deg, rgba(1,11,24,.03) 55%, rgba(1,11,24,.42) 100%);
}

.arn-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .11;
    background-image:
        linear-gradient(rgba(91,164,235,.17) 1px, transparent 1px),
        linear-gradient(90deg, rgba(91,164,235,.17) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(90deg, transparent 0%, transparent 42%, #000 66%, #000 100%);
}

.arn-hero-copy {
    position: relative;
    z-index: 4;
    width: min(43%, 610px);
    padding: 58px 0 46px 58px;
}

.arn-hero h1 {
    max-width: 535px;
    margin: 13px 0 18px;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(52px, 4.5vw, 68px);
    font-weight: 700;
    line-height: .96;
    letter-spacing: -.055em;
}

.arn-hero h1 em {
    display: block;
    color: #78aff8;
    font-style: normal;
    text-shadow: none;
}

.arn-lead {
    max-width: 535px;
    margin: 0;
    color: #dce8f7;
    font-size: 17px;
    line-height: 1.55;
}

.arn-hero-actions {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
}

.arn-primary-action,
.arn-secondary-action {
    min-height: 49px;
    padding: 0 17px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 13px;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
}

.arn-primary-action {
    background: #fff;
    color: #11213f;
    box-shadow: 0 14px 30px rgba(0,0,0,.12);
}

.arn-primary-action:hover { transform: translateY(-1px); }

.arn-secondary-action {
    border: 1px solid rgba(255,255,255,.31);
    background: rgba(7,28,52,.58);
    color: #fff;
}

.arn-meta {
    margin-top: 27px;
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    color: #c5d5e8;
    font-size: 10px;
    font-weight: 700;
}

.arn-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.arn-meta i { color: #49a7ff; }

.arn-hero-visual {
    position: absolute;
    z-index: 3;
    inset: 0;
    pointer-events: none;
}

.arn-hero-glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 68% 48%, rgba(58,161,255,.10), transparent 22%);
}

.arn-map-signal {
    position: absolute;
    z-index: 4;
    min-width: 142px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(65,161,255,.43);
    border-radius: 13px;
    background: rgba(2,20,43,.76);
    color: #fff;
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(0,0,0,.18);
    backdrop-filter: blur(10px);
    pointer-events: auto;
}

.arn-map-signal:hover {
    border-color: rgba(102,187,255,.72);
    background: rgba(5,29,58,.88);
}

.arn-map-signal i {
    color: #4aa9ff;
    font-size: 20px;
}

.arn-map-signal strong {
    display: block;
    color: #fff;
    font-size: 9px;
    letter-spacing: .04em;
}

.arn-map-signal span {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.02em;
}

.arn-map-signal small {
    display: block;
    margin-top: 2px;
    color: #9db4cf;
    font-size: 8px;
}

.arn-map-signal-congress { top: 17%; left: 51%; }
.arn-map-signal-economy { top: 29%; right: 7%; }
.arn-map-signal-community { bottom: 12%; left: 62%; }
.arn-map-signal-record { right: 11%; bottom: 9%; }

.arn-now,
.arn-paths {
    margin-top: 22px;
    padding: 28px;
    border: 1px solid rgba(72,216,255,.15);
    border-radius: 24px;
    background:
        radial-gradient(circle at 96% 0%, rgba(46,166,255,.10), transparent 24%),
        linear-gradient(145deg, #041326, #071b34);
    box-shadow: 0 18px 48px rgba(3,18,39,.14);
}

.arn-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px;
}

.arn-section-head-tight { margin-bottom: 16px; }

.arn-section-head h2,
.arn-coming h2 {
    margin: 5px 0 0;
    color: #fff;
    font-size: clamp(32px, 3.7vw, 58px);
    line-height: .98;
    letter-spacing: -.04em;
}

.arn-text-link,
.arn-story-action {
    color: #8adfff;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
}

.arn-text-link:hover,
.arn-story-action:hover { color: #fff; }

.arn-story-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) repeat(2, minmax(260px, .65fr));
    gap: 12px;
}

.arn-story {
    min-width: 0;
    min-height: 250px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 18px;
    background: rgba(255,255,255,.045);
    color: #fff;
    backdrop-filter: blur(10px);
}

.arn-story-congress {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 86% 20%, rgba(72,216,255,.13), transparent 24%),
        linear-gradient(145deg, rgba(7,34,63,.96), rgba(4,22,43,.98));
}

.arn-story-congress::after {
    content: "";
    position: absolute;
    right: -40px;
    bottom: -65px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(72,216,255,.12);
    border-radius: 50%;
    box-shadow: 0 0 0 42px rgba(72,216,255,.025), 0 0 0 82px rgba(72,216,255,.018);
}

.arn-story > * { position: relative; z-index: 1; }

.arn-story-topline {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    color: #8fa9bf;
    font-size: 10px;
}

.arn-story-topline span {
    color: #55dcff;
    font-weight: 900;
    letter-spacing: .11em;
}

.arn-story-topline i { margin-right: 6px; }

.arn-congress-core {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    gap: 22px;
    align-items: center;
    margin-top: 34px;
}

.arn-congress-number {
    min-width: 108px;
    color: #fff;
    font-size: clamp(64px, 6vw, 104px);
    font-weight: 900;
    line-height: .85;
    letter-spacing: -.06em;
}

.arn-congress-core h3 {
    margin: 0;
    color: #fff;
    font-size: 26px;
    line-height: 1.05;
}

.arn-congress-core p,
.arn-short-note {
    margin: 8px 0 0;
    color: #9fb6c9;
    font-size: 13px;
    line-height: 1.45;
}

.arn-story-action {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 26px;
}

.arn-money-value {
    margin-top: 34px;
}

.arn-money-value strong,
.arn-money-value span { display: block; }

.arn-money-value strong {
    color: #fff;
    font-size: clamp(42px, 4vw, 68px);
    line-height: 1;
    letter-spacing: -.045em;
}

.arn-money-value span {
    margin-top: 6px;
    color: #9eb5c8;
    font-size: 12px;
}

.arn-change {
    margin: 18px 0 0;
    color: #b5c8d8;
    font-size: 12px;
    font-weight: 750;
}

.arn-change.up { color: #ffc379; }
.arn-change.down { color: #81e8b1; }

.arn-source {
    display: block;
    margin-top: 20px;
    color: #66869f;
    font-size: 10px;
}

.arn-path-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 10px;
}

.arn-path {
    position: relative;
    min-height: 150px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    background: rgba(255,255,255,.035);
    color: #fff;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.arn-path:hover {
    transform: translateY(-2px);
    border-color: rgba(72,216,255,.28);
    background: rgba(72,216,255,.06);
}

.arn-path-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: rgba(72,216,255,.09);
    color: #4edcff;
}

.arn-path strong,
.arn-path small { display: block; }

.arn-path strong {
    margin-top: 18px;
    font-size: 18px;
}

.arn-path small {
    max-width: 220px;
    margin-top: 5px;
    color: #8fa7bb;
    font-size: 11px;
    line-height: 1.4;
}

.arn-path-arrow {
    position: absolute;
    right: 18px;
    bottom: 18px;
    color: #4edcff;
    font-size: 10px;
}

.arn-coming {
    margin-top: 22px;
    padding: 34px 36px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 30px;
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(72,216,255,.14);
    border-radius: 24px;
    background:
        linear-gradient(90deg, rgba(3,17,38,.97), rgba(4,28,53,.86)),
        url('/static/img/adc/data-command-center.png') center / cover no-repeat;
}

.arn-coming p {
    margin: 8px 0 0;
    color: #9fb4c6;
    font-size: 15px;
}

.arn-coming-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    max-width: 430px;
}

.arn-coming-tags span {
    padding: 8px 11px;
    border: 1px solid rgba(72,216,255,.16);
    border-radius: 999px;
    background: rgba(72,216,255,.055);
    color: #b9d5e8;
    font-size: 10px;
    font-weight: 800;
}

@media (max-width: 1180px) {
    .arn-hero {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 46px;
    }

    .arn-hero-signals { max-width: 820px; }
    .arn-story-grid { grid-template-columns: 1fr 1fr; }
    .arn-story-congress { grid-column: 1 / -1; }
    .arn-path-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 760px) {
    .arn-shell { padding-top: 10px; }
    .arn-hero { padding: 34px 22px; border-radius: 22px; }
    .arn-hero h1 { font-size: 58px; }
    .arn-lead { font-size: 16px; }
    .arn-hero-signals { grid-template-columns: 1fr; }
    .arn-hero-signal { min-height: 105px; }
    .arn-section-head { display: block; }
    .arn-text-link { display: inline-flex; margin-top: 10px; }
    .arn-story-grid,
    .arn-path-grid,
    .arn-coming { grid-template-columns: 1fr; }
    .arn-now,
    .arn-paths { padding: 20px; border-radius: 20px; }
    .arn-congress-core { grid-template-columns: 1fr; gap: 10px; }
    .arn-coming-tags { justify-content: flex-start; }
}

/* Homepage-style hero responsive behavior */
@media (max-width: 1120px) {
    .arn-hero { background-position: 63% center; }
    .arn-hero-copy { width: 48%; padding-left: 42px; }
}

@media (max-width: 900px) {
    .arn-hero {
        min-height: 690px;
        background:
            linear-gradient(180deg,
                rgba(2,15,31,.99) 0%,
                rgba(2,15,31,.94) 43%,
                rgba(2,15,31,.38) 63%,
                rgba(2,15,31,.15) 100%),
            url('/static/img/home/adc-america-map-v2.png') 58% bottom / auto 58% no-repeat,
            #031326;
    }
    .arn-hero::after { display: none; }
    .arn-hero-copy { width: auto; padding: 48px 34px 32px; }
    .arn-map-signal-congress { top: auto; bottom: 27%; left: 8%; }
    .arn-map-signal-economy { top: auto; bottom: 17%; right: 5%; }
    .arn-map-signal-community { top: auto; bottom: 5%; left: 25%; }
    .arn-map-signal-record { display: none; }
}

@media (max-width: 680px) {
    .arn-hero {
        min-height: 650px;
        border-radius: 22px;
    }
    .arn-hero-copy { padding: 38px 22px 26px; }
    .arn-hero h1 { font-size: clamp(45px,14vw,60px); }
    .arn-lead { font-size: 15px; }
    .arn-map-signal { transform: scale(.82); transform-origin: center; }
    .arn-map-signal-congress { left: 0; }
    .arn-map-signal-economy { right: -2%; }
    .arn-map-signal-community { left: 8%; }
}


/* ADC CONTINUOUS DARK PAGE CANVAS — scoped to this page only.
   Overrides the shared light page surface without altering site navigation. */
html:has(.arn-shell),
body:has(.arn-shell) { background-color: #061525; }
body:has(.arn-shell) { color: #e8f5ff; }
body:has(.arn-shell) main,
body:has(.arn-shell) .main-content,
body:has(.arn-shell) .page-content,
body:has(.arn-shell) .content-wrapper,
body:has(.arn-shell) #main-content,
body:has(.arn-shell) #content,
body:has(.arn-shell) .container-fluid { background-color: transparent; }
body:has(.arn-shell) main { box-shadow: none; }

/* The intelligence page has its own dark sections; retain them on a dark canvas. */
body:has(.arn-shell) .arn-shell { background: transparent; }
body:has(.arn-shell) .arn-shell > section { color: #eaf6ff; }

/* V4 ACTUAL TEMPLATE CLASSES: correct earlier stylesheet/template drift. */
body.adc-home-page .arn-shell{width:min(1440px,100%);max-width:1440px;margin:auto;padding:24px 0 70px;color:#eaf5ff;}
body.adc-home-page .arn-hero{min-height:460px;display:flex;align-items:center;padding:clamp(26px,4vw,64px);background:linear-gradient(90deg,rgba(2,14,30,.97) 0%,rgba(2,14,30,.85) 37%,rgba(2,14,30,.1) 100%),url('/static/img/home/adc-america-map-v2.png') center/cover no-repeat,#04192b;}
body.adc-home-page .arn-hero-copy{position:relative;z-index:2;width:min(600px,100%);padding:0;}
body.adc-home-page .arn-hero-visual{display:none;}
body.adc-home-page .arn-signals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 42px;}
body.adc-home-page .arn-signal-card{min-width:0;padding:23px;border:1px solid rgba(73,217,255,.2);border-radius:18px;background:linear-gradient(145deg,#0b2b45,#071b30);color:#f3faff;}
body.adc-home-page .arn-signal-card>span{display:block;color:#5ddaff;font-size:11px;font-weight:800;letter-spacing:.09em;}
body.adc-home-page .arn-signal-card>strong{display:block;margin:12px 0 7px;color:white;font-size:clamp(27px,3vw,42px);line-height:1.1;}
body.adc-home-page .arn-signal-card p{color:#b4cddd;font-size:12px;line-height:1.55;margin:0;}
body.adc-home-page .arn-brief,body.adc-home-page .arn-cadence,body.adc-home-page .arn-next{margin:24px 0;padding:clamp(20px,3vw,36px);border:1px solid rgba(73,217,255,.17);border-radius:22px;background:linear-gradient(145deg,#09243c,#06192d);color:#eaf5ff;}
body.adc-home-page .arn-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px;}
body.adc-home-page .arn-section-head h2,body.adc-home-page .arn-cadence h2,body.adc-home-page .arn-next h2{color:white;font-size:clamp(26px,3vw,42px);line-height:1.1;margin:8px 0;}
body.adc-home-page .arn-section-head>p{max-width:430px;color:#aac5d8;}
body.adc-home-page .arn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
body.adc-home-page .arn-story{display:flex;align-items:flex-start;gap:16px;padding:24px;border:1px solid rgba(73,217,255,.14);border-radius:16px;background:#0d2c45;color:#d7eaf7;}
body.adc-home-page .arn-story-icon{flex:none;color:#5ddaff;font-size:23px;}
body.adc-home-page .arn-story h3{color:white;font-size:20px;margin:9px 0;}
body.adc-home-page .arn-story p,body.adc-home-page .arn-story small{color:#b4cddd;line-height:1.55;}
body.adc-home-page .arn-story a,body.adc-home-page .arn-next a{color:#72dffa;}
body.adc-home-page .arn-cadence{display:grid;grid-template-columns:1fr 1fr;gap:25px;}
body.adc-home-page .arn-cadence p{color:#b4cddd;line-height:1.6;}
body.adc-home-page .arn-list{display:grid;gap:10px;}
body.adc-home-page .arn-list>div{display:flex;justify-content:space-between;gap:16px;padding:13px;border:1px solid rgba(73,217,255,.13);border-radius:10px;background:#0b2943;}
body.adc-home-page .arn-list strong{color:white;}body.adc-home-page .arn-list span{color:#b4cddd;}
body.adc-home-page .arn-next>div{display:flex;gap:20px;flex-wrap:wrap;}
@media(max-width:950px){body.adc-home-page .arn-signals{grid-template-columns:repeat(2,minmax(0,1fr));}body.adc-home-page .arn-grid,body.adc-home-page .arn-cadence{grid-template-columns:1fr;}}
@media(max-width:600px){body.adc-home-page .arn-signals{grid-template-columns:1fr;}body.adc-home-page .arn-hero{min-height:400px;}body.adc-home-page .arn-section-head{display:block;}body.adc-home-page .arn-story{padding:17px;}}


/* ADC mobile V3: Morning Intelligence. Desktop unchanged. */
@media (max-width: 650px) {
  body.adc-home-page .arn-shell { width:calc(100% - 20px); padding:10px 0 30px; }
  body.adc-home-page .arn-hero { min-height:0; padding:22px 17px; border-radius:16px; align-items:flex-start; background:linear-gradient(90deg,rgba(2,14,30,.96),rgba(2,14,30,.65)),url('/static/img/home/adc-america-map-v2.png') center/cover no-repeat,#04192b; }
  body.adc-home-page .arn-hero-copy { width:100%; padding:0; }
  body.adc-home-page .arn-kicker { font-size:10px; letter-spacing:.10em; line-height:1.35; }
  body.adc-home-page .arn-hero h1 { font-size:clamp(38px,11vw,49px); line-height:1.02; margin:12px 0; }
  body.adc-home-page .arn-lead { font-size:14px; line-height:1.45; margin:10px 0; }
  body.adc-home-page .arn-meta { display:flex; flex-wrap:wrap; gap:7px 14px; margin:14px 0; font-size:11px; }
  body.adc-home-page .arn-hero-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:15px; }
  body.adc-home-page .arn-primary-action,body.adc-home-page .arn-secondary-action { min-height:44px; padding:10px 8px; font-size:12px; text-align:center; justify-content:center; border-radius:11px; }
  body.adc-home-page .arn-signals { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:12px 0 18px; }
  body.adc-home-page .arn-signal-card { padding:12px; border-radius:12px; }
  body.adc-home-page .arn-signal-card>span { font-size:9px; line-height:1.4; }
  body.adc-home-page .arn-signal-card>strong { font-size:clamp(21px,6vw,28px); margin:8px 0 3px; }
  body.adc-home-page .arn-signal-card p { font-size:11px; line-height:1.35; }
  body.adc-home-page .arn-brief,body.adc-home-page .arn-cadence,body.adc-home-page .arn-next { padding:16px; margin:14px 0; border-radius:15px; }
  body.adc-home-page .arn-section-head h2,body.adc-home-page .arn-cadence h2,body.adc-home-page .arn-next h2 { font-size:24px; }
  body.adc-home-page .arn-grid { gap:9px; }
  body.adc-home-page .arn-story { padding:13px; gap:10px; }
  body.adc-home-page .arn-story h3 { font-size:16px; }
}


/* ADC mobile V4: lighter editorial treatment, keeping the photographic hero. */
@media (max-width: 650px) {
  body.adc-home-page .arn-shell { width:calc(100% - 12px); padding-top:6px; }
  body.adc-home-page .arn-hero { padding:19px 15px 17px; border-radius:15px; }
  body.adc-home-page .arn-hero h1 { font-size:clamp(37px,10.4vw,46px); margin:9px 0; }
  body.adc-home-page .arn-lead { font-size:13px; line-height:1.42; margin:8px 0; }
  body.adc-home-page .arn-meta { margin:11px 0; gap:6px 10px; }
  body.adc-home-page .arn-hero-actions { margin-top:11px; }
  body.adc-home-page .arn-signals { gap:7px; margin:11px 0 18px; }
  body.adc-home-page .arn-signal-card {
    padding:12px 11px;
    border:1px solid rgba(89,201,242,.075);
    border-radius:11px;
    background:linear-gradient(155deg,rgba(14,51,76,.78),rgba(7,28,46,.75));
    box-shadow:none;
  }
  body.adc-home-page .arn-signal-card>strong { margin:6px 0 2px; }
  body.adc-home-page .arn-brief,
  body.adc-home-page .arn-cadence,
  body.adc-home-page .arn-next {
    padding:15px 12px;
    border:1px solid rgba(89,201,242,.09);
    border-radius:13px;
    box-shadow:none;
  }
  body.adc-home-page .arn-story {
    border:0;
    border-bottom:1px solid rgba(89,201,242,.12);
    border-radius:0;
    background:transparent;
    padding:12px 2px;
  }
  body.adc-home-page .arn-list>div {
    border:0;
    border-bottom:1px solid rgba(89,201,242,.12);
    border-radius:0;
    background:transparent;
    padding:10px 0;
  }
}