/* Notes keeps browsing visible; advanced filters remain a native disclosure. */
.live-archive.catalog-v3 {max-width:960px}
.catalog-v3 .catalog-heading-v3 {display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:32px;align-items:center;margin-bottom:32px;padding:0;border:0}
.catalog-v3 .catalog-heading-v3 h1 {font:500 var(--page-title)/1.2 var(--chinese);letter-spacing:-.035em;margin:0 0 8px}
.catalog-v3 .catalog-heading-v3 p {margin:0}
.catalog-v3 .catalog-heading-v3 a {display:inline-flex;align-items:center;gap:12px;min-height:44px;font:var(--meta-size)/var(--meta-leading) var(--sans);color:var(--muted)}
.catalog-v3 .catalog-heading-v3 a:hover {color:var(--ink)}
.catalog-v3 .catalog-heading-v3 a:focus-visible {outline:2px solid var(--ink);outline-offset:4px}
.catalog-v3 .catalog-heading-v3 svg {width:14px;height:14px}
.catalog-v3 .catalog-heading-v3>img {display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;object-position:43% 0%;border-radius:0}
.catalog-v3 .archive-discovery {display:flex;align-items:center;justify-content:space-between;gap:24px}
.catalog-v3 .archive-group {display:flex;gap:8px;flex:none}
.catalog-v3 .archive-group button {flex:none;justify-content:center;min-height:44px;padding:8px 12px;border:0;border-radius:3px;font:14px var(--chinese);color:var(--text);background:none}
.catalog-v3 .archive-group button[aria-pressed=true] {background:var(--surface);color:var(--ink);font-weight:600}
.catalog-v3 .archive-search {display:flex;flex:0 1 320px;align-items:center;gap:12px;padding:0;flex-wrap:nowrap;min-width:0}
.catalog-v3 .archive-search>label {display:block}
.catalog-v3 .archive-search>div {display:flex;align-items:center;flex:1;flex-basis:auto;order:0;min-width:0;min-height:44px;padding:4px 12px;border:0;border-radius:4px;background:var(--surface)}
.catalog-v3 .archive-search input {font-size:16px;min-width:0;padding:4px 0}
.catalog-v3 .archive-search kbd {border:0;padding:0;font-size:12px;color:var(--muted)}
.catalog-v3 .archive-search>button {min-height:44px;flex:none;font-size:12px;white-space:nowrap}
.catalog-v3 .archive-controls {display:grid;grid-template-columns:132px minmax(0,1fr);margin:12px 0 24px;align-items:start}
.catalog-v3 .archive-options {grid-area:1 / 1 / 2 / -1;margin:0;border:0;min-width:0}
.catalog-v3 .archive-options>summary {display:flex;align-items:center;gap:12px;width:fit-content;min-height:44px;font-size:13px;color:var(--muted);list-style:none;cursor:pointer}
.catalog-v3 .archive-options>summary::-webkit-details-marker {display:none}
.catalog-v3 .archive-options>summary:after {content:'+';font-size:17px}
.catalog-v3 .archive-options[open]>summary:after {content:'−'}
.catalog-v3 .archive-options-body {padding:16px 0 0}
.catalog-v3 .archive-filters {display:flex;flex-direction:row;flex-wrap:wrap;position:static;align-items:center;gap:12px 28px;max-height:none;overflow:visible}
.catalog-v3 .archive-filters label,.catalog-v3 .archive-toolbar label {display:flex;align-items:center;gap:12px;min-width:0;font-size:13px;color:var(--text)}
.catalog-v3 .archive-filters select,.catalog-v3 .archive-toolbar select {width:auto;max-width:100%;min-height:44px;font-size:14px;padding:8px;background:var(--surface);border:0;color:var(--ink)}
.catalog-v3 .archive-filter-tags {display:flex;flex-wrap:wrap;gap:4px 16px;width:100%;margin-top:8px}
.catalog-v3 .archive-filter-tags button {min-height:44px;padding:6px 0;border:0;border-radius:0;font-size:13px;color:var(--text);background:none}
.catalog-v3 .archive-filter-tags button[aria-pressed=true] {text-decoration:underline;text-underline-offset:5px;color:var(--ink)}
.catalog-v3 .archive-toolbar {display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;grid-area:1 / 2 / 2 / -1;margin:0;padding:0;border:0;min-height:44px}
.catalog-v3 .archive-toolbar>div {display:flex;gap:2px;margin:0;flex:none}
.catalog-v3 .archive-toolbar button {min-height:44px;min-width:44px;padding:8px;font-size:13px;border:0;color:var(--text)}
.catalog-v3 .archive-toolbar button[aria-pressed=true] {background:var(--accent-soft);color:var(--ink);font-weight:600}
.catalog-v3 .archive-controls :is(button,summary,select):focus-visible {outline:2px solid var(--ink);outline-offset:3px}
.catalog-v3 .archive-toolbar .archive-queue-link {gap:10px;margin-left:auto;border:0}
.catalog-v3 .archive-feedback {margin:0 0 20px;font:13px/1.7 var(--chinese);color:var(--text)}
.catalog-v3 .archive-layout {display:block}
.catalog-v3 .archive-results[data-mode=list] {display:flex;flex-direction:column;gap:32px;border-top:0}
.catalog-v3 .archive-results[data-mode=grid] {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.catalog-v3 .archive-results:is([data-mode=list],[data-mode=grid]) .archive-record {display:block;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;transform:none}
.catalog-v3 .archive-record:before,.catalog-v3 .archive-record h2 a:after {display:none}
.catalog-v3 .archive-record:hover,.catalog-v3 .archive-record:focus-within {transform:none;box-shadow:none;border:0}
.catalog-v3 .archive-results:is([data-mode=list],[data-mode=grid]) .record-top {display:block;margin:0 0 4px;font:12px/1.6 var(--sans);letter-spacing:0;color:var(--muted)}
.catalog-v3 .archive-results:is([data-mode=list],[data-mode=grid]) h2 {margin:0 0 6px;font:500 22px/1.5 var(--chinese);letter-spacing:-.02em;color:var(--ink)}
.catalog-v3 .archive-record h2>a {display:block;min-height:44px;padding-block:5px;color:inherit}
.catalog-v3 .archive-results:is([data-mode=list],[data-mode=grid]) p {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;overflow:hidden;font:15px/1.8 var(--chinese);color:var(--text)}
.catalog-v3 .record-context {display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0;color:var(--muted);font:12px/1.8 var(--chinese)}
.catalog-v3 .record-context>span+span:before {content:none}
.catalog-v3 .record-context .record-state {color:var(--text)}
.catalog-v3 .archive-results:is([data-mode=list],[data-mode=grid]) .record-bottom {display:inline-flex;align-items:center;gap:12px;margin:0 0 0 16px;font:12px/1.8 var(--sans);color:var(--muted)}
.catalog-v3 .archive-results:is([data-mode=list],[data-mode=grid]) .record-bottom>span {display:inline;max-width:none;font-size:inherit}
.catalog-v3 .record-bottom [data-queue-path] {display:none}
.catalog-v3:has(.archive-options[open]) .record-bottom [data-queue-path] {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;border:0;border-radius:3px;background:var(--surface);color:var(--ink)}
.catalog-v3 .archive-fallback>p {margin:0 0 24px;font-size:13px;color:var(--muted)}
.catalog-v3 .archive-fallback .editorial-arrow {width:13px;height:13px;vertical-align:middle}
@media(max-width:600px) {
  .catalog-v3 .catalog-heading-v3 {grid-template-columns:minmax(0,1fr) 100px;gap:20px;margin-bottom:28px}
  .catalog-v3 .catalog-heading-v3 h1 {margin-bottom:0}
  .catalog-v3 .archive-discovery {display:flex;flex-wrap:wrap;gap:8px}
  .catalog-v3 .archive-group {gap:8px}
  .catalog-v3 .archive-group button {padding-inline:12px}
  .catalog-v3 .archive-search {flex-basis:100%;flex-grow:1}
  .catalog-v3 .archive-controls {grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:20px}
  .catalog-v3 .archive-options {grid-area:auto}
  .catalog-v3 .archive-toolbar {grid-area:auto}
  .catalog-v3 .archive-filters {display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  .catalog-v3 .archive-filters label {justify-content:space-between}
  .catalog-v3 .archive-filters select {max-width:65%;font-size:16px}
  .catalog-v3 .archive-toolbar {gap:12px}
  .catalog-v3 .archive-toolbar .archive-queue-link {margin-left:auto}
  .catalog-v3 .archive-results[data-mode=grid] {grid-template-columns:minmax(0,1fr)}
  .catalog-v3 .archive-results[data-mode=list] {gap:28px}
  .catalog-v3 .archive-results:is([data-mode=list],[data-mode=grid]) h2 {font-size:20px}
  .catalog-v3 .archive-results:is([data-mode=list],[data-mode=grid]) p {font-size:15px}
  .catalog-v3 .archive-results:is([data-mode=list],[data-mode=grid]) .record-bottom {margin-left:12px}
}

/* Hot100: the collection is a compact index, with native mobile navigation. */
.series-page .series-header {position:relative;padding:0 0 20px;margin:0 0 12px;border-bottom:1px solid var(--line)}
.series-page .series-topline {display:flex;align-items:center;justify-content:space-between;gap:16px}
.series-page .series-topline>.eyebrow {font-size:10px;letter-spacing:.1em}
.series-page .series-topline>a {display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--text);white-space:nowrap}
.series-page .series-header h1 {font:600 clamp(72px,7.5vw,96px)/1 var(--condensed);letter-spacing:-.025em;margin:8px 0 14px;color:var(--ink)}
.series-page .series-header h1>span,.series-page .series-header h1>i {color:var(--yellow);font:inherit;margin:0}
.series-page .series-header p {margin:0;font-family:var(--chinese);font-size:14px;line-height:1.8;letter-spacing:0;color:var(--muted)}
.series-page .series-header .series-status-note {font-size:14px}
.series-page .series-intro {margin:0 0 24px;padding:0 0 10px;border-bottom:1px solid var(--line);color:var(--muted)}
.series-page .series-intro>summary {display:list-item;cursor:pointer;min-height:44px;padding:11px 0;font-family:var(--chinese);font-size:14px;line-height:1.8}
.series-page .series-intro .article-body {max-width:760px;padding:12px 0 16px}
.series-page .series-intro .article-body font {color:inherit}
.series-page .series-layout {display:grid;grid-template-columns:148px minmax(0,1fr);gap:40px}
.series-page .series-topics {position:sticky;top:90px;align-self:start;max-height:calc(100svh - 120px);overflow:auto;padding-right:10px;scrollbar-width:thin}
.series-page .series-topics>.eyebrow {display:block;font-size:10px;margin-bottom:8px}
.series-page .series-topics>a,.series-page .series-mobile-topics>a {display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:8px 0;font:13px/1.5 var(--chinese);color:var(--text)}
.series-page .series-topics>a:hover,.series-page .series-mobile-topics>a:hover {color:var(--yellow)}
.series-page .series-topics small,.series-page .series-mobile-topics small {font-family:var(--sans);font-size:13px;color:var(--muted)}
.series-page .series-topic-disclosure {display:none}
.series-page .series-group {scroll-margin-top:0px;margin-bottom:36px}
.series-page .series-group h2 {font:500 23px/1.4 var(--chinese);margin:0 0 12px;display:flex;gap:14px;align-items:center}
.series-page .series-group h2>span {font-family:var(--sans);font-size:13px;color:var(--yellow)}
.series-page .series-track {display:grid;grid-template-columns:35px minmax(0,1fr) 32px 18px;gap:17px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center;min-height:72px}
.series-page .series-track strong {font:400 16px/1.5 var(--chinese);overflow-wrap:anywhere}
.series-page .series-track .track-number {font-family:var(--sans);font-size:13px;color:var(--muted)}
.series-page .series-track small {font-size:13px;color:var(--muted)}
.series-page .series-track:hover strong {color:var(--yellow)}
.series-page .series-track-copy {display:flex;flex-direction:column;gap:6px;min-width:0}
.series-page .series-track-state {display:flex;flex-wrap:wrap;gap:4px 13px;color:var(--muted);font-size:13px;line-height:1.7}
.series-page .series-track-state>span:first-child {color:var(--text)}
.series-page .series-track>.editorial-arrow {width:16px;height:16px;color:var(--yellow)}
.series-page :is(a,summary):focus-visible {outline:2px solid var(--yellow);outline-offset:4px}
@media(max-width:640px) {
  .series-page .series-header {padding-bottom:14px;margin-bottom:8px}
  .series-page .series-topline {gap:10px}
  .series-page .series-topline>.eyebrow {font-size:9px;letter-spacing:.06em}
  .series-page .series-header h1 {font-size:clamp(56px,15vw,64px);margin:4px 0 10px}
  .series-page .series-header p {font-size:14px;line-height:1.75;max-width:none}
  .series-page .series-header .series-status-note {font-size:14px;line-height:1.75}
  .series-page .series-intro {margin-bottom:12px;padding-bottom:6px}
  .series-page .series-layout {display:block}
  .series-page .series-topics {display:none}
  .series-page .series-topic-disclosure {display:block;margin:0 0 20px;border-bottom:1px solid var(--line)}
  .series-page .series-topic-disclosure>summary {display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 0;list-style:none;cursor:pointer;font:13px/1.6 var(--chinese)}
  .series-page .series-topic-disclosure>summary::-webkit-details-marker {display:none}
  .series-page .series-topic-disclosure>summary>span {margin-left:auto;font-size:13px;color:var(--muted)}
  .series-page .series-topic-disclosure>summary:after {content:'+';font:20px var(--sans);color:var(--yellow)}
  .series-page .series-topic-disclosure[open]>summary:after {content:'−'}
  .series-page .series-mobile-topics {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:8px 0 12px}
  .series-page .series-group h2 {font-size:21px;margin-bottom:8px}
  .series-page .series-track {grid-template-columns:28px minmax(0,1fr) 30px 16px;gap:10px;padding-block:14px}
  .series-page .series-track strong {font-size:15px}
  .series-page .series-track small {font-size:13px}
}
.reading-page .exercise-readiness {border:0;padding:0;margin:0 0 12px;font-size:13px;line-height:1.6;color:var(--text)}
.reading-page .exercise-readiness strong {font-weight:500;color:var(--text)}
.reading-page .exercise-readiness p {margin:4px 0 0}
@media(max-width:600px){
}
@media print { .reading-page .exercise-readiness {break-inside:avoid} }

/* Hot100 filtering remains an optional, compact layer above the native index. */
.series-page .series-filter {display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 24px}
.series-page .series-filter-search {flex:1 1 280px;min-width:0}
.series-page .series-filter-search input {display:block;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:0;border-radius:4px;background:var(--surface);color:var(--ink);font-family:var(--chinese);font-size:16px;line-height:1.5}
.series-page .series-filter-search input::placeholder {color:var(--muted);opacity:1}
.series-page .series-filter-difficulty select {min-height:44px;max-width:100%;padding:8px 28px 8px 12px;border:0;border-radius:4px;background:var(--surface);color:var(--ink);font:14px/1.5 var(--chinese)}
.series-page .series-filter-code {display:flex;align-items:center;gap:8px;min-height:44px;color:var(--text);font-family:var(--chinese);font-size:14px;line-height:1.5;cursor:pointer;white-space:nowrap}
.series-page .series-filter-code input {width:18px;height:18px;margin:0;accent-color:var(--ink)}
.series-page .series-filter-feedback {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-basis:100%;font-family:var(--chinese);font-size:13px;line-height:1.6;color:var(--muted)}
.series-page .series-filter-feedback button {min-height:44px;padding:8px 0;border:0;background:none;color:var(--text);font-family:var(--chinese);font-size:13px;line-height:1.6;cursor:pointer}
.series-page .series-filter-feedback button:hover {color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.series-page .series-filter :is(input,select,button):focus-visible {outline:2px solid var(--ink);outline-offset:3px}
.series-page .series-filter-empty {margin:8px 0 28px;color:var(--text);font-family:var(--chinese);font-size:14px;line-height:1.8}
@media(max-width:640px) {
 .series-page .series-filter {gap:4px 20px;margin-bottom:16px}
 .series-page .series-filter-search {flex-basis:100%}
 .series-page .series-filter-difficulty select {font-size:16px}
 .series-page .series-track {grid-template-columns:28px minmax(0,1fr) 32px 16px}
}

/* Grid and flex declarations must not override the native hidden state. */
.series-page [hidden] {display:none!important}