/* Places and People share the existing full-screen menu and service controls. */
.wonder-menu .navigation-layout { grid-template-columns:minmax(0,2fr) minmax(260px,1fr); }
.wonder-menu .navigation-map { grid-column:1;grid-row:1;min-width:0; }
.wonder-menu .navigation-places { grid-column:2;grid-row:1; }
.wonder-menu .navigation-areas { overflow:visible;max-height:none;padding:12px 0 0; }
.wonder-menu .navigation-pages:not(:has(button:not([hidden]):not(:disabled))) { display:none; }
.wonder-place-row>button:first-child { display:grid;grid-template-columns:1fr auto;gap:3px 8px; }
.wonder-place-row>button:first-child>.wonder-qualifier { grid-column:1; }
.wonder-place-zoom { grid-column:2;grid-row:1 / span 2;align-self:center;font-size:var(--menu-tiny);color:var(--menu-amber); }
.wonder-map-coverage { border-block:1px solid var(--menu-rule);padding:8px 0;margin-bottom:10px; }
.wonder-coverage-value { margin:4px 0;font-size:var(--menu-small);line-height:1.5; }
.wonder-map-coverage>.wonder-qualifier { margin:4px 0 0;font-size:var(--menu-tiny); }
.wonder-menu .people-panel { grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr); }
.wonder-people-layout { grid-template-columns:minmax(0,1fr) minmax(200px,1fr);gap:14px; }
.wonder-menu .people-total { margin:0 0 12px;font-size:clamp(20px,2.3vw,32px);color:var(--menu-ink);font-weight:500;line-height:1.25; }
.wonder-people-radar { width:min(100%,170px);aspect-ratio:1;border:1px solid var(--menu-rule);border-radius:50%;position:relative;margin:10px auto 14px;background:repeating-radial-gradient(circle,transparent 0 24%,#66756b33 24.5% 25%,transparent 25.5% 49%); }
.wonder-people-radar::before { content:'N';position:absolute;top:4px;left:calc(50% - 4px);font-size:10px;color:var(--menu-muted); }
.wonder-people-radar::after { content:'';position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--menu-amber); }
.wonder-radar-dots { position:absolute;inset:0; }
.wonder-radar-person { position:absolute;width:6px;height:6px;margin:-3px;border-radius:50%;background:#e6ede5; }
.wonder-people-household .wonder-housemates { display:block; }
.wonder-people-household .wonder-housemate-detail { margin-top:16px; }
.wonder-people-household .wonder-housemate-note-label textarea { min-height:90px; }
.wonder-pack-categories { display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px; }
.wonder-shelf-picker { display:flex;flex-direction:column;align-items:stretch;margin:4px 0 8px;padding-left:18px; }
.wonder-shelf-picker>button { width:100%;text-align:left; }
.wonder-menu [hidden] { display:none!important; }
@media(max-width:900px) {
  .wonder-menu .navigation-layout { grid-template-columns:minmax(0,2fr) minmax(220px,1fr); }
  .wonder-menu .people-panel { grid-template-columns:minmax(0,1fr) minmax(230px,.9fr); }
  .wonder-people-layout { grid-template-columns:minmax(0,1fr);overflow:auto; }
  .wonder-people-left,.wonder-people-right { overflow:visible; }
}
@media(max-width:600px) {
  .wonder-menu .navigation-layout { grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(220px,45%) minmax(0,1fr); }
  .wonder-menu .navigation-map { grid-column:1;grid-row:1; }
  .wonder-menu .navigation-places { grid-column:1;grid-row:2; }
  .wonder-menu .people-panel { display:block;overflow:auto; }
  .wonder-people-layout { display:block;height:auto!important;overflow:visible; }
  .wonder-people-household { overflow:visible;border-top:1px solid var(--menu-rule);padding-top:12px; }
  .wonder-people-household .wonder-housemates { display:block; }
}
.wonder-menu #settings-voice { margin-top:18px; }
.wonder-menu #settings-voice .wonder-radio-options,
.wonder-menu #settings-voice .wonder-hear-row>button:last-child,
.wonder-menu #settings-voice #voice-channel,
.wonder-menu #settings-voice label[for="voice-channel"],
.wonder-menu #settings-voice #voice-station-form { display:none!important; }
.wonder-inline-radio { width:100%;padding:12px 0; }
.wonder-inline-radio>select { display:block;width:100%;margin-bottom:10px; }
.wonder-inline-radio>button { margin-right:8px; }
.wonder-clue-archive { min-width:0; }
.wonder-clue-archive-layout { display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);gap:16px; }
.wonder-clue-archive-list { display:flex;flex-direction:column;gap:5px; }
.wonder-clue-entry { text-align:left;line-height:1.5;padding:9px!important;font-size:var(--menu-small)!important; }
.wonder-clue-entry[aria-current="true"] { color:var(--menu-amber);border-color:var(--menu-amber)!important; }
.wonder-clue-headline { font-size:24px;line-height:1.2;margin:4px 0 12px; }
.wonder-clue-body { white-space:pre-wrap;font-size:var(--menu-text);line-height:1.6;letter-spacing:normal; }
.wonder-clue-actions,.wonder-clue-share { display:flex;flex-wrap:wrap;gap:8px;margin:10px 0; }
.wonder-clue-actions>button,.wonder-clue-share>button { font-size:var(--menu-tiny); }
.wonder-clue-note-label { display:block;font-size:var(--menu-small);margin:12px 0 6px; }
.wonder-clue-annotation { display:block;width:100%;margin-top:6px;resize:vertical;min-height:90px; }
@media(max-width:900px){ .wonder-clue-archive-layout { grid-template-columns:minmax(0,1fr); }.wonder-clue-archive-list { max-height:180px;overflow:auto; } }

.wonder-person-meeting { border-block:1px solid var(--menu-rule);padding:10px 0;margin:12px 0; }
.wonder-person-meeting:empty { display:none; }
.wonder-person-meeting h3 { margin:0;font-size:var(--menu-text); }
.wonder-menu .wonder-person-meeting button { min-height:44px;min-width:68px;font-size:var(--menu-small); }
.wonder-people-summary p { font-size:var(--menu-small);line-height:1.5;margin:5px 0; }

/* Bookmarks sit beside the map in the same reading order as the other tabs. */
.wonder-menu .navigation-layout { grid-template-columns:minmax(220px,1fr) minmax(0,2fr); }
.wonder-menu .navigation-places { grid-column:1;grid-row:1; }
.wonder-menu .navigation-map { grid-column:2;grid-row:1; }
@media(max-width:900px) { .wonder-menu .navigation-layout { grid-template-columns:minmax(180px,1fr) minmax(0,2fr); } }
@media(max-width:600px) { .wonder-menu .navigation-layout { grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(180px,1fr); }.wonder-menu .navigation-places { grid-column:1;grid-row:1; }.wonder-menu .navigation-map { grid-column:1;grid-row:2; } }

:lang(ru) .wonder-people-radar::before { content:'С'; }