/* dir-pages.css: the pages people land on from a search engine (a listing, a category or city, search, categories and
   the documents), opened as the chat with the page as its first turn (dir_ui._page_turn). Laid out inside .cthread from
   dir-chat.css; dir.css tokens only. The page's h1 is its question in the "you" line. */
.cthread .w-you h1.w-q{display:inline;margin:0;font:inherit;font-weight:500;letter-spacing:normal;line-height:inherit;color:var(--fg);text-wrap:wrap}
.chero .chero-h{margin:0;font-weight:300;font-size:clamp(32px,4.6vw,54px);line-height:1.06;letter-spacing:-.035em;color:var(--fg);text-wrap:balance}

.pg-turn{min-width:0}
.pg-crumb{min-width:0}
.pg-crumb ol{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;list-style:none}
.pg-crumb li{display:inline;font:500 12.5px/1.5 var(--mono);letter-spacing:.04em;color:var(--muted);overflow-wrap:anywhere}
.pg-crumb li::before{content:none}
.pg-crumb li+li::before{content:"/";margin-right:10px;opacity:.5}
.pg-crumb a{color:var(--muted);text-decoration:none}
.pg-crumb a:hover{color:var(--cyan)}
.pg-meta{margin:-6px 0 0;font:500 12px/1.5 var(--mono);letter-spacing:.06em;color:var(--muted);overflow-wrap:anywhere}

.pg-drawer{min-width:0;border:1px solid var(--line);border-radius:var(--r-panel,18px);background:var(--panel)}
.pg-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 18px;cursor:pointer;list-style:none}
.pg-drawer>summary::-webkit-details-marker{display:none}
.pg-drawer>summary:hover .pg-sum,.pg-drawer[open]>summary .pg-sum{color:var(--fg)}
.pg-drawer>summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:var(--r-panel,18px)}
.pg-sum,.pg-h,.pg-turn h2.gh{margin:0;font:500 12.5px/1.4 var(--mono)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.pg-h,.pg-turn h2.gh{color:var(--muted)}
.pg-caret{flex:none;color:var(--muted);transition:transform .2s}
.pg-drawer[open]>summary .pg-caret{transform:rotate(180deg)}
.pg-in{display:grid;gap:20px;padding:4px 18px 18px;min-width:0}
.pg-in .w-rows{min-width:0}
.pg-sec{display:grid;gap:12px;min-width:0}
.pg-sec>*{min-width:0}
.pg-in dl.facts{margin:0}
.pg-in .about{margin:0;color:var(--fg);font-size:16px}
.pg-in .w-proof-link{justify-self:start}

.pg-all{justify-self:start;color:var(--soft);text-decoration:none;font-size:15px}
.pg-all:hover{color:var(--cyan)}
.pg-fine{margin:0;color:var(--muted);font-size:14px}
.pg-fine a{color:var(--muted)}
.pg-fine a:hover{color:var(--cyan)}
.pg-claim{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0;padding:14px 18px;border:1px solid rgba(255,43,214,.4);
  border-radius:var(--r-panel,18px);color:var(--soft)}
.pg-claim span{flex:1 1 220px}

.pg-turn .pager{margin:0}
.pg-turn .pills{margin:0}
.pg-turn .tiles{min-width:0}
.pg-cats{display:grid;gap:24px;min-width:0}

.pg-doc{min-width:0;max-width:none;gap:16px}
.pg-doc>*{min-width:0}
.pg-doc h2{margin:12px 0 0;font-size:clamp(22px,2.6vw,28px);line-height:1.2}
.pg-doc .lead{margin:0;font-size:clamp(17px,1.8vw,20px);color:var(--soft);max-width:60ch}
.pg-doc .pg-sec{gap:14px}
.pg-doc .box h2,.pg-doc .box h3{margin:0}
.pg-doc .meta{margin:0}

.pg-turn .w-fu a.w-chipb{text-decoration:none;gap:8px}
.pg-turn .w-fu a.w-chipb::before{content:"\21B3";color:var(--cyan);font-family:var(--mono)}
@media (max-width:560px){
  .pg-in{padding:2px 14px 16px}
  .pg-drawer>summary{padding:0 14px}
  .pg-claim{padding:14px}
  .pg-claim .w-btn{flex:1 1 auto}
}