/* "Practical nearby" box (city sheet, area and place pages) */
.pn { margin: 18px 0 8px; padding: 16px 16px 10px; border: 1px solid var(--line); border-radius: 18px; background: #fbfaf8; }
.pn-h { font: 800 1.15rem/1.2 var(--f-display); margin: 0 0 10px; color: var(--night); }
.pn-h small { font: 600 .72rem/1 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); margin-left: 6px; }
.pn-list { list-style: none; margin: 0; padding: 0; }
.pn-list li { position: relative; padding: 8px 0 8px 36px; border-top: 1px solid var(--line); font-size: .92rem; line-height: 1.45; }
.pn-list li:first-child { border-top: 0; }
.pn-list a { font-weight: 700; }
.pn-list small { display: block; color: var(--ink-2); font-size: .78rem; margin-top: 2px; }
.pn-i { position: absolute; left: 0; top: 8px; width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; background: #e6f3f4; color: var(--sea); font: 800 .8rem/1 var(--f-display); }
.pn-n { font: 600 .74rem/1 var(--f-mono); color: var(--ink-2); background: #fff; border: 1px solid var(--line); border-radius: 6px; padding: 3px 6px; margin-left: 4px; white-space: nowrap; }
.pn-il { font: 600 .66rem/1 var(--f-mono); text-transform: uppercase; letter-spacing: .05em; color: var(--amber, #7a5200); margin-left: 4px; white-space: nowrap; }
.pn-src { margin: 8px 0 0; font-size: .74rem; color: var(--ink-2); }