/* Near-you panel (system/place/near.js). Tokens only; logical properties for right-to-left; red only on hover, focus
   and the dot that marks a layer with something nearby. */
.nxp-s{padding:72px 0}
.nxp-head h2{margin:10px 0 0;max-width:30ch}
.nxp-ctl{margin-block:20px 28px;padding-block:14px;border-block:1px solid var(--hair);display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.nxp-for{margin:0;color:var(--t2)}
.nxp-for b{color:var(--t1);font-weight:500}
.nxp-how{color:var(--t3)}
.nxp-k{font:500 11px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--t3);margin-inline-end:6px}
.nxp-act{display:flex;flex-wrap:wrap;gap:8px}
.nxp .btn{height:34px;padding:0 14px;font-size:13px}
.nxp-pick{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.nxp-pick[hidden]{display:none}
.nxp-pick label{color:var(--t2);font-size:14px}
.nxp-pick select{min-width:min(320px,100%);max-width:100%;height:36px;padding:0 10px;border:1px solid var(--hair2);border-radius:var(--r);background:var(--bg);color:var(--t1);font:400 14px/1 var(--sans)}
.nxp-pick select:hover{border-color:var(--t3)}
.nxp-pick select:focus-visible,.nxp a:focus-visible,.nxp .btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.nxp-status{flex-basis:100%;margin:0;color:var(--t3);font-size:13px}
.nxp-status:empty{display:none}
.nxp-scope,.nxp-hint{color:var(--t2);margin:0 0 20px}
.nxp-fams{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px 32px}
.nxp-fam h3{font:500 11px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--t3);margin:0 0 8px}
.nxp-fam dl{margin:0}
.nxp-l{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding-block:8px;border-block-end:1px solid var(--hair)}
.nxp-l dt{color:var(--t1);font-size:14px;position:relative;padding-inline-start:14px}
.nxp-l dt::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--hair2)}
.nxp-l.is-on dt::before{background:var(--accent)}
.nxp-l--none dt{color:var(--t3)}
.nxp-l--none dt::before{background:var(--hair2)}
.nxp-l dd:empty{display:none}
.nxp-src summary{cursor:pointer;font:500 11px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}
.nxp-src summary:hover{color:var(--t1)}
.nxp-src summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.nxp-src p{margin:8px 0 0}
.nxp-l dd{margin:0;font:400 13px/1.5 var(--mono);font-variant-numeric:tabular-nums;color:var(--t2)}
.nxp-guide{margin:28px 0 0;color:var(--t2)}
.nxp-guide a{color:var(--t1);text-decoration:underline;text-underline-offset:3px}
.nxp-guide a:hover{color:var(--accent-text)}
.nxp-note,.nxp-src{margin:16px 0 0;color:var(--t3);font-size:13px;max-width:80ch}
@media (max-width:600px){.nxp-s{padding:56px 0}.nxp-ctl{gap:10px}.nxp-l{flex-direction:column}}