/* Rx Networks TruePoint coverage deck. Generated by make-wp-css.py from the reference build. Do not hand-edit: regenerate instead, or the plugin and the reference page will drift. Everything is namespaced under .rxn-tp so a host theme cannot leak in and the deck cannot leak out. */ .rxn-tp{ --ground:#FFFFFF; --surface:#F7F8FA; --surface-2:#EFF2F6; --ink:#101720; --slate:#4A5666; --muted:#68727F; --line:#E7EAEF; --line-strong:#D3D9E2; /* Rx Networks */ --rx:#CF4227; --rx-deep:#A8331F; /* Bench Mark */ --bm:#165E85; --bm-deep:#10475F; --bm-tint:#EDF3F7; /* TruePoint FOCUS layer */ --focus:#2E7D6B; --fo-deep:#1F5B4D; --fo-tint:#EAF4F0; /* basemap */ --water:#F2F6FA; --land:#FFFFFF; --coast:#CFD8E3; --sub:#E6EBF1; --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Charter,Georgia,serif; --sans:system-ui,-apple-system,"Segoe UI","Helvetica Neue",sans-serif; --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace; --t-micro:12px; --t-caption:13.5px; --t-body:16.5px; --t-lead:19px; --t-lg:23px; --t-xl:clamp(26px,3.6vw,34px); --t-2xl:clamp(31px,4.3vw,47px); --pad:clamp(18px,5vw,40px); --gap:clamp(44px,7vw,88px); --radius:10px; color:var(--ink); font-family:var(--sans); font-size:var(--t-body); line-height:1.62; /* Inherited from otherwise. The token is the size the deck was drawn against, so pinning it reproduces the reference page rather than the host theme's body. */ letter-spacing:normal;word-spacing:normal;text-indent:0; font-style:normal;font-variant:normal;text-transform:none;text-shadow:none; text-align:start; } .rxn-tp *{box-sizing:border-box} /* A host theme will style input, button, label and svg inside this widget. Reset the properties the deck depends on rather than hoping the theme is quiet. */ .rxn-tp input,.rxn-tp button,.rxn-tp label,.rxn-tp select,.rxn-tp textarea{ font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:normal; text-transform:none;margin:0; } .rxn-tp button{ -webkit-appearance:none;appearance:none;border-radius:0;box-shadow:none; text-decoration:none;width:auto;min-width:0;height:auto;min-height:0; } .rxn-tp input[type=text]{ -webkit-appearance:none;appearance:none;box-shadow:none;width:100%;max-width:none; height:auto;min-height:0; } .rxn-tp input[type=checkbox]{-webkit-appearance:none;appearance:none;box-shadow:none} .rxn-tp label{display:inline-flex;font-weight:inherit;cursor:pointer} .rxn-tp svg{max-width:none;vertical-align:baseline} .rxn-tp p,.rxn-tp span,.rxn-tp div{text-shadow:none} .rxn-tp ul,.rxn-tp ol,.rxn-tp li{list-style:none;margin:0;padding:0} /* Inherited text properties also arrive through bare element selectors. A theme's p{text-align:justify} does not beat anything: it simply matches an element the deck never gave an alignment. Normalise them at .rxn-tp specificity, which outranks a bare element rule and loses to every rule of the deck's own. The p margin is the browser default restated, so the spacing matches the reference page. */ .rxn-tp p,.rxn-tp h2,.rxn-tp h3,.rxn-tp span,.rxn-tp div,.rxn-tp b,.rxn-tp strong, .rxn-tp small,.rxn-tp a,.rxn-tp label,.rxn-tp button,.rxn-tp input{ letter-spacing:normal;word-spacing:normal;text-indent:0; font-style:normal;font-variant:normal;text-shadow:none; } /* start, not left: identical in English and still correct if the host site is Arabic or Hebrew. Buttons are left out because theirs is centred by the browser. */ .rxn-tp p,.rxn-tp h2,.rxn-tp h3,.rxn-tp span,.rxn-tp div,.rxn-tp b,.rxn-tp strong, .rxn-tp small,.rxn-tp a,.rxn-tp label,.rxn-tp input{text-align:start} /* The reference build zeroes p margins globally. Restate it, or the browser default pushes the verdict and the map hint down by a line the design never had. */ .rxn-tp p{margin:0;padding:0} /* The host theme styles h2 and p. Set every property the deck relies on, including colour: leaving one unset is how a theme leaks in. */ .rxn-tp-head{margin-bottom:24px} .rxn-tp-head h2{ font-family:var(--serif);font-size:var(--t-xl);font-weight:600;line-height:1.16; letter-spacing:-.012em;color:var(--ink);margin:0 0 12px;padding:0; text-transform:none;text-align:left; } .rxn-tp-head h2::before,.rxn-tp-head h2::after{content:none} .rxn-tp-head p{ margin:0;padding:0;color:var(--slate);max-width:63ch; font-family:var(--sans);font-size:var(--t-body);line-height:1.62;text-align:left; } .rxn-tp .rxn-mapdeck{background:var(--ground);border:1px solid var(--line);border-radius:14px;overflow:hidden} .rxn-tp .rxn-layerbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center; padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface)} .rxn-tp .rxn-layerbar .rxn-lb-label,.rxn-tp .rxn-unitbar .rxn-lb-label{font-size:var(--t-micro);letter-spacing:.08em; text-transform:uppercase;font-weight:640;color:var(--muted);margin-right:2px} .rxn-tp .rxn-sw{position:relative;display:inline-flex} .rxn-tp .rxn-sw input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer} .rxn-tp .rxn-sw-face{display:inline-flex;align-items:center;gap:10px;cursor:pointer; background:var(--ground);border:1px solid var(--line-strong);border-radius:99px; padding:8px 15px 8px 11px;transition:border-color .18s ease,background .18s ease} .rxn-tp .rxn-sw:hover .rxn-sw-face{border-color:var(--slate)} .rxn-tp .rxn-sw input:focus-visible + .rxn-sw-face{outline:2.5px solid var(--rx);outline-offset:2px} .rxn-tp .rxn-sw-track{width:32px;height:19px;border-radius:99px;background:var(--line-strong); flex:none;position:relative;transition:background .2s ease} .rxn-tp .rxn-sw-track::after{content:"";position:absolute;top:2.5px;left:2.5px;width:14px;height:14px; border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(16,23,32,.28); transition:transform .2s cubic-bezier(.4,0,.2,1)} .rxn-tp .rxn-sw input:checked + .rxn-sw-face .rxn-sw-track::after{transform:translateX(13px)} .rxn-tp .rxn-sw-txt{font-size:var(--t-caption);font-weight:640;color:var(--slate);white-space:nowrap; transition:color .18s ease} .rxn-tp .rxn-sw-txt b{font-variant-numeric:tabular-nums} .rxn-tp .rxn-sw-cm input:checked + .rxn-sw-face{border-color:var(--bm);background:var(--bm-tint)} .rxn-tp .rxn-sw-cm input:checked + .rxn-sw-face .rxn-sw-track{background:var(--bm)} .rxn-tp .rxn-sw-cm input:checked + .rxn-sw-face .rxn-sw-txt{color:var(--bm-deep)} .rxn-tp .rxn-sw-focus input:checked + .rxn-sw-face{border-color:var(--focus);background:var(--fo-tint)} .rxn-tp .rxn-sw-focus input:checked + .rxn-sw-face .rxn-sw-track{background:var(--focus)} .rxn-tp .rxn-sw-focus input:checked + .rxn-sw-face .rxn-sw-txt{color:var(--fo-deep)} .rxn-tp .rxn-map-frame{background:var(--water);padding:0;overflow-x:auto} .rxn-tp .rxn-map-frame svg{display:block;width:100%;height:auto;min-width:520px} .rxn-tp .rxn-map-frame:focus-visible{outline:2.5px solid var(--rx);outline-offset:-3px} .rxn-tp .rxn-bm-land{fill:var(--land);stroke:var(--coast);stroke-width:.8;stroke-linejoin:round;vector-effect:non-scaling-stroke} .rxn-tp .rxn-bm-sub{fill:none;stroke:var(--sub);stroke-width:.7;stroke-linejoin:round;vector-effect:non-scaling-stroke} .rxn-tp .rxn-hxg use{fill:var(--bm)} .rxn-tp .rxn-hx-in use,.rxn-tp .rxn-hx-out use{fill-opacity:.5} .rxn-tp .rxn-hx-edge-in use,.rxn-tp .rxn-hx-edge-out use{fill-opacity:.2} .rxn-tp .rxn-hxg{opacity:1;transition:opacity .4s ease} .rxn-tp .rxn-mapdeck[data-cm="0"] .rxn-hxg{opacity:0;pointer-events:none} .rxn-tp .rxn-hxg > g{opacity:1;transition:opacity .42s cubic-bezier(.4,0,.2,1)} .rxn-tp .rxn-hxg > g:nth-child(1){transition-delay:0ms} .rxn-tp .rxn-hxg > g:nth-child(3){transition-delay:44ms} .rxn-tp .rxn-hxg > g:nth-child(5){transition-delay:88ms} .rxn-tp .rxn-hxg > g:nth-child(7){transition-delay:132ms} .rxn-tp .rxn-hxg > g:nth-child(9){transition-delay:176ms} .rxn-tp .rxn-hxg > g:nth-child(11){transition-delay:220ms} .rxn-tp .rxn-focus-area{fill:var(--focus);fill-opacity:.14;fill-rule:evenodd;stroke:var(--focus); stroke-opacity:.85;stroke-width:1.8;stroke-linejoin:round;vector-effect:non-scaling-stroke; transition:fill-opacity .4s ease,stroke-opacity .4s ease} .rxn-tp .rxn-mapdeck[data-focus="0"] .rxn-focus-area{fill-opacity:0;stroke-opacity:0} .rxn-tp .rxn-mapdeck[data-cm="1"][data-focus="1"] .rxn-hx-in use{fill-opacity:.3} .rxn-tp .rxn-mapdeck[data-cm="1"][data-focus="1"] .rxn-hx-edge-in use{fill-opacity:.14} .rxn-tp .rxn-city-dot{fill:var(--ink)} .rxn-tp .rxn-city-dot-out{fill:none;stroke:var(--ground);stroke-width:2.5} .rxn-tp .rxn-city-label{font-family:var(--sans);font-size:13px;font-weight:600;fill:var(--ink); paint-order:stroke;stroke:var(--ground);stroke-width:3.5px;stroke-linejoin:round} .rxn-tp .rxn-pin{opacity:0;transition:opacity .3s ease} .rxn-tp .rxn-mapdeck[data-pin="1"] .rxn-pin{opacity:1} .rxn-tp .rxn-pin circle{fill:var(--rx);stroke:#fff;stroke-width:2} .rxn-tp .rxn-pin .rxn-halo{fill:none;stroke:var(--rx);stroke-width:2;opacity:.45} .rxn-tp .rxn-checker{padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px; align-items:end;border-top:1px solid var(--line)} .rxn-tp .rxn-checker label{display:block;font-size:var(--t-micro);letter-spacing:.06em;text-transform:uppercase; font-weight:640;color:var(--muted);margin-bottom:7px} .rxn-tp .rxn-checker input[type=text]{width:100%;font:inherit;font-size:var(--t-body);background:var(--ground); color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;padding:12px 14px} .rxn-tp .rxn-checker input::placeholder{color:var(--muted)} .rxn-tp .rxn-checker input:focus-visible{outline:2.5px solid var(--rx);outline-offset:2px;border-color:var(--rx)} .rxn-tp .rxn-checker .rxn-acts{display:flex;gap:9px;flex-wrap:wrap} .rxn-tp .rxn-btn-2{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit; font-size:var(--t-caption);font-weight:640;padding:12px 16px;border-radius:8px;cursor:pointer; background:var(--ground);color:var(--ink);border:1px solid var(--line-strong);white-space:nowrap; transition:background .15s ease,border-color .15s ease} .rxn-tp .rxn-btn-2:hover{background:var(--surface);border-color:var(--slate)} .rxn-tp .rxn-btn-2 svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round} .rxn-tp .rxn-btn-2.rxn-primary{background:var(--rx);border-color:var(--rx);color:#fff} .rxn-tp .rxn-btn-2.rxn-primary:hover{background:var(--rx-deep);border-color:var(--rx-deep)} .rxn-tp .rxn-verdict{border-top:1px solid var(--line);padding:16px;display:none;background:var(--surface)} .rxn-tp .rxn-verdict[data-on="1"]{display:block} .rxn-tp .rxn-verdict .rxn-place{font-size:var(--t-body);font-weight:640;color:var(--ink);margin-bottom:12px} .rxn-tp .rxn-verdict .rxn-place small{display:block;font-weight:400;font-size:var(--t-micro);color:var(--muted); margin-top:3px;font-variant-numeric:tabular-nums} .rxn-tp .rxn-vrows{display:flex;flex-direction:column;gap:9px} .rxn-tp .rxn-vrow{display:flex;align-items:center;gap:11px;font-size:var(--t-caption);color:var(--ink);flex-wrap:wrap} .rxn-tp .rxn-vrow .rxn-tag{display:inline-flex;align-items:center;gap:6px;font-weight:650;padding:6px 12px; border-radius:99px;font-size:15px;white-space:nowrap} .rxn-tp .rxn-vrow .rxn-tag svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.6;fill:none; stroke-linecap:round;stroke-linejoin:round} .rxn-tp .rxn-vrow .rxn-yes{background:var(--fo-deep);color:#fff} .rxn-tp .rxn-vrow .rxn-no{background:var(--slate);color:#fff} .rxn-tp .rxn-vrow .rxn-part{background:var(--rx-deep);color:#fff} .rxn-tp .rxn-vnote{color:var(--muted)} .rxn-tp .rxn-vrow .rxn-svcname{font-weight:640} .rxn-tp .rxn-vrow-show{appearance:none;background:none;border:0;padding:2px 0;cursor:pointer; font:inherit;font-size:var(--t-micro);font-weight:640;color:var(--rx-deep); text-decoration:underline;text-underline-offset:2px} .rxn-tp .rxn-vrow-show:hover{color:var(--ink)} .rxn-tp .rxn-vrow-show:focus-visible{outline:2.5px solid var(--rx);outline-offset:2px;border-radius:3px} .rxn-tp .rxn-verdict .rxn-after{font-size:var(--t-caption);color:var(--slate);margin-top:14px;line-height:1.5} .rxn-tp .rxn-checker .rxn-hint{font-size:var(--t-micro);color:var(--muted);margin:-3px 0 7px} .rxn-tp .rxn-map-hint{display:none;font-size:var(--t-caption);color:var(--muted)} .rxn-tp .rxn-map-hint.rxn-is-on{display:block} .rxn-tp .rxn-verdict .rxn-after .rxn-btn-sm{display:inline-flex} @media (max-width:820px){ .rxn-tp .rxn-sw-face,.rxn-tp .rxn-btn-2,.rxn-tp .rxn-btn{min-height:48px} .rxn-tp .rxn-vrow-show{display:inline-flex;align-items:center;min-height:48px;padding:0} .rxn-tp .rxn-city-label{font-size:31px;stroke-width:9px} .rxn-tp .rxn-city-dot{r:9} .rxn-tp .rxn-city-dot-out{r:10;stroke-width:6} .rxn-tp .rxn-pin circle{stroke-width:6} .rxn-tp .rxn-pin .rxn-halo{r:46} .rxn-tp .rxn-pin circle:not(.rxn-halo){r:22} .rxn-tp .rxn-hx-edge-in use,.rxn-tp .rxn-hx-edge-out use{fill-opacity:.34} } @media (max-width:620px){ .rxn-tp .rxn-city.rxn-minor{display:none} .rxn-tp .rxn-city.rxn-label-off .rxn-city-label{display:none} .rxn-tp .rxn-map-frame{overflow-x:visible} .rxn-tp .rxn-map-frame svg{min-width:0} .rxn-tp .rxn-city-label{font-size:36px;stroke-width:10px} .rxn-tp .rxn-city-dot{r:10} .rxn-tp .rxn-city-dot-out{r:11;stroke-width:6} .rxn-tp .rxn-checker{grid-template-columns:1fr;min-width:0} .rxn-tp .rxn-checker .rxn-acts{display:grid;grid-template-columns:1fr;gap:10px} .rxn-tp .rxn-checker .rxn-acts .rxn-btn-2{width:100%;white-space:normal} .rxn-tp .rxn-layerbar .rxn-lb-label{display:none} .rxn-tp .rxn-layerbar{gap:8px;flex-wrap:nowrap;padding:12px} .rxn-tp .rxn-sw{flex:1 1 0;min-width:0;display:block} .rxn-tp .rxn-sw-face{width:100%;padding:8px 7px;gap:6px;justify-content:center} .rxn-tp .rxn-sw-track{width:28px;height:17px} .rxn-tp .rxn-sw input:checked + .rxn-sw-face .rxn-sw-track::after{transform:translateX(11px)} .rxn-tp .rxn-sw-txt{white-space:nowrap;font-size:11.5px;line-height:1.26;min-width:0} .rxn-tp .rxn-sw-txt b{display:block;font-weight:650} } @media (prefers-reduced-motion:reduce){ .rxn-tp .rxn-hxg > g{transition-delay:0ms!important} } /* Verdict call to action. Fully specified and namespaced: a host theme's .btn must not reach in, and this must not reach out. */ .rxn-tp .rxn-tp-cta{ display:inline-flex;align-items:center;justify-content:center; background:var(--rx);color:#fff;border:1px solid var(--rx); font-family:inherit;font-size:var(--t-caption);font-weight:640;line-height:1.2; padding:10px 17px;border-radius:8px;text-decoration:none;cursor:pointer; margin-top:10px;transition:background .15s ease,border-color .15s ease; } .rxn-tp .rxn-tp-cta:hover, .rxn-tp .rxn-tp-cta:focus{background:var(--rx-deep);border-color:var(--rx-deep);color:#fff;text-decoration:none} .rxn-tp .rxn-tp-cta:focus-visible{outline:2.5px solid var(--rx);outline-offset:2px}