/* ViewShipping Intelligence — homepage-only styles. Uses the active theme's design tokens. */
body.vsi-intelligence-home .front-page-content{display:none}
.vsi-home{background:var(--vs-paper,#fff);color:var(--vs-ink,#172631)}
.vsi-home button,.vsi-home a{font-family:inherit}
.vsi-hero{background:var(--vs-navy-deep,#03111d);color:#fff;padding:86px 0 72px;position:relative;overflow:hidden}
.vsi-hero:after{content:"";position:absolute;inset:auto -15% -45% 35%;height:520px;background:radial-gradient(circle,rgba(213,43,50,.16),transparent 66%);pointer-events:none}
.vsi-hero__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:90px;align-items:end;position:relative;z-index:1}
.vsi-hero .vs-kicker{color:rgba(255,255,255,.72)}
.vsi-hero h1{margin:0;max-width:980px;font-family:var(--vs-heading-font);font-size:clamp(52px,6.2vw,94px);font-weight:500;line-height:.98;letter-spacing:-.058em;color:#fff}
.vsi-hero__copy>p{max-width:760px;margin:28px 0 0;font-size:clamp(18px,1.7vw,23px);line-height:1.55;color:rgba(255,255,255,.72)}
.vsi-hero__actions{display:flex;align-items:center;gap:26px;margin-top:34px;flex-wrap:wrap}
.vsi-quiet-link{color:#fff;text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:5px}
.vsi-hero__summary{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}
.vsi-hero__summary div{padding:24px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.vsi-hero__summary strong{display:block;font-family:var(--vs-heading-font);font-size:38px;line-height:1;color:#fff;font-weight:500}
.vsi-hero__summary span{display:block;margin-top:8px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.55)}

.vsi-map-section{padding:95px 0 70px;background:#f7f8f9}
.vsi-section-heading{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.62fr);gap:70px;align-items:end;margin-bottom:42px}
.vsi-section-heading h2{margin:0;color:var(--vs-navy);font-family:var(--vs-heading-font);font-size:clamp(40px,4.6vw,68px);line-height:1.02;letter-spacing:-.052em;font-weight:500}
.vsi-section-heading p{margin:0;color:var(--vs-muted);font-size:17px;line-height:1.65}
.vsi-section-heading--compact{margin-bottom:48px}
.vsi-section-link{align-self:end;justify-self:end;color:var(--vs-navy);font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.vsi-map-controls-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.vsi-layer-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.vsi-layer-bar button{border:1px solid #cfd5da;background:#fff;color:var(--vs-navy);padding:10px 15px;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.vsi-layer-bar button.is-active{background:var(--vs-navy);border-color:var(--vs-navy);color:#fff}.vsi-projection-switch{display:inline-flex;border:1px solid #cfd5da;background:#fff}.vsi-projection-switch button{border:0;border-right:1px solid #cfd5da;background:#fff;color:var(--vs-navy);padding:10px 14px;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.vsi-projection-switch button:last-child{border-right:0}.vsi-projection-switch button.is-active{background:var(--vs-accent,#c93b3b);color:#fff}
.vsi-map-shell{display:grid;grid-template-columns:minmax(0,1fr) 355px;min-height:650px;background:var(--vs-navy-deep);box-shadow:0 20px 60px rgba(3,17,29,.13)}
.vsi-map-wrap{position:relative;min-width:0;overflow:hidden;background:#071523}
.vsi-map{position:absolute;inset:0}
.vsi-map-loading{position:absolute;inset:0;display:grid;place-items:center;background:#071523;color:rgba(255,255,255,.72);font-size:12px;letter-spacing:.08em;text-transform:uppercase;z-index:5}
.vsi-map-loading.is-error{padding:40px;text-align:center;line-height:1.6;color:#fff}
.vsi-map-loading.is-hidden{display:none}
.vsi-map-legend{position:absolute;left:20px;bottom:20px;z-index:4;display:flex;gap:16px;flex-wrap:wrap;padding:10px 13px;background:rgba(3,17,29,.86);backdrop-filter:blur(8px);color:#fff;font-size:9px;text-transform:uppercase;letter-spacing:.05em}
.vsi-map-legend span{display:flex;align-items:center;gap:6px}
.vsi-dot{display:inline-block;width:8px;height:8px;border-radius:50%}
.vsi-dot--low{background:#28a66a}.vsi-dot--moderate{background:#e2c044}.vsi-dot--elevated{background:#e78a36}.vsi-dot--high{background:#d52b32}
.vsi-today{background:#fff;display:flex;flex-direction:column;min-width:0}
.vsi-today__head{padding:28px 25px 20px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--vs-line)}
.vsi-today__head span{display:block;color:var(--vs-accent);font-size:9px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.vsi-today__head h3{margin:7px 0 0;color:var(--vs-navy);font-size:24px;line-height:1.1;font-weight:550;letter-spacing:-.035em}
.vsi-live-pill{display:inline-flex!important;align-items:center;gap:6px;color:#188957!important}.vsi-live-pill i{width:7px;height:7px;border-radius:50%;background:#20a464;box-shadow:0 0 0 4px rgba(32,164,100,.12)}
.vsi-today__items{flex:1}
.vsi-today-card{width:100%;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--vs-line);background:#fff;padding:20px 22px;cursor:pointer}
.vsi-today-card:hover{background:#f7f8f9}
.vsi-status-dot{width:8px;height:8px;border-radius:50%;background:#9aa5ad}.vsi-status-dot--low,.vsi-status-dot--normal{background:#28a66a}.vsi-status-dot--moderate{background:#e2c044}.vsi-status-dot--elevated{background:#e78a36}.vsi-status-dot--high,.vsi-status-dot--critical{background:#d52b32}
.vsi-today-card__body strong{display:block;color:var(--vs-navy);font-size:15px}.vsi-today-card__body small{display:block;margin-top:5px;color:var(--vs-muted);font-size:11px}
.vsi-risk-tag{display:inline-flex;align-items:center;justify-content:center;min-width:66px;padding:7px 8px;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#eef1f3;color:#52606a}
.vsi-risk-tag--low,.vsi-risk-tag--normal{background:#e8f5ef;color:#187448}.vsi-risk-tag--moderate{background:#fff8d9;color:#866d05}.vsi-risk-tag--elevated{background:#fff0e2;color:#a85513}.vsi-risk-tag--high,.vsi-risk-tag--critical{background:#fde8e9;color:#a71f25}
.vsi-today__updated{padding:14px 22px;color:#7a858d;font-size:10px;border-top:1px solid var(--vs-line)}
.vsi-disclaimer{margin-top:14px;color:#7a858d;font-size:10px;line-height:1.55}

.vsi-signal-strip{background:#fff;border-bottom:1px solid var(--vs-line)}
.vsi-signal-strip__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.vsi-signal-strip__grid>div{padding:34px 28px 34px 0;border-right:1px solid var(--vs-line)}
.vsi-signal-strip__grid>div+div{padding-left:28px}
.vsi-signal-strip__grid>div:last-child{border-right:0}
.vsi-signal-strip span{display:block;color:var(--vs-accent);font-size:9px;font-weight:750;letter-spacing:.13em}.vsi-signal-strip strong{display:block;margin-top:12px;color:var(--vs-navy);font-size:19px}.vsi-signal-strip p{margin:7px 0 0;color:var(--vs-muted);font-size:13px;line-height:1.55}

.vsi-featured{padding:105px 0;background:#fff}
.vsi-featured-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr) minmax(290px,.72fr);gap:26px}
.vsi-feature-main{border-bottom:1px solid var(--vs-line)}
.vsi-feature-main__image{display:block;aspect-ratio:16/10;overflow:hidden;background:#e8ebed}.vsi-feature-main__image img,.vsi-feature-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.vsi-feature-main:hover img,.vsi-feature-card:hover img{transform:scale(1.025)}
.vsi-feature-main__body{padding:24px 6px 26px}.vsi-feature-main__body>span,.vsi-feature-card span,.vsi-feature-side article>span{color:var(--vs-accent);font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.vsi-feature-main h3{margin:10px 0 12px;font-size:clamp(29px,3vw,45px);line-height:1.07;letter-spacing:-.045em;font-weight:520}.vsi-feature-main h3 a,.vsi-feature-card h3 a,.vsi-feature-side h3 a{color:var(--vs-navy)}
.vsi-feature-main p{margin:0;color:var(--vs-muted);font-size:15px;line-height:1.65}
.vsi-feature-middle{display:flex;flex-direction:column;gap:26px}.vsi-feature-card{background:#f4f6f7}.vsi-feature-card__image{display:block;aspect-ratio:4/3;overflow:hidden}.vsi-feature-card>div{padding:18px}.vsi-feature-card h3{margin:8px 0 0;font-size:21px;line-height:1.2;letter-spacing:-.035em;font-weight:550}
.vsi-feature-side{border-top:1px solid var(--vs-line)}.vsi-feature-side article{position:relative;padding:24px 52px 24px 0;border-bottom:1px solid var(--vs-line)}.vsi-feature-side h3{margin:8px 0 0;font-size:21px;line-height:1.25;letter-spacing:-.035em;font-weight:550}.vsi-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--vs-line);color:var(--vs-navy)}

.vsi-intel-section{padding:100px 0;background:#fff}.vsi-intel-section--routes{position:relative;background:#f4f6f7;color:var(--vs-navy)}.vsi-intel-section--routes .vs-kicker{color:var(--vs-accent)}
.vsi-route-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce2e6;border-left:1px solid #dce2e6;background:rgba(255,255,255,.72);backdrop-filter:blur(8px)}
.vsi-route-card{position:relative;min-height:235px;padding:26px;text-align:left;border:0;border-right:1px solid #dce2e6;border-bottom:1px solid #dce2e6;background:rgba(255,255,255,.72);color:var(--vs-navy);cursor:pointer}.vsi-route-card:hover{background:#fff}.vsi-route-card__risk{position:absolute;top:24px;right:24px;padding:6px 8px;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.08em}.vsi-route-card>strong{display:block;max-width:75%;margin-top:44px;color:var(--vs-navy);font-size:25px;line-height:1.1;letter-spacing:-.04em;font-weight:520}.vsi-route-card>small{display:block;margin-top:15px;color:var(--vs-muted);font-size:12px;line-height:1.5}.vsi-route-card>em{display:block;margin-top:10px;color:#7b858d;font-size:10px;font-style:normal}.vsi-route-card__arrow{position:absolute;right:24px;bottom:24px;color:var(--vs-navy);font-size:20px}

.vsi-port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vsi-port-card{padding:24px;text-align:left;background:#f6f7f8;border:1px solid #e4e8eb;cursor:pointer}.vsi-port-card:hover{border-color:#bfc8ce;background:#fff}.vsi-port-card__top{display:flex;justify-content:space-between;gap:16px}.vsi-port-card__top strong{color:var(--vs-navy);font-size:22px;letter-spacing:-.03em}.vsi-port-card__top span{color:var(--vs-accent);font-size:9px;font-weight:750;letter-spacing:.08em}.vsi-port-card>p{margin:7px 0 22px;color:var(--vs-muted);font-size:12px}.vsi-port-card dl{margin:0;border-top:1px solid var(--vs-line)}.vsi-port-card dl div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid var(--vs-line);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.vsi-port-card dt{color:#7b858d}.vsi-port-card dd{margin:0;color:var(--vs-navy);font-weight:750}.vsi-port-card__source{display:block;margin-top:12px;color:#7a858d;font-size:9px}.vsi-port-card__open{display:block;margin-top:18px;color:var(--vs-navy);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}
.vsi-text--low,.vsi-text--normal{color:#187448!important}.vsi-text--moderate{color:#8c7300!important}.vsi-text--elevated{color:#ad5f1a!important}.vsi-text--high,.vsi-text--critical{color:#b62329!important}

.vsi-latest-section{padding:100px 0;background:#f6f7f8}.vsi-desk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.vsi-desk{background:#fff;border:1px solid var(--vs-line);padding:26px}.vsi-desk__head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:2px solid var(--vs-navy)}.vsi-desk__head h3{margin:0;color:var(--vs-navy);font-size:18px}.vsi-desk__head a{color:var(--vs-accent);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.vsi-desk__item{display:grid;grid-template-columns:52px 1fr 24px;gap:13px;align-items:center;padding:18px 0;border-bottom:1px solid var(--vs-line);color:var(--vs-navy)}.vsi-desk__item:last-child{border-bottom:0}.vsi-desk__item span{color:var(--vs-muted);font-size:9px;text-transform:uppercase}.vsi-desk__item strong{font-size:17px;line-height:1.3;letter-spacing:-.025em;font-weight:550}.vsi-desk__item i{font-style:normal;text-align:right}

/* Mapbox popup tuned to ViewShipping */
.vsi-intelligence-home .mapboxgl-popup-content{padding:0;min-width:290px;max-width:340px;border-radius:0;box-shadow:0 16px 50px rgba(0,0,0,.28);font-family:var(--vs-body-font)}
.vsi-intelligence-home .mapboxgl-popup-close-button{font-size:20px;padding:6px 10px;z-index:2;color:#fff}
.vsi-popup__head{padding:18px 38px 16px 18px;background:#071a2b;color:#fff}.vsi-popup__eyebrow{font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#d9a7aa}.vsi-popup__head h3{margin:5px 0 0;font-size:21px;line-height:1.15;color:#fff}.vsi-popup__body{padding:17px 18px;color:#172631}.vsi-popup__risk{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.vsi-popup__risk strong{font-size:26px}.vsi-popup__rows{border-top:1px solid #e1e6e9}.vsi-popup__row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #e1e6e9;font-size:11px}.vsi-popup__row span{color:#71808a}.vsi-popup__row b{font-weight:650;text-align:right}.vsi-popup__summary{margin:13px 0 0;font-size:12px;line-height:1.55;color:#52616b}.vsi-popup__links{margin-top:14px}.vsi-popup__links a{display:block;padding:8px 0;border-top:1px solid #e1e6e9;color:#071a2b;font-size:11px;font-weight:650}.vsi-popup__source{display:block;margin-top:12px;color:#7a858d;font-size:9px}.vsi-popup__source a{color:inherit;text-decoration:underline}

@media(max-width:1100px){.vsi-hero__grid{grid-template-columns:1fr;gap:46px}.vsi-hero__summary{max-width:620px}.vsi-map-shell{grid-template-columns:1fr;min-height:0}.vsi-map-wrap{height:590px}.vsi-today{min-height:0}.vsi-featured-grid{grid-template-columns:1.3fr .7fr}.vsi-feature-side{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:0}.vsi-feature-side article{border-top:1px solid var(--vs-line)}.vsi-route-grid,.vsi-port-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.vsi-hero{padding:66px 0 58px}.vsi-map-controls-row{align-items:stretch;flex-direction:column}.vsi-projection-switch{align-self:flex-start}.vsi-section-heading{grid-template-columns:1fr;gap:20px}.vsi-section-link{justify-self:start}.vsi-signal-strip__grid{grid-template-columns:1fr 1fr}.vsi-signal-strip__grid>div:nth-child(2){border-right:0}.vsi-signal-strip__grid>div:nth-child(3){padding-left:0}.vsi-featured-grid{grid-template-columns:1fr}.vsi-feature-side{grid-template-columns:1fr}.vsi-route-grid,.vsi-port-grid,.vsi-desk-grid{grid-template-columns:1fr}}
@media(max-width:600px){.vsi-projection-switch{width:100%}.vsi-projection-switch button{flex:1}.vsi-hero h1{font-size:clamp(45px,13vw,64px)}.vsi-hero__summary{grid-template-columns:1fr 1fr}.vsi-hero__summary div{padding:18px}.vsi-map-section,.vsi-featured,.vsi-intel-section,.vsi-latest-section{padding:70px 0}.vsi-map-wrap{height:500px}.vsi-layer-bar{display:grid;grid-template-columns:repeat(3,1fr)}.vsi-layer-bar button{padding:9px 6px}.vsi-map-legend{left:10px;right:10px;bottom:10px;gap:9px}.vsi-signal-strip__grid{grid-template-columns:1fr}.vsi-signal-strip__grid>div,.vsi-signal-strip__grid>div+div{padding:24px 0;border-right:0;border-bottom:1px solid var(--vs-line)}.vsi-feature-main__body{padding-left:0;padding-right:0}.vsi-route-grid{grid-template-columns:1fr}.vsi-route-card{min-height:210px}.vsi-port-card{padding:20px}.vsi-desk{padding:20px}.vsi-desk__item{grid-template-columns:42px 1fr 20px}}

/* Weather map layer and popup status */
.vsi-popup__weather-fresh,.vsi-popup__weather-stale{display:inline-flex;margin-left:7px;padding:3px 5px;font-size:7px;line-height:1;font-weight:800;letter-spacing:.08em;vertical-align:middle}
.vsi-popup__weather-fresh{background:rgba(40,166,106,.2);color:#9ae0bc}
.vsi-popup__weather-stale{background:rgba(226,192,68,.18);color:#f3da78}

/* =========================================================
   VIEWSHIPPING INTELLIGENCE 2.0 — COMPACT HOMEPAGE SUMMARY
   ========================================================= */
.vsi-home--summary{background:#fff;color:var(--vs-navy,#071728)}
.vsi-home--summary .vsi-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#061523 0%,#0b263b 62%,#2d1015 120%);padding:94px 0 86px}
.vsi-home--summary .vsi-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,rgba(0,0,0,.8),transparent 80%);pointer-events:none}
.vsi-home--summary .vsi-hero::after{content:"";position:absolute;width:520px;height:520px;right:-150px;bottom:-330px;border-radius:50%;background:rgba(201,59,59,.15);filter:blur(4px);pointer-events:none}
.vsi-home--summary .vsi-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.65fr);gap:90px;align-items:end}
.vsi-home--summary .vsi-hero__copy{max-width:860px}
.vsi-home--summary .vsi-hero h1{max-width:850px;margin:25px 0 24px;color:#fff!important;font-family:var(--vs-heading-font);font-size:clamp(52px,6.5vw,98px);line-height:.95;letter-spacing:-.06em;font-weight:470}
.vsi-home--summary .vsi-hero__copy>p{max-width:760px;margin:0;color:rgba(255,255,255,.7);font-size:18px;line-height:1.65}
.vsi-home--summary .vsi-hero__summary{background:rgba(3,17,29,.22);backdrop-filter:blur(8px)}

.vsi-home-snapshot{padding:100px 0;background:#f5f7f8}
.vsi-home-snapshot__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.vsi-home-snapshot__panel{background:#fff;border:1px solid #dde3e7}
.vsi-home-snapshot__head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:2px solid var(--vs-navy,#071728)}
.vsi-home-snapshot__head>span{color:var(--vs-navy,#071728);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.vsi-home-snapshot__head a{color:var(--vs-accent,#c93b3b);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.vsi-summary-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:14px;align-items:center;padding:19px 22px;border-bottom:1px solid #e4e8eb;color:var(--vs-navy,#071728);text-decoration:none!important;transition:background .2s ease}
.vsi-summary-row:last-child{border-bottom:0}
.vsi-summary-row:hover{background:#f6f8f9}
.vsi-summary-row>span strong{display:block;color:var(--vs-navy,#071728);font-size:15px;line-height:1.25;font-weight:650}
.vsi-summary-row>span small{display:block;margin-top:5px;color:#71808a;font-size:10px}
.vsi-summary-row>b:not(.vsi-risk-tag){color:var(--vs-accent,#c93b3b);font-size:18px;font-weight:500}
.vsi-home-snapshot__empty{margin:0;padding:24px;color:#71808a;font-size:13px}
.vsi-home-platform-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:24px;padding:32px 34px;background:var(--vs-navy,#071728);color:#fff}
.vsi-home-platform-cta span{display:block;color:#dca8aa;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.vsi-home-platform-cta h3{max-width:760px;margin:8px 0 0;color:#fff;font-family:var(--vs-heading-font);font-size:clamp(25px,3vw,39px);line-height:1.1;letter-spacing:-.04em;font-weight:500}

.vsi-summary-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vsi-summary-article{border:1px solid #e1e5e8;background:#fff;overflow:hidden}
.vsi-summary-article--lead{grid-column:span 2;grid-row:span 2}
.vsi-summary-article__image{display:block;aspect-ratio:16/10;overflow:hidden;background:#e8ecee}
.vsi-summary-article:not(.vsi-summary-article--lead) .vsi-summary-article__image{aspect-ratio:16/9}
.vsi-summary-article__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.vsi-summary-article:hover img{transform:scale(1.025)}
.vsi-summary-article>div{padding:21px}
.vsi-summary-article>div>span{color:var(--vs-accent,#c93b3b);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.vsi-summary-article h3{margin:9px 0 0;font-family:var(--vs-heading-font);font-size:22px;line-height:1.18;letter-spacing:-.035em;font-weight:560}
.vsi-summary-article--lead h3{font-size:clamp(30px,3.4vw,48px)}
.vsi-summary-article h3 a{color:var(--vs-navy,#071728);text-decoration:none}
.vsi-summary-article p{margin:14px 0 0;color:#64717a;font-size:14px;line-height:1.65}
.vsi-home-newsletter{padding:0 0 95px;background:#fff}

@media(max-width:1050px){
  .vsi-home--summary .vsi-hero__grid{grid-template-columns:1fr;gap:44px}
  .vsi-home--summary .vsi-hero__summary{max-width:650px}
  .vsi-summary-articles{grid-template-columns:1fr 1fr}
  .vsi-summary-article--lead{grid-column:1/-1;grid-row:auto}
}
@media(max-width:760px){
  .vsi-home--summary .vsi-hero{padding:64px 0 58px}
  .vsi-home--summary .vsi-hero h1{font-size:clamp(46px,13vw,68px)}
  .vsi-home-snapshot{padding:72px 0}
  .vsi-home-snapshot__grid{grid-template-columns:1fr}
  .vsi-home-platform-cta{align-items:flex-start;flex-direction:column;padding:26px}
  .vsi-summary-articles{grid-template-columns:1fr}
  .vsi-summary-article--lead{grid-column:auto}
}
@media(max-width:500px){
  .vsi-home--summary .vsi-hero__summary div{padding:17px}
  .vsi-home--summary .vsi-hero__summary strong{font-size:30px}
  .vsi-summary-row{padding:17px 16px}
  .vsi-home-snapshot__head{padding:18px 16px}
}

/* =========================================================
   VIEWSHIPPING INTELLIGENCE 2.1 — MARITIME COMMAND BRIEF HERO
   ========================================================= */
.vsi-command-hero{padding:0!important;isolation:isolate}
.vsi-command-hero::before{background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px),radial-gradient(circle at 17% 78%,rgba(201,59,59,.13),transparent 28%)!important;background-size:46px 46px,46px 46px,100% 100%!important;mask-image:none!important}
.vsi-command-hero::after{width:580px!important;height:580px!important;right:23%!important;bottom:-455px!important;background:radial-gradient(circle,rgba(201,59,59,.32) 0%,rgba(201,59,59,.09) 48%,transparent 72%)!important;filter:blur(8px)!important}
.vsi-command-rail{position:relative;z-index:2;display:flex;align-items:center;gap:0;border-left:1px solid rgba(255,255,255,.14);border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.58)}
.vsi-command-rail>span{display:flex;min-height:46px;align-items:center;padding:0 20px;border-right:1px solid rgba(255,255,255,.14);font-size:9px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.vsi-command-rail>span:last-child{border-right:0}
.vsi-command-rail__live{color:#fff!important}.vsi-command-rail__live i{width:7px;height:7px;margin-right:9px;border-radius:50%;background:#38b77a;box-shadow:0 0 0 5px rgba(56,183,122,.12)}
.vsi-command-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(390px,.72fr);gap:74px;align-items:center;padding:82px 0 88px}
.vsi-command-hero__copy{max-width:850px}
.vsi-home--summary .vsi-command-hero h1{max-width:880px;margin:23px 0 24px;font-size:clamp(54px,6vw,92px);line-height:.94;letter-spacing:-.062em}
.vsi-command-hero__copy>p{max-width:740px;margin:0;color:rgba(255,255,255,.72);font-size:18px;line-height:1.68}
.vsi-command-trustline{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;color:rgba(255,255,255,.52);font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.vsi-command-trustline span{position:relative;padding-left:14px}.vsi-command-trustline span::before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border:1px solid rgba(255,255,255,.55);transform:translateY(-50%) rotate(45deg)}
.vsi-command-console{position:relative;background:rgba(4,14,23,.74);border:1px solid rgba(255,255,255,.2);box-shadow:0 28px 80px rgba(0,0,0,.28);backdrop-filter:blur(12px)}
.vsi-command-console::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:var(--vs-accent,#c93b3b)}
.vsi-command-console__head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 21px;border-bottom:1px solid rgba(255,255,255,.14)}
.vsi-command-console__head span{display:block;color:#dca8aa;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.vsi-command-console__head strong{display:block;margin-top:5px;color:#fff;font-size:18px;font-weight:600}.vsi-command-console__head time{color:rgba(255,255,255,.55);font-size:8px;text-align:right;text-transform:uppercase;letter-spacing:.05em}
.vsi-command-console__metrics{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,.14)}
.vsi-command-console__metrics div{min-height:96px;padding:20px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.vsi-command-console__metrics div:nth-child(even){border-right:0}.vsi-command-console__metrics div:nth-last-child(-n+2){border-bottom:0}
.vsi-command-console__metrics strong{display:block;color:#fff;font-size:34px;font-weight:470;line-height:1}.vsi-command-console__metrics span{display:block;margin-top:9px;color:rgba(255,255,255,.48);font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.vsi-command-console__signals{padding:0 20px 8px}.vsi-command-console__signals-head{display:flex;align-items:center;justify-content:space-between;padding:17px 0 10px;color:#fff}.vsi-command-console__signals-head span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.vsi-command-console__signals-head small{color:rgba(255,255,255,.42);font-size:8px}
.vsi-command-console__signals>a{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.11);color:#fff;text-decoration:none}.vsi-command-console__signals>a>span strong{display:block;color:#fff;font-size:12px;line-height:1.3;font-weight:600}.vsi-command-console__signals>a>span small{display:block;margin-top:4px;color:rgba(255,255,255,.48);font-size:8px;text-transform:uppercase;letter-spacing:.05em}.vsi-command-console__signals>a>b{color:#dca8aa;font-size:7px;letter-spacing:.08em}.vsi-command-console__signals>p{color:rgba(255,255,255,.55);font-size:11px}

@media(max-width:1120px){.vsi-command-hero__grid{grid-template-columns:1fr;gap:48px}.vsi-command-console{max-width:720px}.vsi-command-rail{overflow-x:auto}.vsi-command-rail>span{flex:0 0 auto}}
@media(max-width:700px){.vsi-command-hero__grid{padding:58px 0 64px}.vsi-home--summary .vsi-command-hero h1{font-size:clamp(45px,12.7vw,66px)}.vsi-command-hero__copy>p{font-size:16px}.vsi-command-trustline{gap:14px 20px}.vsi-command-console__head{align-items:flex-start;flex-direction:column}.vsi-command-console__head time{text-align:left}.vsi-command-rail>span{min-height:40px;padding:0 14px;font-size:8px}}

/* v2.4.0: news is visually separated from operational exposure. */
.vsi-command-console__signals-head--news{margin-top:8px;border-top:1px solid rgba(255,255,255,.13)}
.vsi-news-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#77828b}
.vsi-news-dot--market_trade{background:#2474a6}
.vsi-news-dot--regulation_policy{background:#7651a8}
.vsi-news-dot--ports_canals{background:#168b83}
.vsi-news-dot--energy_commodities{background:#b47716}
.vsi-news-dot--company_fleet{background:#5c6875}
