/* WFL Editorial Resource v2.1
   Purpose: transform the FL-01 resource from a plain report into an immersive,
   explanatory reading experience. Original v1.7 palette/typography remain.
   CSS is opt-in: only .wfl-radar-v2 pages importing this file are affected. */
.wfl-radar-v2{--ed-ink:#0e2a38;--ed-blue:#102d3d;--ed-cyan:#8fe1ee;--ed-paper:#f2f3ef;--ed-quiet:#436171;--ed-line:#b7cbcd}
.wfl-radar-v2 .r2-head.r2-editorial-hero{
  position:relative;isolation:isolate;overflow:hidden;
  width:100vw;max-width:none;left:50%;margin-left:-50vw;
  min-height:560px;padding:clamp(66px,8.2vw,108px) max(6vw,calc((100vw - 1060px)/2)) clamp(55px,6vw,85px);
  background:linear-gradient(90deg,#0c2535 0%,#0c2535 28%,rgba(12,37,53,.94) 44%,rgba(12,37,53,.68) 62%,rgba(12,37,53,.15) 100%),
    url('../../assets/road.jpg') center center / cover no-repeat;
  color:#f4fbfb;border:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
}
.wfl-radar-v2 .r2-head.r2-editorial-hero::before{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#8fe1ee,transparent 75%)}
.wfl-radar-v2 .r2-editorial-hero>*{position:relative;z-index:1}
.wfl-radar-v2 .r2-editorial-hero .r2-eyebrow{color:#a0e6ec;margin-bottom:30px}
.wfl-radar-v2 .r2-editorial-hero h1{
  max-width:790px;margin:0 0 28px;color:#fff;
  font-weight:650;font-size:clamp(40px,5.5vw,77px);line-height:1.035;letter-spacing:-.045em;
  text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.25);
}
.wfl-radar-v2 .r2-editorial-hero .r2-lead{max-width:600px;color:#d9ebee;font-size:clamp(17px,1.55vw,21px);line-height:1.65;margin:0 0 28px}
.wfl-radar-v2 .r2-editorial-hero .r2-meta{gap:10px 16px}
.wfl-radar-v2 .r2-editorial-hero .r2-meta span{color:#c2dce1;font-size:12px;padding:7px 11px;border:1px solid rgba(178,224,230,.26);background:rgba(8,29,43,.42);backdrop-filter:blur(4px)}
.wfl-radar-v2 .r2-editorial-hero .r2-hero-aside{position:absolute;z-index:2;right:max(6vw,calc((100vw - 1060px)/2));bottom:36px;border-left:2px solid var(--ed-cyan);padding-left:14px;max-width:170px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:#e8f9f9;line-height:1.5}
.wfl-radar-v2 .r2-editorial-hero .r2-hero-aside strong{display:block;color:var(--ed-cyan);font-size:18px;letter-spacing:-.01em;text-transform:none}
.wfl-radar-v2 .r2-reading-guide{
  position:relative;display:flex;align-items:center;gap:18px;padding:17px 0 18px;border-bottom:1px solid var(--ed-line);
  margin:0 0 1rem;flex-wrap:wrap;
}
.wfl-radar-v2 .r2-reading-guide>span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#23667b;text-transform:uppercase;white-space:nowrap}
.wfl-radar-v2 .r2-reading-guide ol{display:flex;gap:6px 19px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.wfl-radar-v2 .r2-reading-guide a{display:inline-block;font-size:12px;color:#385b68;text-decoration:none;border-bottom:1px solid transparent;padding:5px 0;font-weight:600}
.wfl-radar-v2 .r2-reading-guide a:hover,.wfl-radar-v2 .r2-reading-guide a:focus-visible{color:#0f5269;border-bottom-color:#19728a}
.wfl-radar-v2 .r2-section{padding-top:clamp(60px,7vw,98px);padding-bottom:clamp(60px,7vw,98px)}
.wfl-radar-v2 .r2-section-head{margin-bottom:33px}
.wfl-radar-v2 .r2-section-head h2{font-size:clamp(31px,4.25vw,56px);font-weight:650;max-width:25ch}
.wfl-radar-v2 .r2-intro{max-width:74ch;font-size:clamp(17px,1.7vw,21px);line-height:1.85;color:#344e5d}
.wfl-radar-v2 .r2-explain{font-size:16px;line-height:1.95;color:#344c59;max-width:75ch;margin:22px 0}
.wfl-radar-v2 .r2-explain strong{color:#153c4d}
.wfl-radar-v2 .r2-facts-lead{max-width:60ch}
.wfl-radar-v2 .r2-figures{gap:0;margin:34px 0 24px;border:1px solid #acc9ce;box-shadow:0 18px 45px rgba(15,44,58,.055)}
.wfl-radar-v2 .r2-figure{border:0;min-height:235px;padding:32px 38px}
.wfl-radar-v2 .r2-figure:first-child{background:#dfeeea}
.wfl-radar-v2 .r2-figure:nth-child(2){border-left:1px solid #bad2d2;background:#f7faf7}
.wfl-radar-v2 .r2-figure .r2-number{font-size:clamp(48px,7vw,86px);line-height:1.1}
.wfl-radar-v2 .r2-figure p{max-width:48ch}
.wfl-radar-v2 .r2-editorial-frame{
  position:relative;margin:34px 0 27px;min-height:340px;overflow:hidden;background:#0c2534;color:#f0f9f9;
}
.wfl-radar-v2 .r2-editorial-frame img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wfl-radar-v2 .r2-editorial-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,35,49,.93) 0%,rgba(10,35,49,.65) 44%,rgba(10,35,49,.05) 100%)}
.wfl-radar-v2 .r2-editorial-frame figcaption{
  position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:340px;
  max-width:650px;padding:clamp(28px,5vw,56px);
}
.wfl-radar-v2 .r2-editorial-frame .r2-frame-eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;color:#99e4ea;text-transform:uppercase;margin-bottom:17px}
.wfl-radar-v2 .r2-editorial-frame strong{font-size:clamp(25px,3.2vw,42px);line-height:1.14;font-weight:650;letter-spacing:-.025em}
.wfl-radar-v2 .r2-editorial-frame p{color:#d9e8eb;font-size:15px;line-height:1.65;margin:18px 0 0;max-width:54ch}
.wfl-radar-v2 .r2-reading-example{border:1px solid #b1cbd0;background:linear-gradient(160deg,#edf5f3,#e3efed);padding:clamp(20px,3vw,38px);margin:31px 0}
.wfl-radar-v2 .r2-example-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:27px}
.wfl-radar-v2 .r2-example-top strong{font-size:19px;color:#173a4b}
.wfl-radar-v2 .r2-example-top span{font-size:11px;font-weight:700;letter-spacing:.08em;color:#426e7e}
.wfl-radar-v2 .r2-example-layout{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:center;gap:15px}
.wfl-radar-v2 .r2-example-path{border-top:3px solid #6c9eaa;background:#f9fbfa;padding:25px;min-height:222px}
.wfl-radar-v2 .r2-example-path.r2-example-possible{border-top-color:#19768c}
.wfl-radar-v2 .r2-example-path .r2-overline{margin:0 0 18px;color:#286b7a}
.wfl-radar-v2 .r2-example-units{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}
.wfl-radar-v2 .r2-example-units span{border:1px solid #9cbfc4;padding:8px 13px;font-size:12px;font-weight:700;background:#ebf3f1;color:#234c59}
.wfl-radar-v2 .r2-example-path p{font-size:14px;line-height:1.65;color:#375766;margin:0}
.wfl-radar-v2 .r2-example-arrow{font-size:33px;color:#2a7184;display:flex;justify-content:center}
.wfl-radar-v2 .r2-example-foot{font-size:12px;line-height:1.7;color:#536f78;margin:17px 0 0}
.wfl-radar-v2 .r2-section.r2-ai-feature{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(140deg,#0c2535,#123f4d 62%,#123240);
  color:#eff9f9;padding:clamp(42px,6vw,74px);
  border:1px solid #23556b;margin-top:40px;margin-bottom:20px;
}
.wfl-radar-v2 .r2-ai-feature::before{content:"";position:absolute;width:520px;height:520px;right:-230px;top:-220px;border:1px solid rgba(144,227,235,.18);border-radius:50%;box-shadow:0 0 0 55px rgba(144,227,235,.018),0 0 0 110px rgba(144,227,235,.015);pointer-events:none}
.wfl-radar-v2 .r2-ai-feature .r2-overline{color:#8fe1ee}
.wfl-radar-v2 .r2-ai-feature .r2-section-head h2{color:#f6fbfc}
.wfl-radar-v2 .r2-ai-feature .r2-intro,.wfl-radar-v2 .r2-ai-feature .r2-explain{color:#c8e0e4}
.wfl-radar-v2 .r2-ai-feature .r2-map{gap:10px;margin:34px 0}
.wfl-radar-v2 .r2-ai-feature .r2-map-item{background:rgba(255,255,255,.055);border:1px solid rgba(151,216,224,.27);border-top:2px solid #8fe1ee;backdrop-filter:blur(3px);padding:24px}
.wfl-radar-v2 .r2-ai-feature .r2-map-item h3{color:#f0fbfc;font-size:19px}
.wfl-radar-v2 .r2-ai-feature .r2-map-item p{color:#d0e5e8}
.wfl-radar-v2 .r2-ai-feature .r2-map-item .r2-overline{color:#8fe1ee}
.wfl-radar-v2 .r2-ai-sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:22px 0 11px;border:1px solid rgba(143,225,238,.28)}
.wfl-radar-v2 .r2-ai-sequence>div{padding:20px 16px;border-right:1px solid rgba(143,225,238,.21)}
.wfl-radar-v2 .r2-ai-sequence>div:last-child{border-right:0;background:rgba(143,225,238,.09)}
.wfl-radar-v2 .r2-ai-sequence span{display:block;color:#8fe1ee;font-size:11px;font-weight:700;letter-spacing:.09em;margin-bottom:9px}
.wfl-radar-v2 .r2-ai-sequence strong{font-size:15px;line-height:1.3;color:#f4fafb}
.wfl-radar-v2 .r2-ai-caution{font-size:12px;line-height:1.65;color:#b7d3d9;margin:15px 0 0}
.wfl-radar-v2 .r2-human-bridge{display:grid;grid-template-columns:.95fr 1.05fr;background:#e4efed;margin:22px 0 28px;min-height:290px}
.wfl-radar-v2 .r2-human-bridge img{display:block;width:100%;height:100%;min-height:290px;object-fit:cover;object-position:66% 45%}
.wfl-radar-v2 .r2-human-bridge>div{padding:clamp(24px,4vw,45px);display:flex;flex-direction:column;justify-content:center}
.wfl-radar-v2 .r2-human-bridge .r2-overline{margin-bottom:14px}
.wfl-radar-v2 .r2-human-bridge strong{font-size:clamp(23px,2.75vw,34px);font-weight:650;line-height:1.2;letter-spacing:-.025em;color:#153747}
.wfl-radar-v2 .r2-human-bridge p{font-size:15px;line-height:1.75;color:#41606c;margin:17px 0 0}
.wfl-radar-v2 .r2-focus-list li{grid-template-columns:55px minmax(0,1fr) minmax(200px,.63fr);padding:28px 0}
.wfl-radar-v2 .r2-reflection{background:#e0eeeb;box-shadow:0 18px 44px rgba(15,44,58,.06)}
.wfl-radar-v2 .r2-reflection legend{font-size:clamp(20px,2.2vw,26px)}
.wfl-radar-v2 .r2-reflection .r2-answers{gap:12px}
.wfl-radar-v2 .r2-reflection .r2-answer{min-height:72px;padding:17px}
.wfl-radar-v2 .r2-horizon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #6f9aaa;margin:32px 0 18px;gap:0}
.wfl-radar-v2 .r2-horizon>div{position:relative;padding:24px 20px 8px 0}
.wfl-radar-v2 .r2-horizon>div::before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;border-radius:50%;background:#1e7188;box-shadow:0 0 0 4px #e8f0ed}
.wfl-radar-v2 .r2-horizon strong{font-size:clamp(26px,3.1vw,39px);color:#174557;letter-spacing:-.025em}
.wfl-radar-v2 .r2-horizon span{display:block;font-size:12px;color:#4c6a75;line-height:1.65;margin-top:5px;max-width:25ch}
.wfl-radar-v2 .r2-reveal{position:relative;overflow:hidden;padding:clamp(35px,5vw,60px)}
.wfl-radar-v2 .r2-reveal::after{content:"";position:absolute;right:-120px;bottom:-170px;width:390px;height:390px;border:1px solid rgba(143,225,238,.24);border-radius:50%;box-shadow:0 0 0 70px rgba(143,225,238,.024),0 0 0 145px rgba(143,225,238,.018);pointer-events:none}
.wfl-radar-v2 .r2-card{padding:28px 29px}
.wfl-radar-v2 .r2-card h3{font-size:clamp(20px,2.3vw,28px)}
.wfl-radar-v2 .r2-card p{font-size:15px;line-height:1.8}
.wfl-radar-v2 .r2-closing{border-left:0;border-top:3px solid #196b80;padding:38px 44px}
@media(max-width:920px){
 .wfl-radar-v2 .r2-editorial-hero .r2-hero-aside{display:none}
 .wfl-radar-v2 .r2-head.r2-editorial-hero{min-height:500px;background-position:center 40%}
 .wfl-radar-v2 .r2-example-layout{grid-template-columns:1fr}
 .wfl-radar-v2 .r2-example-arrow{transform:rotate(90deg)}
 .wfl-radar-v2 .r2-ai-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wfl-radar-v2 .r2-ai-sequence>div:nth-child(2){border-right:0}
 .wfl-radar-v2 .r2-ai-sequence>div:nth-child(-n+2){border-bottom:1px solid rgba(143,225,238,.21)}
 .wfl-radar-v2 .r2-focus-list li{grid-template-columns:45px 1fr}
 .wfl-radar-v2 .r2-focus-metric{grid-column:2}
}
@media(max-width:670px){
 .wfl-radar-v2 .r2-head.r2-editorial-hero{min-height:510px;padding:55px 7% 62px;background-image:linear-gradient(90deg,rgba(12,37,53,.96),rgba(12,37,53,.72)),url('../../assets/road.jpg')}
 .wfl-radar-v2 .r2-editorial-hero .r2-meta span{font-size:11px}
 .wfl-radar-v2 .r2-reading-guide{gap:8px}
 .wfl-radar-v2 .r2-reading-guide ol{gap:5px 14px}
 .wfl-radar-v2 .r2-figure{padding:23px 20px;min-height:185px}
 .wfl-radar-v2 .r2-figure:nth-child(2){border-left:0;border-top:1px solid #bad2d2}
 .wfl-radar-v2 .r2-editorial-frame,.wfl-radar-v2 .r2-editorial-frame figcaption{min-height:320px}
 .wfl-radar-v2 .r2-editorial-frame::after{background:linear-gradient(90deg,rgba(10,35,49,.91),rgba(10,35,49,.58))}
 .wfl-radar-v2 .r2-section.r2-ai-feature{padding:29px 20px}
 .wfl-radar-v2 .r2-human-bridge{grid-template-columns:1fr}
 .wfl-radar-v2 .r2-human-bridge img{height:205px;min-height:205px;object-position:center 42%}
 .wfl-radar-v2 .r2-horizon{grid-template-columns:1fr}
 .wfl-radar-v2 .r2-horizon>div{padding:20px 0 8px 25px}
 .wfl-radar-v2 .r2-horizon>div::before{top:28px;left:0}
 .wfl-radar-v2 .r2-closing{padding:27px 24px}
}
@media(max-width:520px){
 .wfl-radar-v2 .r2-head.r2-editorial-hero{padding-top:45px}
 .wfl-radar-v2 .r2-reading-guide ol{gap:2px 12px}
 .wfl-radar-v2 .r2-ai-sequence{grid-template-columns:1fr}
 .wfl-radar-v2 .r2-ai-sequence>div{border-right:0!important;border-bottom:1px solid rgba(143,225,238,.21)}
 .wfl-radar-v2 .r2-ai-sequence>div:last-child{border-bottom:0}
 .wfl-radar-v2 .r2-figures{display:block}
 .wfl-radar-v2 .r2-editorial-frame figcaption{padding:28px 23px}
 .wfl-radar-v2 .r2-intro{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.wfl-radar-v2 .r2-answer,.wfl-radar-v2 .r2-reading-guide a{transition:none!important}}
@media print{.wfl-radar-v2 .r2-head.r2-editorial-hero{background:#f4f8f6;color:#122e3f;min-height:0;padding:25px}.wfl-radar-v2 .r2-editorial-hero .r2-eyebrow,.wfl-radar-v2 .r2-editorial-hero h1,.wfl-radar-v2 .r2-editorial-hero .r2-lead{color:#122e3f}.wfl-radar-v2 .r2-editorial-frame{display:none}}

/* Future Intelligence deep dive: distinct transport image, same editorial system. */
.wfl-radar-v2 .r2-head.r2-editorial-hero.r2-future-hero{
  background-image:linear-gradient(90deg,#0c2535 0%,#0c2535 30%,rgba(12,37,53,.92) 48%,rgba(12,37,53,.56) 69%,rgba(12,37,53,.12) 100%),url('../../assets/road.jpg');
}
@media(max-width:670px){
  .wfl-radar-v2 .r2-head.r2-editorial-hero.r2-future-hero{
    background-image:linear-gradient(90deg,rgba(12,37,53,.95),rgba(12,37,53,.73)),url('../../assets/road.jpg');
  }
}
/* Page-level header stability, independent from delayed reveal initialization. */
body:has(.wfl-radar-v2) > .site-header {background:#0d1c29}
