/* FINGY BP03: three perspectives, one shared direction. */
.pathway-lenses{--lens-navy:#071E3A;--lens-red:#E8003D;--lens-gray:#F5F5F5}
.pathway-lenses-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(36px,6vw,88px);align-items:center;padding:12px 0 36px}
.guide-edition .pathway-lenses-figure{margin:0;max-width:580px;width:100%;justify-self:center;background:transparent}
.pathway-lenses svg{display:block;width:100%;height:auto;overflow:visible}
.pathway-lens{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}
.pathway-lens circle{fill:var(--lens-navy);transition:fill 150ms ease}
.pathway-lens[aria-selected="true"] circle{fill:var(--lens-red)}
.pathway-lens:focus-visible circle{stroke:var(--lens-navy);stroke-width:3;stroke-dasharray:5 5;stroke-dashoffset:2}
.pathway-lenses-overlaps{fill:#D9DCE0;pointer-events:all}
.pathway-lenses-overlaps .pathway-lenses-common{fill:#fff}
.pathway-lenses-labels,.pathway-lenses-center{text-anchor:middle;pointer-events:none;user-select:none}
.guide-edition .pathway-lenses-labels{font-family:var(--guide-cn);fill:#fff;font-size:29px;font-weight:700}
.guide-edition .pathway-lenses-center{font-family:var(--guide-cn);fill:var(--lens-navy);font-size:26px;font-weight:700}
.guide-edition.english-site .pathway-lenses-labels{font-family:var(--guide-en);font-size:23px}
.guide-edition.english-site .pathway-lenses-center{font-family:var(--guide-en);font-size:20px}
.guide-edition .pathway-lenses-figure figcaption{font-size:15px;line-height:1.8;text-align:center;color:var(--lens-navy);max-width:30em;margin:10px auto 0}
.pathway-lenses-panels{min-width:0}
.pathway-lenses[data-enhanced] .pathway-lenses-panels{min-height:270px;display:grid;align-items:center}
.guide-edition .pathway-lenses-panels article{padding:0;border:0;margin:0}
.guide-edition .pathway-lenses-panels article[hidden]{display:none}
.guide-edition .pathway-lenses-panels h3{font-size:clamp(26px,2.4vw,34px);line-height:1.5;color:var(--lens-navy);margin:0 0 22px;text-wrap:balance}
.guide-edition .pathway-lenses-panels p{font-size:18px;line-height:1.95;color:var(--lens-navy);margin:0;max-width:28em}
.guide-edition .pathway-lenses-all{display:none;border:0;border-top:1px solid #D9DCE0;background:transparent;padding:0;margin:0}
.pathway-lenses[data-enhanced] .pathway-lenses-all{display:block}
.guide-edition .pathway-lenses-all summary{font-size:15px;padding:18px 0;cursor:pointer;width:fit-content}
.pathway-lenses-all .lens-collapse,.pathway-lenses-all[open] .lens-expand{display:none}
.pathway-lenses-all[open] .lens-collapse{display:inline}
.pathway-lenses-all>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:12px 0 24px}
.guide-edition .pathway-lenses-all h3{font-size:19px;line-height:1.6;margin:0 0 12px}
.guide-edition .pathway-lenses-all p{font-size:16px;line-height:1.85;margin:0}
.guide-edition:has(.pathway-lenses)>.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}
@media(hover:hover) and (pointer:fine){.pathway-lens:not([aria-selected="true"]):hover circle{fill:#234665}}
@media(max-width:700px){
 .pathway-lenses-layout{grid-template-columns:1fr;gap:32px;padding:0 0 24px}
 .guide-edition .pathway-lenses-figure{max-width:420px}
 .guide-edition .pathway-lenses-figure figcaption{font-size:14px;margin-top:8px}
 .guide-edition .pathway-lenses-panels h3{font-size:24px;line-height:1.5;margin-bottom:16px}
 .guide-edition .pathway-lenses-panels p{font-size:17px;line-height:1.85}
 .pathway-lenses[data-enhanced] .pathway-lenses-panels{min-height:210px;align-items:start}
 .english-site .pathway-lenses[data-enhanced] .pathway-lenses-panels{min-height:270px}
 .pathway-lenses-all>div{grid-template-columns:1fr;gap:24px}
}
@media(prefers-reduced-motion:reduce){.pathway-lens circle{transition:none}}
