/* OBOR / V2 editorial entrance
   Applies only to the /v2/ preview. Existing research instruments remain intact.
   Keep native document scrolling: never clip overflow on body/html. */
body.obor-v2-experience{background:#f3f3ef}
body.obor-v2-experience .site-header{z-index:40}
body.obor-v2-experience .v2-editorial-opening *,
body.obor-v2-experience .v2-personalization *,
body.obor-v2-experience .v2-research-bridge *{box-sizing:border-box}
.v2-editorial-opening{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:clamp(690px,calc(100svh - 72px),1020px);
  color:#f4f2ec;background:#071b27;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.v2-editorial-opening::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(ellipse at 87% 16%,rgba(43,103,123,.30),transparent 46%),
    radial-gradient(ellipse at 24% 79%,rgba(10,58,81,.37),transparent 45%),
    linear-gradient(121deg,#081925 0%,#061420 66%,#0b2531 100%)
}
.v2-editorial-opening::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.19;
  background: url('/assets/world-map.svg') 65% 27% / min(75vw,1200px) auto no-repeat,
  repeating-linear-gradient(0deg,transparent 0,transparent 57px,rgba(150,190,208,.2) 58px),
  repeating-linear-gradient(90deg,transparent 0,transparent 57px,rgba(150,190,208,.2) 58px);
  mask-image:linear-gradient(90deg,transparent,black 24%,black 100%)
}
.v2-editorial-opening a{color:inherit;text-decoration:none}
.v2-editorial-opening a:focus-visible,.v2-personalization a:focus-visible,
.v2-personalization button:focus-visible,.v2-personalization select:focus-visible,
.v2-personalization input:focus-visible,.v2-research-bridge a:focus-visible{
  outline:3px solid #f1a477;outline-offset:4px
}
.v2-editorial-frame,.v2-personal-frame,.v2-bridge-inner{width:min(calc(100% - 96px),1512px);margin-inline:auto}
.v2-editorial-frame{position:relative;display:flex;flex-direction:column;min-height:inherit;padding-top:clamp(32px,3vw,49px)}
.v2-edition-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;
  color:#abbec8;letter-spacing:.17em;font-size:10px;font-weight:690;
  border-bottom:1px solid rgba(189,219,233,.25);padding-bottom:19px}
