/* EU Anchor v70.0: focused additions for Crisis War Rooms and planned emergency communications.
   Design follows the existing light panels, Nordic type scale and restrained blue accents.
   No JavaScript or third-party dependencies. */

/* Homepage: retain the existing two-column communication layout. */
.ux-site .v70-home-learn {margin:20px 0 0;font-size:15px;line-height:1.5}
.ux-site .v70-home-learn .text-link{font-weight:700;color:#004ab8;text-underline-offset:4px}
.ux-site .v70-home-learn .text-link:hover{text-decoration:underline}

/* War Room: one primary illustration and four unobtrusive capability summaries. */
.ux-site .v70-war-section{background:#fff;padding-top:clamp(70px,7vw,102px);padding-bottom:clamp(70px,7vw,102px)}
.ux-site .v70-war-intro{margin-bottom:34px;max-width:930px}
.ux-site .v70-war-intro h2{font-size:clamp(35px,3.8vw,53px);line-height:1.11;letter-spacing:-.035em;margin:0 0 15px}
.ux-site .v70-war-intro .lead{font-size:clamp(17px,1.7vw,20px);line-height:1.55;max-width:860px;margin-bottom:0;color:#526780}
.ux-site .v70-war-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:32px;align-items:start}
.ux-site .v70-war-console{background:#f2f7ff;border:1px solid #d4e4f8;border-radius:24px;box-shadow:0 12px 32px rgba(19,57,112,.06);padding:21px;min-width:0;color:#0b2345}
.ux-site .v70-console-top{display:flex;gap:15px;justify-content:space-between;align-items:center;border-bottom:1px solid #dce7f5;padding:0 0 15px;margin:0 0 20px}
.ux-site .v70-console-brand{font-weight:800;font-size:13px;color:#0049b4;letter-spacing:.025em}
.ux-site .v70-console-label{font-weight:500;color:#70829c;letter-spacing:0}
.ux-site .v70-console-mode{color:#7185a0;font-size:10px;letter-spacing:.09em;font-weight:700}
.ux-site .v70-main-room{background:#fff;border:1px solid #cbdcf3;border-left:3px solid #0754c2;border-radius:15px;padding:21px 23px;box-shadow:0 6px 16px rgba(30,77,143,.035)}
.ux-site .v70-room-label{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.11em;color:#0053ba;font-weight:800;margin-bottom:9px}
.ux-site .v70-dot{width:7px;height:7px;border-radius:50%;background:#1763c6;display:inline-block}
.ux-site .v70-main-room h3{font-size:24px;color:#102949;margin:0 0 6px;letter-spacing:-.025em}
.ux-site .v70-main-room p{color:#62758e;font-size:13px;line-height:1.6;margin:0 0 13px}
.ux-site .v70-main-metrics{display:flex;flex-wrap:wrap;gap:6px}
.ux-site .v70-main-metrics span{font-size:11px;font-weight:700;color:#1656a6;border:1px solid #dce9fa;border-radius:7px;background:#f5f9ff;padding:5px 8px}
.ux-site .v70-room-connector{height:24px;position:relative;display:flex;justify-content:center;align-items:stretch}
.ux-site .v70-room-connector::before{content:"";width:1px;background:#b4c8e4;display:block}
.ux-site .v70-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ux-site .v70-subroom{background:#fff;border:1px solid #d6e5f7;border-radius:13px;padding:15px 13px 14px;min-width:0}
.ux-site .v70-subroom-tag{font-size:9px;letter-spacing:.08em;font-weight:800;color:#5380b3}
.ux-site .v70-subroom h4{font-size:15px;color:#102b4b;margin:8px 0;line-height:1.25}
.ux-site .v70-subroom p{color:#5a6f88;font-size:11px;line-height:1.55;margin:0 0 10px}
.ux-site .v70-room-tools{display:block;border-top:1px solid #e9eff7;padding-top:9px;font-size:10px;font-weight:700;color:#0052bc}
.ux-site .v70-status-share{display:flex;align-items:baseline;gap:8px;background:#e6f0ff;border-radius:10px;margin-top:14px;padding:12px 13px;font-size:11px;line-height:1.6;color:#435f83}
.ux-site .v70-status-share span{color:#0050bd;font-size:16px;font-weight:700}
.ux-site .v70-illustration-caption{text-align:center;color:#69819a;font-size:10px;margin:11px 0 0;line-height:1.5}
.ux-site .v70-war-benefits{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0}
.ux-site .v70-war-benefit{display:flex;align-items:flex-start;gap:14px;border-bottom:1px solid #e5ecf5;padding:17px 0}
.ux-site .v70-war-benefit:first-child{padding-top:4px}
.ux-site .v70-war-benefit h3{font-size:17px;color:#132c4e;margin:0 0 6px}
.ux-site .v70-war-benefit p{font-size:14px;line-height:1.6;color:#61738e;margin:0}
.ux-site .v70-benefit-icon{flex:0 0 35px;height:35px;display:flex;align-items:center;justify-content:center;background:#eaf3ff;color:#004eb8;border-radius:10px;font-size:12px;font-weight:800}
.ux-site .v70-war-guardrail{margin-top:18px;background:#f6f9fd;border-left:3px solid #87aee2;padding:14px 17px;font-size:13px;line-height:1.65;color:#516784;border-radius:0 9px 9px 0}
.ux-site .v70-war-guardrail strong{color:#163458}

/* Emergency Voice/SMS: compact extension inside existing communication section */
.ux-site .v70-voice{margin-top:36px;padding:28px;background:#f4f8ff;border:1px solid #d9e6f7;border-radius:20px;color:#0c2547}
.ux-site .v70-voice-heading{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:21px}
.ux-site .v70-voice-heading .eyebrow{font-size:10px;margin:0 0 8px;color:#0351b9}
.ux-site .v70-voice-heading h3{font-size:26px;letter-spacing:-.025em;margin:0 0 6px;color:#0b2345}
.ux-site .v70-voice-heading p:not(.eyebrow){font-size:14px;color:#58708e;line-height:1.5;margin:0}
.ux-site .v70-planned-tag{font-size:10px;white-space:nowrap;color:#365a83;border:1px solid #ccdff5;border-radius:30px;background:#fff;padding:7px 11px;font-weight:700}
.ux-site .v70-voice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.ux-site .v70-voice-grid>div{background:#fff;border:1px solid #d9e5f6;border-radius:12px;padding:17px 13px;min-width:0}
.ux-site .v70-voice-symbol{height:30px;width:30px;display:inline-flex;align-items:center;justify-content:center;background:#eaf2ff;border-radius:9px;color:#034eb5;font-size:16px;font-weight:700;margin-bottom:11px}
.ux-site .v70-voice-grid h4{font-size:14px;line-height:1.3;margin:0 0 7px;color:#153050}
.ux-site .v70-voice-grid p{font-size:12px;line-height:1.6;margin:0;color:#5e748f}
.ux-site .v70-voice-note{font-size:11px;line-height:1.65;color:#57708f;margin:17px 0 0}
.ux-site .v70-pilot-note{background:#f4f8ff;border:1px solid #d5e5f6;border-radius:13px;padding:15px 19px;margin-top:26px;margin-bottom:0;color:#536c89;font-size:13px;line-height:1.65}
.ux-site .v70-pilot-note strong{color:#16345a}

@media (max-width:980px){
 .ux-site .v70-war-layout{grid-template-columns:1fr;gap:24px}
 .ux-site .v70-war-benefits{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px}
 .ux-site .v70-war-guardrail{grid-column:1/-1}
 .ux-site .v70-voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:580px){
 .ux-site .v70-war-section{padding:70px 0}
 .ux-site .v70-war-intro h2{font-size:clamp(32px,8.7vw,39px)}
 .ux-site .v70-war-intro .lead{font-size:16px}
 .ux-site .v70-war-console{padding:13px;border-radius:17px}
 .ux-site .v70-console-top{margin-bottom:14px}
 .ux-site .v70-console-mode{display:none}
 .ux-site .v70-main-room{padding:15px}
 .ux-site .v70-main-room h3{font-size:20px}
 .ux-site .v70-room-grid{grid-template-columns:1fr;gap:8px}
 .ux-site .v70-subroom{padding:13px 14px}
 .ux-site .v70-subroom h4{margin:6px 0 3px}
 .ux-site .v70-subroom p{margin-bottom:5px}
 .ux-site .v70-room-tools{border:0;padding:0}
 .ux-site .v70-war-benefits{grid-template-columns:1fr}
 .ux-site .v70-war-benefit:first-child{padding-top:12px}
 .ux-site .v70-voice{padding:18px 14px}
 .ux-site .v70-voice-heading{flex-direction:column;gap:10px}
 .ux-site .v70-voice-grid{grid-template-columns:1fr}
 .ux-site .v70-voice-grid>div{padding:13px 15px}
 .ux-site .v70-voice-symbol{margin-bottom:6px}
 .ux-site .v70-planned-tag{white-space:normal}
}
/* Keep linked War Room anchors visible below the sticky navigation. */
.ux-site #crisis-war-rooms,.ux-site #emergency-voice-sms{scroll-margin-top:112px}
.ux-site .ux-capabilities .ux-detail a{color:#0052bc;text-decoration:underline;text-underline-offset:3px}

/* v70.1: keep longer hero messaging clear of the approved laptop artwork on desktop. */
@media (min-width:1081px){
  .ux-site .continuity-hero .hero-detail{max-width:calc(100% - 44px)}
}

/* v70.3: capability disclosure directly follows each card's short description. */
.ux-site .ux-capabilities .ux-cap-card .ux-detail {
  margin-top: 0;
  padding-top: 9px;
}
.ux-site .ux-capabilities .ux-cap-card .ux-detail[open] {
  margin-bottom: 0;
}