/* wired-v12-bundle.css: built by apply_css_bundle.py from wired-vision.css, wired-carousel.css, wired-v12.css, wired-guides.css, wired-finder.css, wired-onpage.css (edit those, then rebuild) */
/* ---- wired-vision.css ---- */
/* wired-vision.css: minified from wired-vision.src.css (readable source with notes); edit that file, then rebuild this one */
:root{--vx-r-xl:30px;--vx-r-lg:24px;--vx-r:18px;--vx-r-sm:14px;--vx-pill:999px;--vx-g:clamp(16px,3vw,40px);--vx-hair:rgba(11,15,20,.09);--vx-glass:rgba(12,16,22,.88);--vx-solid:rgba(14,18,24,.985);--vx-blur:saturate(1.7) blur(20px);--vx-sh1:0 1px 2px rgba(11,15,20,.05),0 8px 22px -10px rgba(11,15,20,.16);--vx-sh2:0 2px 6px rgba(11,15,20,.06),0 24px 48px -20px rgba(11,15,20,.32);--vx-glow:0 10px 24px -10px rgba(199,2,0,.75);--vx-redg:linear-gradient(180deg,#DA0A06 0%,#C70200 55%,#B30200 100%);--vx-red-sh:inset 0 1px 0 rgba(255,255,255,.28),0 1px 2px rgba(90,0,0,.25),0 10px 24px -10px rgba(199,2,0,.75);--vx-tin:max(8px,calc((100% - var(--max,1360px))/2 + 8px))}.btn{border-radius:var(--vx-pill);transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,background-color .18s}.btn::before{border-radius:inherit}.btn:not(.ghost):not(.onred):not(.quiet),.top .req{background-image:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 48%,rgba(0,0,0,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.24),var(--vx-glow)}.btn:hover,.btn:not(.ghost):not(.onred):not(.quiet):hover,.top .req:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 14px 30px -10px rgba(199,2,0,.85)}.btn.ghost:hover{box-shadow:none;background-color:rgba(11,15,20,.06)}.btn.onred{box-shadow:0 10px 24px -12px rgba(0,0,0,.55)}.btn.onred:hover{box-shadow:0 14px 30px -12px rgba(0,0,0,.6)}.btn.quiet{border-radius:var(--vx-r-sm)}.hero .btn.ghost,.stick:not(#stick) a.ghost,.redp .btn.ghost,.contact .btn.ghost,.cresult .btn.ghost,.cnote .btn.ghost,.ph-ctas .btn.ghost{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.72)}.hero .btn.ghost:hover,.stick:not(#stick) a.ghost:hover,.redp .btn.ghost:hover,.contact .btn.ghost:hover,.cresult .btn.ghost:hover,.cnote .btn.ghost:hover,.ph-ctas .btn.ghost:hover{background-color:rgba(255,255,255,.18);box-shadow:none}@media (prefers-reduced-motion:no-preference){.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.985)}}.top{transition:background-color .35s ease,box-shadow .25s}.top.sc{background-color:transparent;box-shadow:none}.top .wrap{position:relative}.top .wrap::before{content:"";position:absolute;z-index:-1;inset:6px 8px;pointer-events:none;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);transition:background-color .35s,border-color .35s,box-shadow .35s}.top.sc .wrap::before{background:var(--vx-solid);border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 14px 34px -12px rgba(0,0,0,.5)}.top .sprog{left:calc(var(--vx-tin) + 18px);bottom:7px;height:2px;max-width:calc(100% - 2 * var(--vx-tin) - 36px);border-radius:2px}.top .req{border-radius:var(--vx-pill)}@media (min-width:1200px) and (max-width:1365px){.top .wrap{gap:.8rem}.top nav{gap:.9rem;margin-left:0}.top nav>a,.top .ddb{font-size:.74rem;letter-spacing:.03em}.top .logo{height:28px}.top .call{font-size:.82rem}.top .req{font-size:.8rem;padding-inline:.9rem}}@media (min-width:1366px) and (max-width:1399px){.top .wrap{gap:1rem}.top nav{gap:1rem;margin-left:.2rem}}.menu{border-radius:var(--vx-pill);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06);padding-inline:.8rem}@media (max-width:1199px){.top.open nav{left:var(--vx-tin);right:var(--vx-tin);top:60px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:var(--vx-solid);box-shadow:0 28px 60px -18px rgba(0,0,0,.65);max-height:calc(100vh - 76px)}}@media (min-width:1200px){.ddp{background:rgba(14,18,24,.9);-webkit-backdrop-filter:var(--vx-blur);backdrop-filter:var(--vx-blur);border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 28px 60px -18px rgba(0,0,0,.65)}.top nav>a,.top nav .ddb{border-radius:var(--vx-pill);transition:background-color .2s,box-shadow .2s}.top nav>a:hover,.top nav .ddb:hover,.top nav .dd.open .ddb,.top nav .dd:focus-within .ddb{background-color:rgba(255,255,255,.09);box-shadow:0 0 0 7px rgba(255,255,255,.09)}}.hero:not(.phero) .wrap>div:first-child{position:relative;padding:1rem .875rem 1.15rem;margin-inline:-10px;border-radius:var(--vx-r-xl);background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,0) 40%),rgba(11,15,20,.54);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 40px 80px -40px rgba(0,0,0,.8)}@media (min-width:761px){.hero:not(.phero) .wrap>div:first-child{margin-inline:0;padding:clamp(1.4rem,2.6vw,2.1rem);width:fit-content;max-width:100%}}.hero:has(+section.sec){border-radius:0 0 var(--vx-r-xl) var(--vx-r-xl);border-bottom-color:transparent}.hero:has(+section.sec)::before,.hero:has(+section.sec)::after{border-radius:inherit}.hero .rating{border-radius:var(--vx-pill);border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.08)}.hero .rating .s{color:#FF8A80}@media (min-width:481px){.hero .rating{padding-inline:.85rem}}#rc,.cnt{display:inline-block;min-width:4.6ch;text-align:right;font-variant-numeric:tabular-nums}.hero .fx-status{border-radius:var(--vx-pill);background:rgba(14,18,24,.62);border-color:rgba(255,255,255,.18);min-width:21.5em}.hero .cta{gap:.75rem}.hero-form,.hero .lpform,div.lpform,div.rvp{border-radius:var(--vx-r-xl);border:1px solid rgba(255,255,255,.7);box-shadow:0 0 0 7px rgba(255,255,255,.09),0 44px 90px -36px rgba(0,0,0,.85)}form.req{border-radius:var(--vx-r-lg)}form.req::before{border-radius:calc(var(--vx-r-lg) + 4px)}form.req input,form.req select,form.req textarea,.cform input[type=number],.cform select,.rvp .rvf input,.rvp .rvf textarea{border-radius:var(--vx-r-sm);border-color:#3A4250}.cprog,.ckbar,.gauge,.simbar,#quiz .bar{border-radius:var(--vx-pill);overflow:hidden}.ftag{border-radius:12px}.ffail{border-radius:var(--vx-r)}.fx-thanks{border-radius:var(--vx-r-lg)}.estcall,.estreq{border-radius:var(--vx-pill)}.estreq{background-image:var(--vx-redg);border-color:transparent;background-origin:border-box;box-shadow:var(--vx-red-sh)}#quiz.card{border:1px solid var(--vx-hair);border-radius:var(--vx-r-lg);box-shadow:var(--vx-sh2)}#quiz .opt{border-radius:var(--vx-r-sm)}#quiz .opt::after{border-radius:50%}section.sec{border-bottom-color:rgba(11,15,20,.07)}.sechead h2::after{border-radius:2px}.cards{gap:clamp(12px,1.5vw,20px);padding:0}.cards>.card,.cards>a.card{margin:0;border:1px solid var(--vx-hair);border-radius:var(--vx-r-lg);background:#fff;box-shadow:var(--vx-sh1)}.plans,.units,.mods,.ways,.pgrid,.team,.posts,.gal,.invlist{background:transparent;border:0;gap:clamp(10px,1.4vw,18px)}.plan,.unit,.mod,.way,.pc,.tm,.post,.gal figure,.invcard{border:1px solid var(--vx-hair);border-radius:var(--vx-r);box-shadow:var(--vx-sh1)}.mod,.pc,.pcard{overflow:hidden}.tm img,.post img{border:0;border-radius:calc(var(--vx-r) - 8px)}.pcard{border:1px solid rgba(255,255,255,.6);border-radius:var(--vx-r-xl);box-shadow:0 0 0 7px rgba(255,255,255,.08),0 36px 70px -30px rgba(0,0,0,.7)}.invwrap{border:1px solid var(--vx-hair);border-radius:var(--vx-r);box-shadow:var(--vx-sh1)}.cform{border:1px solid var(--line);border-radius:var(--vx-r-lg);box-shadow:var(--vx-sh1)}.cresult,.simout{border-radius:var(--vx-r-lg);box-shadow:0 30px 60px -30px rgba(11,15,20,.6)}.lineup span{border-radius:8px}.card li::before,.list li::before,.trust li::before,.ticker i,.inv .ok::before,.invcard .ok::before{border-radius:50%}.steps3 li::before{border-radius:50%;background:var(--vx-redg);box-shadow:var(--vx-red-sh)}.checks label,.simgrid label,.ckl label{border-radius:var(--vx-r-sm)}.seg{gap:4px;padding:4px;border:1px solid var(--line);background:#ECE9E2;border-radius:var(--vx-pill)}.seg span{border-radius:var(--vx-pill);background:transparent}.seg input:checked+span{box-shadow:var(--vx-glow)}.seg input:focus-visible+span,.checks input:focus-visible,.simgrid input:focus-visible{outline:3px solid var(--red);outline-offset:2px}.rv{border:1px solid var(--vx-hair);border-radius:var(--vx-r-lg);box-shadow:var(--vx-sh1)}.article .rev{border:1px solid var(--vx-hair);border-radius:var(--vx-r);box-shadow:var(--vx-sh1)}.foldbtn{border-radius:var(--vx-pill)}.chips span,.chips a{border-radius:var(--vx-pill)}.chips.rel .chip{border-radius:var(--vx-pill);border:1px solid rgba(11,15,20,.16);padding:.7rem 1.05rem;box-shadow:var(--vx-sh1)}section .areagrid a{border:1px solid var(--vx-hair);border-radius:var(--vx-r-sm);background:#fff;box-shadow:var(--vx-sh1)}.faq{background:#fff;border:1px solid var(--vx-hair);border-radius:var(--vx-r-lg);box-shadow:var(--vx-sh1);padding:0 clamp(1rem,2.6vw,1.75rem)}.faq details:last-child{border-bottom:0}.faq summary::after{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:50%;background:rgba(199,2,0,.08);font-size:1.25rem;line-height:1;transition:background-color .2s,color .2s}.faq details[open] summary::after{background:var(--red);color:#fff}.tteaser .tl a{border-radius:var(--vx-pill);border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.07)}.mapband .mapframe{border:1px solid rgba(255,255,255,.22);border-radius:var(--vx-r-lg);overflow:hidden}.mapband .mbtn a{border-radius:var(--vx-pill)}.mapband .mbtn a:hover{box-shadow:0 12px 28px -10px rgba(255,42,31,.7)}.genband img,footer .genlogo{border-radius:10px}.fx-outbox{border-radius:var(--vx-r-lg)}.shb{border-radius:var(--vx-r-lg);box-shadow:var(--vx-sh1)}@media (hover:hover){.cards>*:hover,.tiles>a:hover,.tiles>div:hover{box-shadow:var(--vx-sh2)}.foldbtn:hover,.simgrid label:hover{box-shadow:var(--vx-sh1)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.cards>*:hover,.tiles>a:hover,.tiles>div:hover{transform:translateY(-4px)}.simgrid label:hover{transform:translateY(-1px)}}.tile{border:0;border-radius:var(--vx-r-lg);box-shadow:var(--vx-sh2);isolation:isolate}.tile::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 1px 0 rgba(255,255,255,.3)}.tile .m{display:inline-block;margin-top:.75rem;padding:.42rem .85rem;border-radius:var(--vx-pill);color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}.tile:hover .m,.tile:focus-visible .m{background-color:var(--red);border-color:var(--red-hot)}.gal3 .rimg,.gal4 .rimg,.show .rimg,.article .rimg,.split .rimg{padding:6px;border:1px solid rgba(255,255,255,.95);border-radius:var(--vx-r-lg);background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.62));box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(11,15,20,.06),0 18px 40px -20px rgba(11,15,20,.38)}.gal3 .rimg img,.gal4 .rimg img,.show .rimg img,.article .rimg img,.split .rimg img{border:0;border-radius:calc(var(--vx-r-lg) - 6px)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.tiles>.tile::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(320px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.17),rgba(255,255,255,0) 70%)}.tiles>.tile .t{z-index:2}.tiles>.tile.vx-lit::before{opacity:1}}.vx-wrap{display:contents}.vx-orn{display:none}@media (max-width:760px){body .gal3:has(>:nth-child(2)):not(:has(>figure+figure)),body .gal3.g4:has(>:nth-child(2)):not(:has(>figure+figure)),body .gal4:has(>:nth-child(2)):not(:has(>figure+figure)),body .wrap .tiles{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;gap:12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--vx-g);margin-inline:calc(-1 * var(--vx-g));padding:6px var(--vx-g) 22px;scrollbar-width:none}body .gal3>*,body .gal4>*,body .wrap .tiles>*{scroll-snap-align:start;margin:0}body .wrap .tiles>.tile{grid-column:auto;min-height:300px}body .gal3 .rimg,body .gal4 .rimg{box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(11,15,20,.06),0 10px 20px -12px rgba(11,15,20,.4)}body .wrap .tiles,body .rwin .rtrack{padding-bottom:68px}body .rwin .rtrack{scrollbar-width:none}.gal3::-webkit-scrollbar,.gal4::-webkit-scrollbar,.tiles::-webkit-scrollbar,.rtrack::-webkit-scrollbar{display:none}.vx-wrap{display:block;position:relative}.vx-orn{display:flex;position:absolute;left:50%;bottom:10px;z-index:3;transform:translateX(-50%);align-items:center;gap:4px;padding:4px;border-radius:var(--vx-pill);background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(11,15,20,.08),0 14px 30px -12px rgba(11,15,20,.45)}.vx-over>.vx-orn{bottom:-2px}}.vx-orn button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(11,15,20,.07);color:var(--ink);transition:background-color .2s,opacity .2s}.vx-orn button:hover{background:rgba(11,15,20,.13)}.vx-orn button:active{background:rgba(199,2,0,.14);color:var(--red)}.vx-orn button[aria-disabled=true]{opacity:.32;cursor:default}.vx-orn button:focus-visible{outline:3px solid var(--red);outline-offset:1px}.vx-orn .vx-n svg{transform:scaleX(-1)}.vx-dots{display:flex;align-items:center;gap:7px;padding:0 6px}.vx-dots i{width:7px;height:7px;border-radius:50%;background:var(--ink);opacity:.28;transition:opacity .25s,transform .25s}.vx-dots i.on{opacity:.9;transform:scale(1.3);background:var(--red)}.vx-car:focus-visible{outline:3px solid var(--red);outline-offset:-3px}.stick:not(#stick){left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:6px;gap:6px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:var(--vx-solid);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 40px -12px rgba(0,0,0,.55)}.stick:not(#stick) a{border-radius:22px;padding-block:.75rem}.cnote{border:1px solid rgba(255,255,255,.18);border-radius:22px;background:var(--vx-solid)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){@media (min-width:768px){.top.sc .wrap::before{background:var(--vx-glass);-webkit-backdrop-filter:var(--vx-blur);backdrop-filter:var(--vx-blur)}}.vx-hi .top.sc .wrap::before,.vx-hi .stick:not(#stick){background:var(--vx-glass);-webkit-backdrop-filter:var(--vx-blur);backdrop-filter:var(--vx-blur)}.vx-hi .vx-orn{background:rgba(255,255,255,.74);-webkit-backdrop-filter:var(--vx-blur);backdrop-filter:var(--vx-blur)}@media (min-width:761px){.vx-hi .hero:not(.phero) .wrap>div:first-child{background-color:rgba(11,15,20,.48);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px)}}}@media (max-width:767px){html:not(.vx-hi) .wc-bar{background:rgba(18,22,28,.94);-webkit-backdrop-filter:none;backdrop-filter:none}}.top :focus-visible,.hero :focus-visible,.stick:not(#stick) :focus-visible,.redp :focus-visible,.contact :focus-visible,.mapband :focus-visible,.tteaser :focus-visible,.stats :focus-visible,.genband :focus-visible,footer :focus-visible,.cnote :focus-visible,.ticker :focus-visible,.cresult :focus-visible{outline-color:#fff}.hero-form :focus-visible,.lpform :focus-visible,form.req :focus-visible,.pcard :focus-visible{outline-color:var(--red)}.btn:focus-visible,.chips a:focus-visible,.tile:focus-visible,a.card:focus-visible{outline-offset:3px}@media (prefers-reduced-motion:reduce){.btn,.top,.top .wrap::before,.top nav>a,.top nav .ddb,.faq summary::after,.vx-orn button,.vx-dots i,.tile .m{transition:none}.btn:hover,.btn:active,.cards>*:hover,.tiles>a:hover,.tiles>div:hover,.simgrid label:hover{transform:none}.vx-car{scroll-behavior:auto}}@media (prefers-reduced-transparency:reduce){.top.sc .wrap::before,.vx-hi .top.sc .wrap::before,.stick:not(#stick),.vx-hi .stick:not(#stick),.top.open nav,.ddp,.cnote{background:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}.hero:not(.phero) .wrap>div:first-child,.vx-hi .hero:not(.phero) .wrap>div:first-child{background:rgba(11,15,20,.92);-webkit-backdrop-filter:none;backdrop-filter:none}.vx-orn,.vx-hi .vx-orn{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--line)}.hero .btn.ghost,.stick:not(#stick) a.ghost,.hero .rating,.hero .fx-status,.tile .m{background-color:var(--ink)}.gal3 .rimg,.gal4 .rimg,.show .rimg,.article .rimg,.split .rimg{background:#fff}html:not(.vx-hi) .wc-bar,.vx-hi .wc-bar{background:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){@media (min-width:1200px){.ddp{background:var(--vx-solid)}}}@media (prefers-contrast:more){.top.sc .wrap::before,.stick:not(#stick),.hero:not(.phero) .wrap>div:first-child{background:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#fff}.cards>.card,.cards>a.card,.plan,.unit,.mod,.pc,.tm,.post,.rv,.faq,.chips.rel .chip,section .areagrid a,.invwrap,.vx-orn{border-color:var(--ink)}.tile .m{background-color:var(--ink);border-color:#fff}}@media (forced-colors:active){.btn,.top .req,.stick:not(#stick),.cards>.card,.rv,.hero-form,.tile,.vx-orn,.steps3 li::before{background-image:none;box-shadow:none}.vx-orn button,.vx-dots i{forced-color-adjust:auto;border:1px solid ButtonText}}@media print{.vx-orn{display:none!important}.top .wrap::before{display:none}}
/* ---- wired-carousel.css ---- */
/* wired-carousel.css: minified from wired-carousel.src.css (readable source with notes); edit that file, then rebuild this one */
:where(.gal3,.gal4){display:grid;grid-template-columns:repeat(auto-fill,minmax(max(150px,22%),1fr));gap:.8rem}:where(.gal3,.gal4)>figure{margin:0}@media (scripting:enabled){:is(.gal3,.gal4,.rail):has(>figure+figure):not(.wc-off){--wc-w:clamp(min(84%,300px),50%,600px);--wc-gap:clamp(10px,1.6vw,20px);--wc-r:clamp(16px,2vw,26px);display:flex;align-items:flex-start;gap:var(--wc-gap);grid-template-columns:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:12px 0 44px;margin-inline:0}.rail:has(>figure+figure):not(.wc-off){--wc-w:clamp(min(86%,380px),44%,560px)}:is(.gal3,.gal4,.rail):has(>figure+figure):not(.wc-off)::-webkit-scrollbar{display:none}:is(.gal3,.gal4,.rail):has(>figure+figure):not(.wc-off)::before,:is(.gal3,.gal4,.rail):has(>figure+figure):not(.wc-off)::after{content:"";flex:0 0 max(0px,calc((100% - var(--wc-w)) / 2 - var(--wc-gap)));height:1px;align-self:center}:is(.gal3,.gal4,.rail):has(>figure+figure):not(.wc-off)>figure{flex:0 0 var(--wc-w);width:var(--wc-w);margin:0;position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--wc-r);scroll-snap-align:center;background:linear-gradient(135deg,#E9E5DC,#DCD7CC);box-shadow:0 1px 2px rgba(11,15,20,.10),0 18px 36px -18px rgba(11,15,20,.55);transform-origin:50% 60%}:is(.gal3,.gal4,.rail):has(>figure+figure):not(.wc-off)>figure img{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;border:0!important;border-radius:0;margin:0;-webkit-user-drag:none;user-select:none}:is(.gal3,.gal4,.rail):has(>figure+figure):not(.wc-off)>figure{outline:1px solid rgba(255,255,255,.3);outline-offset:-1px}.rail:has(>figure+figure):not(.wc-off)>figure{background:#fff}.rail:has(>figure+figure):not(.wc-off)>figure img{object-fit:contain!important;box-sizing:border-box;padding:10px 10px 22px;background:#fff}.wc{position:relative}@media (min-width:981px){.show>.wc-rail{position:sticky;top:5.6rem;align-self:start}}.wc>.wc-track.wc-track{position:relative;top:auto}.wc-track:focus{outline:none}.wc-track:focus-visible{outline:3px solid var(--red,#C70200);outline-offset:3px;border-radius:calc(var(--wc-r) + 6px)}.wc-track>figure{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.wc-track>figure::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:rgba(11,15,20,.46);opacity:0;transition:opacity .45s ease}.wc-track>figure:not(.is-on){transform:scale(.9);cursor:pointer}.wc-track>figure:not(.is-on)::after{opacity:1}.wc-track.is-drag{scroll-snap-type:none;cursor:grabbing}.wc-track.is-drag>figure{transition:none}.wc-track>figure::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(circle at var(--wc-mx,50%) var(--wc-my,0%),rgba(255,255,255,.24),rgba(255,255,255,0) 48%)}.wc-track>figure.is-hover::before{opacity:1}.wc-bar{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:2px;height:48px;padding:3px;max-width:100%;border-radius:999px;color:#fff;background:rgba(18,22,28,.74);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 30px -14px rgba(11,15,20,.6),0 2px 6px rgba(11,15,20,.18),inset 0 1px 0 rgba(255,255,255,.2)}.wc-btn{-webkit-appearance:none;appearance:none;margin:0;padding:0;border:0;flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:background-color .2s,transform .2s,opacity .2s}.wc-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.wc-btn:hover{background:rgba(255,255,255,.22)}.wc-btn:active{transform:scale(.92)}.wc-btn:focus{outline:none}.wc-btn:focus-visible{outline:2px solid #fff;outline-offset:-5px;background:rgba(255,255,255,.24);box-shadow:0 0 0 2px var(--red-hot,#FF2A1F)}.wc-btn[aria-disabled="true"]{opacity:.38;cursor:default;background:transparent;transform:none}.wc-dots{display:flex;align-items:center;padding:0 6px;cursor:pointer}.wc-dots i{display:grid;place-items:center;width:16px;height:32px}.wc-dots i::before{content:"";width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.5);transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .3s}.wc-dots i.on::before{background:#fff;transform:scale(1.45);box-shadow:0 0 8px rgba(255,255,255,.6)}.wc-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.wc-bar{background:rgba(18,22,28,.94)}}@media (prefers-reduced-transparency:reduce){.wc-bar{background:#0B0F14;-webkit-backdrop-filter:none;backdrop-filter:none}.wc-track>figure:not(.is-on)::after{background:rgba(11,15,20,.3)}}@media (prefers-reduced-motion:reduce){.wc-track>figure,.wc-track>figure::before,.wc-track>figure::after,.wc-btn,.wc-dots i::before{transition:none}.wc-track>figure:not(.is-on){transform:none}}@media (forced-colors:active){.wc-bar{border:1px solid CanvasText;background:Canvas}.wc-btn{border:1px solid ButtonText;background:ButtonFace;color:ButtonText}.wc-dots i::before{background:CanvasText;forced-color-adjust:none}.wc-dots i.on::before{background:Highlight}}@media print{:is(.gal3,.gal4,.rail):has(>figure+figure):not(.wc-off){display:grid;grid-template-columns:1fr 1fr;overflow:visible;padding:0}:is(.gal3,.gal4,.rail):has(>figure+figure):not(.wc-off)::before,:is(.gal3,.gal4,.rail):has(>figure+figure):not(.wc-off)::after,.wc-bar{display:none}.wc-track>figure{width:auto;transform:none!important;box-shadow:none}.wc-track>figure::after{display:none}}}
/* ---- wired-v12.css ---- */
/* wired-v12.css: makes the v12 parts (On this page bar, glance box, guides, city finder) match the v8 glass look.
   Loaded right after wired-vision.css. "html body" prefix only to outrank wired-onpage.css, which loads later. */
html body .wop-nav{background:rgba(248,246,241,.94);border-bottom:1px solid rgba(11,15,20,.12);box-shadow:0 10px 26px -20px rgba(11,15,20,.55)}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){html.vx-hi body .wop-nav{background:rgba(248,246,241,.74);-webkit-backdrop-filter:saturate(1.5) blur(16px);backdrop-filter:saturate(1.5) blur(16px)}}
/* while the bar is stuck under the floating header (html.wop-stuck, set by wired-onpage.js) a paper strip runs up behind the header, so no page text shows above, beside or under the header pill. Solid on purpose: the bar's own blur cannot reach the page through its ::before (the bar is the backdrop root), and a 96% tint still let text show */
html.wop-stuck body .wop-nav::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:var(--wop-top,0px);background:var(--paper,#F8F6F1);pointer-events:none}
html body .wop-nav .wop-chips a{border-radius:999px;border:1px solid rgba(11,15,20,.2);background:rgba(255,255,255,.92);box-shadow:0 1px 0 rgba(255,255,255,.9) inset}
html body .wop-nav .wop-chips a:hover{background:var(--ink,#0B0F14);border-color:var(--ink,#0B0F14);color:#fff}
html body .wop-nav .wop-chips a[aria-current="true"]{background:var(--red,#C70200);border-color:var(--red,#C70200);color:#fff;box-shadow:0 6px 16px -8px rgba(199,2,0,.8)}
html body .wop-all>summary{border-radius:999px;border-color:var(--ink,#0B0F14)}
html body .wop-all .wop-list{border-radius:16px}
html body .wop-glance{background:transparent;border-bottom:0}
html body .wop-glance .wrap{margin-top:1rem;margin-bottom:.4rem;padding:1.1rem 1.15rem 1.2rem;background:rgba(255,255,255,.9);border:1px solid rgba(11,15,20,.1);border-radius:22px;box-shadow:0 18px 40px -28px rgba(11,15,20,.55),inset 0 1px 0 #fff}
@media (min-width:768px){html body .wop-glance .wrap{padding:1.3rem 1.6rem 1.4rem;max-width:calc(var(--max,1360px) - 2rem)}}
html body .wop-dl{border-top-color:rgba(11,15,20,.08)}
html body .wop-dl>div{border-bottom-color:rgba(11,15,20,.08)}
html body .gd{border-color:rgba(11,15,20,.1);border-radius:20px;box-shadow:0 1px 0 #fff inset,0 10px 26px -24px rgba(11,15,20,.55)}
html body .gd>summary{border-radius:20px}
html body .gd[open]{box-shadow:0 22px 44px -28px rgba(11,15,20,.55)}
html body .cf-c{border-color:rgba(11,15,20,.1);border-radius:20px;box-shadow:0 10px 26px -24px rgba(11,15,20,.55)}
html body #cf-q{border-radius:999px;border-width:1px;border-color:rgba(11,15,20,.35);box-shadow:0 10px 26px -20px rgba(11,15,20,.5)}
@media (prefers-reduced-transparency:reduce){html body .wop-nav{background:var(--paper,#F8F6F1);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (forced-colors:active){html body .wop-nav .wop-chips a,html body .gd,html body .cf-c{border:1px solid CanvasText}}
/* AI-visibility "Quick facts" block (v11): same card as the glance box, two columns on wide screens */
html body #quick-facts{padding-top:1.6rem;padding-bottom:1.2rem}
html body #quick-facts .d2{font-size:clamp(1.3rem,4.6vw,1.75rem);margin-bottom:.8rem}
html body #quick-facts .d2::after{display:none}
html body #quick-facts .list{margin:0;max-width:none;gap:0;padding:1rem 1.15rem;background:rgba(255,255,255,.92);border:1px solid rgba(11,15,20,.1);border-radius:22px;box-shadow:0 18px 40px -28px rgba(11,15,20,.55),inset 0 1px 0 #fff}
html body #quick-facts .list li{margin:0;padding:.55rem 0;border-bottom:1px solid rgba(11,15,20,.07);break-inside:avoid}
html body #quick-facts .list li:last-child{border-bottom:0}
@media (min-width:900px){html body #quick-facts .list{grid-template-columns:1fr 1fr;column-gap:2.4rem;padding:1.2rem 1.6rem}html body #quick-facts .list li:nth-last-child(2):nth-child(odd){border-bottom:0}}
/* touch screens: 44px carousel buttons (v8's wired-carousel.css has 40px; that file stays the v8 copy, so the size is set here) */
@media (pointer:coarse){html body .wc-btn{width:44px;height:44px}html body .wc-bar{height:52px}}
/* touch screens: 44px tap targets for the other new v12 links (v12 final review: the town links in "Also in <town> and
   around it" were 20px tall, glance-box links 19px, "All sections" items 40px, the home carousel arrows 40x40).
   inline-flex, not inline-block: its baseline is the first line, so a two-line link still lines up with its label */
@media (pointer:coarse){
  html body #near .list{gap:0}
  html body #near .list li>span>a{display:inline-flex;padding-block:12px}
  html body #near .list li::before{margin-top:calc(.55rem + 12px)}
  html body .wop-dl>div{padding-top:.15rem;padding-bottom:.15rem}
  html body .wop-dl a{display:inline-flex;padding-block:12px}
  html body .wop-nav .wop-list a{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding-block:.4rem}
  html body .vx-orn button{width:44px;height:44px}
}

/* owner, Nov 4: no red "power line" down the left side of the page (wired-fx.js draws it) */
.fx-line{display:none!important}
/* a light sweep crosses each solid button once when it first scrolls into view (wired-vision.js adds .vx-shine); the hover sweep is unchanged */
.btn.vx-shine::after{animation:vx-shine .9s cubic-bezier(.2,.8,.2,1) .15s 1 backwards}
@keyframes vx-shine{from{transform:translateX(-130%)}to{transform:translateX(130%)}}
@media (prefers-reduced-motion:reduce){.btn.vx-shine::after{animation:none}}

/* /financing/: Leighton Lending card (owner, Nov 4) */
.lendsec{padding-top:clamp(2rem,5vw,3.5rem)}
.lend-card{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:0;border-radius:26px;overflow:hidden;background:#fff;border:1px solid rgba(11,15,20,.1);box-shadow:0 1px 2px rgba(11,15,20,.06),0 24px 48px -28px rgba(11,15,20,.45)}
.lend-main{padding:clamp(1.4rem,4vw,2.6rem);border-top:5px solid var(--red,#C70200)}
.lend-main h2{margin:.5rem 0 1rem}
.lend-main p{max-width:58ch}
.lend-pts{list-style:none;margin:1.2rem 0 1.4rem;padding:0;display:flex;flex-wrap:wrap;gap:.55rem}
.lend-pts li{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;border-radius:999px;background:#FBE9E8;color:var(--ink,#0B0F14);font-weight:600;font-size:.95rem;line-height:1.2}
.lend-pts li::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:var(--red,#C70200) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3 6.8 11 12 5.3' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.lend-main .cta{display:flex;flex-wrap:wrap;gap:.7rem}
.lend-note{margin:1rem 0 0;font-size:.88rem;color:#5B6470}
.lend-alt{padding:clamp(1.4rem,4vw,2.6rem);background:linear-gradient(160deg,#F4F1EA,#ECE7DD);display:flex;flex-direction:column;justify-content:center}
.lend-alt h3{margin:0 0 .6rem}
.lend-link{margin-top:1rem;font-weight:700;color:var(--red,#C70200);text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
@media (max-width:760px){.lend-card{grid-template-columns:minmax(0,1fr)}.lend-main .cta .btn{flex:1 1 100%;text-align:center}}
@media (forced-colors:active){.lend-card,.lend-pts li{border:1px solid CanvasText}}
/* ---- wired-guides.css ---- */
/* wired-guides.css: the "In-depth guides" library on long pages (v12 redesign). Plain HTML <details>; works without JS. */
.glib .sechead{margin-bottom:1.4rem}
.glib-list{display:grid;gap:.6rem;max-width:980px}
.gd{background:var(--white,#fff);border:1px solid var(--line,#D9D5CC);border-radius:16px;transition:border-color .2s,box-shadow .2s;scroll-margin-top:calc(var(--wop-top,0px) + var(--wop-h,0px) + 12px)}
.gd:hover{border-color:#BDB6A9}
.gd[open]{border-color:#BDB6A9;box-shadow:0 14px 34px -22px rgba(11,15,20,.45)}
.gd>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"n h x" "n s x";align-items:center;column-gap:.85rem;padding:.95rem 1rem;min-height:56px;border-radius:16px;-webkit-tap-highlight-color:transparent}
.gd>summary::-webkit-details-marker{display:none}
.gd>summary:focus-visible{outline:3px solid var(--red,#C70200);outline-offset:2px}
.gd-n{grid-area:n;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:999px;background:#FBE8E7;color:var(--red,#C70200);font:700 .78rem/1 var(--sans);letter-spacing:.04em}
.gd .gd-h{grid-area:h;min-width:0;margin:0;font:650 1.02rem/1.3 var(--sans);letter-spacing:0;color:var(--ink,#0B0F14);text-wrap:balance}
.gd .gd-h::after{display:none}
.gd-s{grid-area:s;margin-top:.2rem;font-size:.88rem;line-height:1.4;color:var(--mute,#5B6473);display:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gd[open] .gd-s{display:none}
.gd-x{grid-area:x;position:relative;width:2rem;height:2rem;border-radius:999px;border:1px solid var(--line,#D9D5CC);background:var(--paper,#F8F6F1)}
.gd-x::before,.gd-x::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:2px;background:var(--red,#C70200);transform:translate(-50%,-50%)}
.gd-x::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .25s ease}
.gd[open] .gd-x::after{transform:translate(-50%,-50%) rotate(0deg)}
.gd-b{padding:.2rem 1rem 1.3rem}
.gd-b>.lead,.gd-b>p.lead{font-size:1rem;margin:0 0 1rem;max-width:70ch;color:var(--ink-2,#3A4250)}
.gd-b>.deck{margin:0 0 1rem;color:var(--mute,#5B6473)}
.gd-b .cards{margin-top:.4rem}
.gd-b .card{background:var(--paper,#F8F6F1)}
@media (min-width:720px){.gd-s{display:-webkit-box}.gd>summary{padding:1.1rem 1.3rem;column-gap:1.1rem}.gd-b{padding:.2rem 1.4rem 1.7rem calc(1.3rem + 2.25rem + 1.1rem)}.gd .gd-h{font-size:1.12rem}}
@media (prefers-reduced-motion:reduce){.gd,.gd-x::after{transition:none}}
@media print{.gd-x{display:none}}
/* print: wired-guides.js opens every guide on beforeprint, but the site's scroll reveal keeps the cards inside a guide at
   opacity 0 until a reader scrolls to them (.cards.rv-init .card), and its fade-in has not run when the page is printed:
   on paper every reveal-hidden item shows, still (v12 final review: printed guides were empty boxes) */
@media print{.rv-init,.rv-init .card,.rv-init .tile,.rv-init>div,.rv-init img,.rv-init details,.rv-init .unit,.rv-init .plan,.rv-init .mod{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}}
/* ---- wired-finder.css ---- */
/* wired-finder.css: /areas-we-serve/ city finder (v12 redesign) */
.cfind .sechead{margin-bottom:1.2rem}
.cf-bar{margin:0 -16px 1rem;padding:.75rem 16px .6rem;background:var(--paper,#F8F6F1);border-bottom:1px solid var(--line,#D9D5CC)}
.cf-bar[hidden]{display:none}
.cf-bar label{display:block;font:600 .85rem/1.2 var(--sans);color:var(--ink-2,#3A4250);margin-bottom:.4rem}
.cf-in{position:relative}
.cf-in::before{content:"";position:absolute;left:14px;top:50%;width:14px;height:14px;margin-top:-9px;border:2px solid var(--mute,#5B6473);border-radius:50%}
.cf-in::after{content:"";position:absolute;left:27px;top:50%;width:7px;height:2px;margin-top:5px;background:var(--mute,#5B6473);transform:rotate(45deg)}
#cf-q{width:100%;box-sizing:border-box;min-height:52px;padding:.8rem 1rem .8rem 2.75rem;font:500 1.05rem/1.2 var(--sans);color:var(--ink,#0B0F14);background:#fff;border:2px solid var(--ink,#0B0F14);border-radius:14px;-webkit-appearance:none;appearance:none}
#cf-q:focus{outline:3px solid var(--red,#C70200);outline-offset:2px}
.cf-n{margin:.45rem 0 0;font-size:.85rem;color:var(--mute,#5B6473)}
.cf-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;grid-template-columns:1fr}
/* "Show all": the cards that appear must not make the browser hold the section below in place (scroll anchoring) */
.cfind{overflow-anchor:none}
.cf-c{background:#fff;border:1px solid var(--line,#D9D5CC);border-radius:14px;padding:.85rem .9rem .9rem}
.cf-c[hidden]{display:none}
.cf-c h3{margin:0 0 .55rem;font:700 1.05rem/1.25 var(--sans);color:var(--ink,#0B0F14)}
.cf-c h3 span{font-weight:500;color:var(--mute,#5B6473)}
.cf-p{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.cf-p a{display:inline-flex;align-items:center;min-height:44px;padding:.45rem .8rem;border-radius:999px;border:1px solid #E7C9C7;background:#FDF2F1;color:#A30200;font:600 .88rem/1.1 var(--sans);text-decoration:none}
.cf-p a:hover{background:#FBE3E1;border-color:var(--red,#C70200)}
.cf-p a:focus-visible{outline:3px solid var(--red,#C70200);outline-offset:2px}
.cf-o .cf-p a{background:var(--paper,#F8F6F1);border-color:var(--line,#D9D5CC);color:var(--ink,#0B0F14)}
.cf-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.cf-none{margin:1rem 0 0;padding:1rem;border-radius:14px;background:#fff;border:1px dashed var(--line,#D9D5CC);font-size:1rem}
.cf-none[hidden]{display:none}
.cf-none a{color:#A30200;font-weight:600}
@media (min-width:700px){.cf-list{grid-template-columns:repeat(2,1fr)}.cf-bar{margin:0 0 1.2rem;padding:.75rem 0 .6rem}#cf-q{max-width:520px}}
@media (min-width:1100px){.cf-list{grid-template-columns:repeat(3,1fr)}}
.cf-more{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin:.8rem 0 0;padding:.7rem 1rem;border-radius:999px;border:1px solid var(--ink,#0B0F14);background:#fff;color:var(--ink,#0B0F14);font:600 1rem/1.2 var(--sans);cursor:pointer}
.cf-more:hover{background:var(--ink,#0B0F14);color:#fff}
.cf-more:focus-visible{outline:3px solid var(--red,#C70200);outline-offset:2px}
.cf-more[hidden]{display:none}
@media (min-width:700px){.cf-more{width:auto;padding:.7rem 1.6rem}}
/* ---- wired-onpage.css ---- */
/* wired-onpage.css: "On this page" bar + "This page at a glance" box (findability, Nov 4 2026).
   Loaded in <head> so both blocks are styled at first paint: no layout shift. Both blocks are plain HTML
   written into the page at build time (tools/onpage-inject.mjs); wired-onpage.js only adds the
   current-section highlight and closes the "All sections" list. Nothing here hides page content. */
:root{--wop-top:58px;--wop-h:48px}

/* ---------- the bar: first thing in <main>, sticks under the site header ---------- */
.wop-nav{position:sticky;top:var(--wop-top);z-index:19;background:var(--paper,#F8F6F1);border-bottom:2px solid var(--ink,#0B0F14);font-family:var(--sans)}
.wop-in{position:relative;display:flex;align-items:center;gap:.5rem;height:46px}
.wop-k{flex:none;margin:0;font-family:var(--sans);font-weight:600;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--red,#C70200)}
.wop-chips{flex:1 1 auto;min-width:0;display:flex;gap:.4rem;margin:0;padding:5px;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.wop-chips::-webkit-scrollbar{display:none}
.wop-chips li{flex:none;margin:0}
.wop-nav .wop-chips a{display:block;padding-block:0;height:32px;line-height:29px;padding:0 .8rem;border:1.5px solid var(--ink,#0B0F14);background:#fff;color:var(--ink,#0B0F14);text-decoration:none;font-weight:600;font-size:.86rem;white-space:nowrap;max-width:26ch;overflow:hidden;text-overflow:ellipsis}
.wop-nav .wop-chips a:hover{background:var(--ink,#0B0F14);color:#fff}
.wop-nav .wop-chips a[aria-current="true"]{background:var(--red,#C70200);border-color:var(--red,#C70200);color:#fff}
.wop-nav .wop-chips a:focus-visible,.wop-all>summary:focus-visible{outline:3px solid var(--ink,#0B0F14);outline-offset:2px}
/* a soft edge shows there is more to scroll sideways (classes set by the script; no effect on layout) */
.wop-in.wop-mr .wop-chips{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.wop-in.wop-ml .wop-chips{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px);mask-image:linear-gradient(90deg,transparent,#000 28px)}
.wop-in.wop-ml.wop-mr .wop-chips{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}

/* "All sections": a native <details> list, works without the script */
.wop-all{flex:none;margin:0}
.wop-all>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.45rem;height:32px;padding:0 .75rem;border:1.5px solid var(--ink,#0B0F14);background:var(--ink,#0B0F14);color:#fff;font-weight:600;font-size:.86rem;white-space:nowrap}
.wop-all>summary::-webkit-details-marker{display:none}
.wop-all>summary::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg)}
.wop-all[open]>summary::after{transform:translateY(1px) rotate(-135deg)}
.wop-n{display:inline-block;min-width:1.5em;padding:0 .3em;background:#fff;color:var(--ink,#0B0F14);font-size:.74rem;line-height:1.35;text-align:center}
.wop-list{position:absolute;top:calc(100% + 2px);right:clamp(16px,3vw,40px);width:min(460px,calc(100vw - 32px));max-height:min(70vh,560px);overflow:auto;overscroll-behavior:contain;margin:0;padding:.35rem 0;list-style:none;background:#fff;border:2px solid var(--ink,#0B0F14);box-shadow:0 18px 40px rgba(11,15,20,.22)}
.wop-list li{margin:0}
.wop-nav .wop-list a{display:block;padding:.62rem 1rem;color:var(--ink,#0B0F14);text-decoration:none;font-size:.95rem;line-height:1.3;border-left:4px solid transparent}
.wop-nav .wop-list a:hover,.wop-nav .wop-list a:focus-visible{background:#EFEBE2;outline:0;border-left-color:var(--ink,#0B0F14)}
.wop-nav .wop-list a[aria-current="true"]{border-left-color:var(--red,#C70200);font-weight:700}

/* every jump lands with its heading clear of the header and the bar */
main [id]{scroll-margin-top:calc(var(--wop-top) + 12px)}
main:has(>.wop-nav) [id]{scroll-margin-top:calc(var(--wop-top) + var(--wop-h) + 12px)}

/* ---------- the glance box: right under the top banner ---------- */
.wop-glance{background:#fff;border-bottom:2px solid var(--ink,#0B0F14)}
.wop-glance .wrap{padding-block:1.25rem 1.35rem}
.wop-glance .wop-k{display:block;margin-bottom:.45rem}
.wop-sum{margin:0 0 .9rem;max-width:72ch;font-size:1.04rem;line-height:1.5;color:var(--ink,#0B0F14)}
.wop-dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));border-top:1px solid var(--line,#D9D5CC)}
.wop-dl>div{padding:.6rem 1rem .65rem 0;border-bottom:1px solid var(--line,#D9D5CC)}
.wop-dl dt{margin:0 0 .15rem;font-family:var(--sans);font-weight:600;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--mute,#5B6473)}
.wop-dl dd{margin:0;font-weight:600;font-size:.98rem;line-height:1.35}
.wop-dl a{color:var(--ink,#0B0F14);text-decoration:underline;text-decoration-color:var(--red,#C70200);text-decoration-thickness:2px;text-underline-offset:3px}
.wop-dl a:hover{color:var(--red,#C70200)}

@media (max-width:760px){
  .wop-nav .wop-k{display:none}
  .wop-as{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .wop-nav .wop-chips a.wop-t{max-width:19ch}
  .wop-nav .wrap{padding-inline:11px}
  .wop-list{left:12px;right:12px;width:auto;max-height:min(62vh,520px)}
  .wop-dl{grid-template-columns:1fr}
  .wop-dl>div{display:grid;grid-template-columns:7.2rem 1fr;gap:.6rem;align-items:baseline;padding-right:0}
  .wop-dl dt{margin:0}
}
/* touch screens: 44px tap targets (the site also enlarges lone links in list items there, main li>a:only-child; the chips set their own size) */
@media (pointer:coarse){.wop-in{height:54px}.wop-nav .wop-chips a{height:44px;line-height:41px}.wop-all>summary{height:44px}}
/* short screens (a phone on its side): the bar scrolls away with the page instead of sticking under the header,
   so the header, the bar and the call bar do not leave half the screen for reading. wired-onpage.js then counts it as 0px tall. */
@media (max-height:500px){.wop-nav{position:relative;top:auto}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.wop-nav{display:none}}