.v2-edition-meta b{color:#f3aa81;font-weight:690}
.v2-edition-meta span:last-child{color:#8fadb9}
.v2-opening-heading{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,.4fr);
  gap:36px;align-items:end;padding:clamp(38px,5.2vw,89px) 0 clamp(26px,3vw,48px)}
.v2-opening-heading .v2-opening-kicker{margin:0 0 20px;color:#e5a985;font-size:11px;font-weight:750;letter-spacing:.22em}
.v2-opening-heading h1{
  color:#f4f3ef;font-size:clamp(62px,8.7vw,154px);font-weight:460;
  line-height:.93;letter-spacing:-.078em;max-width:1220px;
  text-wrap:balance;margin:0
}
.v2-opening-heading h1 em{display:block;color:#e2a381;font-weight:420;font-style:normal}
.v2-opening-aside{
  align-self:end;border-left:1px solid rgba(202,220,230,.4);
  color:#bed0d9;padding:0 0 3px clamp(20px,3vw,42px);
  font-size:clamp(14px,1.25vw,17px);line-height:1.65;max-width:290px
}
.v2-opening-aside strong{display:block;color:#f4f3ef;font-size:10px;letter-spacing:.18em;margin-bottom:14px}
.v2-opening-aside p{margin:0}
.v2-front-stories{display:grid;grid-template-columns:minmax(0,1.44fr) minmax(0,1fr);gap:1px;
  background:rgba(187,211,222,.30);border:1px solid rgba(187,211,222,.30);
  margin-top:auto}
.v2-feature-primary,.v2-feature-secondary{
  display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;
  background:rgba(6,23,35,.89);transition:background .22s ease
}
.v2-feature-primary:hover,.v2-feature-secondary:hover{background:rgba(22,51,66,.96)}
.v2-feature-primary{padding:clamp(25px,3vw,50px) clamp(27px,3.7vw,62px) 27px;min-height:345px}
.v2-feature-primary::before{
  content:"01";position:absolute;z-index:-1;right:-.01em;top:-.35em;line-height:1;
  font-size:clamp(170px,20vw,320px);font-weight:750;letter-spacing:-.11em;
  color:rgba(118,164,179,.058);pointer-events:none
}
.v2-story-index{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.17em;
  color:#f3a67b;font-weight:740;text-transform:uppercase}
.v2-story-index::before{content:"";width:22px;height:1px;background:#ee9e70}
.v2-feature-primary h2{
  color:#fff;max-width:670px;font-size:clamp(25px,2.5vw,40px);line-height:1.12;
  letter-spacing:-.045em;font-weight:520;margin:17px 0 23px
}
.v2-primary-evidence{display:flex;align-items:end;gap:clamp(22px,3vw,58px);
  flex-wrap:wrap;margin:auto 0 18px}
.v2-primary-evidence strong{
  color:#f3f3ef;font-weight:560;font-size:clamp(54px,7.1vw,114px);
  letter-spacing:-.08em;line-height:.93;font-variant-numeric:tabular-nums
}
.v2-primary-evidence small{display:block;margin-top:10px;color:#b5c5ce;
  font-size:12px;letter-spacing:.01em;font-weight:500}
.v2-primary-evidence .v2-volume-contrast strong{
  color:#e4a688;font-size:clamp(38px,4vw,65px);letter-spacing:-.06em
}
.v2-story-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding-top:19px;border-top:1px solid rgba(183,213,225,.25);
  color:#bacbd5;font-size:12px}
.v2-story-foot .v2-story-action{font-weight:720;color:#f4e6d9;white-space:nowrap}
.v2-story-foot .v2-story-action span{margin-left:10px}
.v2-feature-stack{display:grid;grid-template-rows:1fr 1fr;gap:1px;min-width:0}
.v2-feature-secondary{padding:clamp(19px,2vw,31px) clamp(23px,2.6vw,43px);min-height:170px}
.v2-feature-secondary .v2-story-index{font-size:10px}
.v2-feature-secondary h2{
  font-weight:540;font-size:clamp(19px,1.5vw,25px);letter-spacing:-.025em;line-height:1.22;
  color:#f3f5f5;max-width:440px;margin:13px 0 10px
}
.v2-secondary-foot{margin-top:auto;display:flex;gap:10px;align-items:end;justify-content:space-between}
.v2-secondary-foot strong{
  font-size:clamp(40px,4.5vw,69px);line-height:1;letter-spacing:-.065em;
  color:#f4f3ee;font-variant-numeric:tabular-nums;font-weight:560
}
.v2-secondary-foot small{color:#d1b7a5;font-size:11px;text-transform:uppercase;letter-spacing:.09em}
.v2-secondary-foot .v2-secondary-arrow{align-self:center;color:#e8b18e;font-size:24px}
.v2-opening-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;
  min-height:82px;padding:18px 0;color:#b7c8d1;font-size:11px;letter-spacing:.035em}
.v2-opening-bottom a{color:#f3dcc9;font-size:12px;font-weight:740;white-space:nowrap}
.v2-opening-bottom a span{padding-left:11px;display:inline-block;transition:transform .2s ease}
.v2-opening-bottom a:hover span{transform:translateY(4px)}
.v2-opening-source{font-size:10px;color:#8fa7b4;line-height:1.6}
.v2-personalization{background:#f0f0eb;color:#102a37;padding:clamp(74px,9.5vw,150px) 0 clamp(76px,9vw,138px)}
.v2-personal-head{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(210px,.48fr);
  gap:40px;align-items:end;margin-bottom:42px}
.v2-personal-label{display:block;margin-bottom:22px;color:#9a563c;font-size:11px;
  font-weight:750;letter-spacing:.18em}
.v2-personal-head h2{font-size:clamp(43px,5vw,85px);font-weight:510;
  line-height:1.03;letter-spacing:-.067em;margin:0;color:#0c2735;max-width:1050px}
.v2-personal-head h2 em{color:#ab6448;font-style:normal}
.v2-personal-head>p{max-width:330px;font-size:15px;line-height:1.7;
  color:#526a76;margin:0;padding-bottom:7px}
.v2-personal-workspace{
  background:#fff;border:1px solid #ced9dd;display:grid;grid-template-columns:minmax(290px,.42fr) minmax(0,.58fr);
  box-shadow:0 25px 66px rgba(17,48,63,.065);min-height:446px
}
.v2-personal-selector{padding:clamp(26px,3vw,47px);border-right:1px solid #d9e1e5;display:flex;flex-direction:column}
.v2-personal-selector .v2-mini-label,.v2-personal-result .v2-mini-label{
  color:#66808c;font-size:10px;font-weight:760;letter-spacing:.17em
}
.v2-interest-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:35px 0 30px}
.v2-interest-tabs button{
  appearance:none;cursor:pointer;min-width:0;width:100%;min-height:44px;text-align:center;
  border:1px solid #d8e1e5;background:#f7f8f7;
  padding:11px 8px;font-family:inherit;font-size:12px;font-weight:680;line-height:1.3;color:#47616d;border-radius:0
}
.v2-interest-tabs button[aria-selected="true"]{color:#fff;background:#163746;border-color:#163746}
.v2-interest-tabs button:hover:not([aria-selected="true"]){background:#edf1f2;border-color:#b2c4cc}
.v2-personal-select-label{display:block;color:#3b5966;font-size:11px;
  letter-spacing:.1em;font-weight:730;text-transform:uppercase;margin-bottom:11px}
.v2-personal-control{width:100%;min-height:55px;padding:12px 15px;
  font-family:inherit;font-size:16px;font-weight:580;line-height:1.3;color:#142e3c;background:#f6f8f8;border:1px solid #c4d1d7;border-radius:2px}
.v2-personal-helper{color:#667e8a;font-size:12px;line-height:1.6;max-width:330px;margin:18px 0 0}
.v2-selector-bottom{margin-top:auto;padding-top:36px;display:flex;align-items:center;gap:10px;color:#8a9ca5;
  font-size:10px;letter-spacing:.045em}
.v2-selector-bottom::before{content:"";width:7px;height:7px;background:#a96849;border-radius:50%}
.v2-personal-result{
  padding:clamp(28px,3.3vw,54px);display:flex;flex-direction:column;position:relative;
  background:linear-gradient(148deg,#fbfcfb 0%,#fff 71%);
}
.v2-personal-result::before{content:"";position:absolute;top:0;right:0;
  width:80px;height:3px;background:#c27853}
.v2-personal-result .v2-result-category{color:#9c5a3e;font-size:11px;
  letter-spacing:.13em;font-weight:730;margin:19px 0 14px}
.v2-personal-result h3{font-size:clamp(26px,3vw,46px);line-height:1.13;
  letter-spacing:-.052em;font-weight:540;color:#102c3a;margin:0 0 19px;max-width:660px}
.v2-result-insight{color:#45616f;font-size:15px;line-height:1.72;margin:0 0 25px;max-width:700px}
.v2-result-question{border-left:2px solid #c7855f;padding:3px 0 2px 19px;margin:auto 0 24px}
.v2-result-question span{color:#956149;font-size:10px;font-weight:770;letter-spacing:.14em}
.v2-result-question p{color:#153947;font-size:clamp(15px,1.4vw,18px);
  line-height:1.5;margin:8px 0 0;font-weight:590;max-width:600px}
.v2-result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;
  border-top:1px solid #dfe6e9;padding-top:21px}
.v2-result-actions a{color:#174359;font-size:12px;text-decoration:none;font-weight:740}
.v2-result-actions a:first-child{background:#102f40;color:#fff;padding:12px 16px}
.v2-result-actions a:first-child:hover{background:#1f5367}
.v2-result-actions a:last-child{border-bottom:1px solid #bacbd2;padding-bottom:6px}
.v2-personal-further{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;
  gap:14px;border-top:1px solid #d3dee1;padding-top:20px;margin-top:25px}
.v2-personal-further p{margin:0;color:#5b717d;font-size:12px;line-height:1.65}
.v2-personal-further a{font-size:12px;font-weight:750;color:#133c51;text-decoration:none}
.v2-research-bridge{background:#0a2533;color:#ebeff0;padding:48px 0}
.v2-bridge-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.v2-bridge-inner p{color:#d5a68a;font-size:10px;font-weight:750;letter-spacing:.17em;margin:0 0 9px}
.v2-bridge-inner h2{color:#f4f4f0;line-height:1.2;letter-spacing:-.035em;
  font-weight:490;font-size:clamp(25px,2.5vw,37px);margin:0;max-width:850px}
.v2-bridge-inner a{display:inline-flex;align-items:center;gap:18px;white-space:nowrap;
  border:1px solid rgba(222,235,240,.4);color:#f4f4f0;text-decoration:none;
  font-size:12px;font-weight:730;padding:14px 18px}
.v2-bridge-inner a:hover{background:rgba(233,247,250,.1)}
.v2-editorial-opening a:hover .v2-story-action,.v2-editorial-opening a:hover .v2-secondary-arrow{text-decoration:underline}
@media(min-width:1500px) and (min-height:880px){
  .v2-feature-primary{min-height:395px}
  .v2-editorial-frame{padding-top:52px}
}
@media(max-width:1120px){
  .v2-opening-heading{grid-template-columns:1fr;gap:20px}
  .v2-opening-aside{border-left:0;padding:0;max-width:600px}
  .v2-opening-aside strong{display:none}
  .v2-opening-aside p{font-size:15px}
  .v2-editorial-frame,.v2-personal-frame,.v2-bridge-inner{width:min(calc(100% - 48px),1512px)}
  .v2-feature-primary{min-height:360px}
  .v2-personal-workspace{grid-template-columns:minmax(270px,.47fr) minmax(0,.53fr)}
}
@media(max-width:800px){
  .v2-editorial-opening{min-height:0}
  .v2-opening-heading{padding:56px 0 42px}
  .v2-opening-heading h1{font-size:clamp(57px,11vw,96px)}
  .v2-front-stories{grid-template-columns:1fr}
  .v2-feature-primary{min-height:355px;padding:30px}
  .v2-feature-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .v2-feature-secondary{min-height:225px;padding:23px}
  .v2-secondary-foot{display:block}
  .v2-secondary-foot strong{font-size:clamp(38px,7vw,62px)}
  .v2-secondary-foot .v2-secondary-arrow{float:right}
  .v2-personal-head{grid-template-columns:1fr;gap:17px}
  .v2-personal-head>p{max-width:610px}
  .v2-personal-workspace{grid-template-columns:1fr}
  .v2-personal-selector{border-right:0;border-bottom:1px solid #d9e1e5;padding:28px}
  .v2-interest-tabs{margin:23px 0 24px}
  .v2-selector-bottom{padding-top:23px}
  .v2-personal-result{padding:29px}
  .v2-bridge-inner{align-items:start;flex-direction:column;gap:24px}
}
@media(max-width:540px){
  .v2-editorial-frame,.v2-personal-frame,.v2-bridge-inner{width:min(calc(100% - 30px),1512px)}
  .v2-editorial-frame{padding-top:25px}
  .v2-edition-meta{font-size:9px;letter-spacing:.105em;padding-bottom:17px}
  .v2-edition-meta span:last-child{display:none}
  .v2-opening-heading{padding:45px 0 39px;gap:19px}
  .v2-opening-heading .v2-opening-kicker{font-size:9px;letter-spacing:.16em;margin-bottom:16px}
  .v2-opening-heading h1{font-size:clamp(50px,13vw,79px);letter-spacing:-.075em}
  .v2-opening-aside p{font-size:13px;line-height:1.6}
  .v2-feature-primary{min-height:370px;padding:25px 21px 21px}
  .v2-feature-primary h2{font-size:clamp(24px,7vw,32px);line-height:1.19}
  .v2-primary-evidence{gap:24px}
  .v2-primary-evidence strong{font-size:clamp(50px,13vw,78px)}
  .v2-primary-evidence .v2-volume-contrast strong{font-size:clamp(33px,9vw,52px)}
  .v2-primary-evidence small{font-size:11px}
  .v2-story-foot{font-size:10px;align-items:start;gap:12px}
  .v2-story-foot .v2-story-action{white-space:normal}
  .v2-feature-stack{grid-template-columns:1fr;grid-template-rows:auto auto}
  .v2-feature-secondary{min-height:175px;padding:21px}
  .v2-feature-secondary h2{font-size:19px}
  .v2-secondary-foot{display:flex}
  .v2-secondary-foot strong{font-size:44px}
  .v2-opening-bottom{align-items:start;flex-direction:column;gap:7px;padding:24px 0 32px}
  .v2-personalization{padding:67px 0 78px}
  .v2-personal-head{margin-bottom:30px}
  .v2-personal-head h2{font-size:clamp(41px,11vw,59px)}
  .v2-personal-head>p{font-size:14px}
  .v2-personal-selector,.v2-personal-result{padding:24px 20px}
  .v2-interest-tabs{gap:5px;margin:23px 0}
  .v2-interest-tabs button{padding:12px 13px}
  .v2-personal-result h3{font-size:clamp(26px,8vw,35px)}
  .v2-result-insight{font-size:13px}
  .v2-personal-further{align-items:start;flex-direction:column}
  .v2-research-bridge{padding:35px 0}
  .v2-bridge-inner h2{font-size:27px}
}
@media(prefers-reduced-motion:no-preference){
  .v2-opening-heading h1{animation:v2-quiet-arrive .72s ease-out both}
  .v2-opening-aside{animation:v2-quiet-arrive .78s .13s ease-out both}
  .v2-front-stories{animation:v2-quiet-arrive .8s .2s ease-out both}
  @keyframes v2-quiet-arrive{from{opacity:.65;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){
  .v2-editorial-opening *,.v2-personalization *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
