/* Momentize discovery pages: browse, search, person across shows, theme. Builds on app.css and podcasts.css (cards, artwork). */
.dc{max-width:1180px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.dc > .page-head{width:100%;margin-inline:0;min-width:0}
.dc .page-head h1{overflow-wrap:anywhere}
.dc-sec{padding-block:26px 30px;border-top:1px solid var(--line);min-width:0}
.dc .cite{margin:14px 0 0;max-width:90ch}
.dc a{text-decoration-color:var(--line);text-underline-offset:3px}

/* show and moment grids */
.dc-shows{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.dc-moments{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.dc .pc-card{text-decoration:none}
.dc-why{font:500 11px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--amber-ink)}

/* themes */
.dc-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;padding-top:12px}
.dc-theme{display:grid;gap:6px;align-content:start;padding:16px 16px 14px;background:var(--surface);border:1px solid var(--line);border-radius:4px;text-decoration:none;transition:border-color .15s}
.dc-theme:hover{border-color:var(--ink)}
.dc-theme b{font:700 21px/1.12 var(--display);font-stretch:110%;font-variation-settings:"wdth" 110}
.dc-theme:hover b{text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:4px}
.dc-desc{font-size:14.5px;color:var(--muted)}
.dc-stack{display:flex;margin-bottom:6px}
.dc-stack .pc-art{width:38px;border-radius:3px;box-shadow:0 0 0 2px var(--surface)}
.dc-stack .pc-art + .pc-art{margin-left:-8px}
.dc-stack .pc-art.letter span{font-size:20px}

/* people */
.dc-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px 26px;padding-top:12px}
.dc-person{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;text-decoration:none}
.dc-person .avatar{background:var(--ink)}
.dc-person-t{display:grid;gap:1px;min-width:0}
.dc-person-t b{font-weight:600}
.dc-person:hover b{text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:3px}
.dc-person-t .hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-mini{width:46px;flex:none}
.dc-mini.letter span{font-size:22px}
.dc-who{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.dc-who h1{margin:0}
.dc-who .lede a{color:var(--ink)}
.avatar.big{width:96px;height:96px;font-size:32px;background:var(--ink)}

/* episodes */
.dc-eps{list-style:none;margin:0;padding:0;display:grid}
.dc-ep{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:18px;align-items:start;padding-block:16px;border-bottom:1px solid var(--line)}
.dc-ep:last-child{border-bottom:0}
.dc-ep h3{margin:4px 0 0;font-size:17px;line-height:1.3;font-weight:600}
.dc-ep h3 a{text-decoration:none}
.dc-ep h3 a:hover{text-decoration:underline;text-decoration-color:var(--amber)}
.dc-ep .label a{text-decoration:none;color:inherit}
.dc-ep-n{padding-top:2px;white-space:nowrap}
.dc-extra{margin:4px 0 0;font-size:14px;color:var(--muted)}
.dc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.dc-chip{font-size:13px;padding:3px 9px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--ink)}
.dc-chip:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.dc-chip.theme{box-shadow:inset 0 0 0 1px var(--amber-ink);color:var(--amber-ink)}
@media (max-width:620px){.dc-ep{grid-template-columns:64px minmax(0,1fr)}.dc-ep-n{grid-column:2}}

/* search */
.dc-search{display:flex;gap:10px;max-width:760px;flex-wrap:wrap}
.dc-search input{flex:1 1 280px;min-width:0;padding:13px 14px;font-size:18px;border:1px solid var(--line);border-radius:3px;background:var(--surface)}
.dc-search input:focus{outline:2px solid var(--amber);outline-offset:1px;border-color:transparent}
.dc-lines,.dc-places{list-style:none;margin:0;padding:0;display:grid}
.dc-lines li a{display:grid;gap:8px;padding-block:14px;border-bottom:1px solid var(--line);text-decoration:none}
.dc-lines li:last-child a{border-bottom:0}
.dc-line-who{display:flex;gap:12px;align-items:center}
.dc-line-who .dc-mini{width:34px}
.dc-line-who > span:last-child{display:grid;min-width:0}
.dc-lines q{quotes:"“" "”";font-size:15.5px;max-width:80ch;padding-left:46px}
.dc-lines a:hover q{text-decoration:underline;text-decoration-color:var(--line)}
mark{background:var(--amber-soft);color:inherit;border-radius:2px;padding:0 1px}

/* theme places */
.dc-places li a{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;padding-block:12px;border-bottom:1px solid var(--line);text-decoration:none}
.dc-places li:last-child a{border-bottom:0}
.dc-places li a > span:nth-child(2){display:grid;gap:2px;min-width:0}
.dc-places li a:hover b{text-decoration:underline;text-decoration-color:var(--amber)}
@media (max-width:620px){.dc-places li a{grid-template-columns:46px minmax(0,1fr)}.dc-places li a > span:last-child{grid-column:2}.dc-lines q{padding-left:0}}
