:root {
  --md-primary-fg-color: #171918;
  --md-accent-fg-color: #edcb76;
  --md-text-font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --md-code-font: ui-monospace, SFMono-Regular, Consolas, monospace;
}
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #171918;
  --md-default-fg-color: #eee9dc;
  --md-default-fg-color--light: #c3c1b8;
  --md-default-fg-color--lighter: #93978e;
  --md-default-fg-color--lightest: #343a34;
  --md-typeset-color: #deddd4;
  --md-typeset-a-color: #edcb76;
  --md-code-bg-color: #222722;
  --md-footer-bg-color: #111412;
  --md-footer-bg-color--dark: #111412;
}
html { scroll-behavior: smooth; }
.md-grid { max-width: 76rem; }
.md-header { box-shadow: none; border-bottom: 1px solid #343a34; }
.md-header__title { font-weight: 750; letter-spacing: -.035em; }
.md-header__button.md-logo img { width: 1.6rem; height: 1.6rem; }
.md-banner { background: #222822; color: #c5c9bd; font-size: .64rem; }
.md-banner__inner { padding: .45rem .75rem; margin: 0 auto; }
.preview-dot { display: inline-block; background: #edcb76; width: .3rem; height: .3rem; border-radius: 50%; margin-right: .35rem; vertical-align: middle; }
.md-main__inner { margin-top: 1.8rem; }
.md-typeset { font-size: .84rem; line-height: 1.8; }
.md-typeset h1, .md-typeset h2, .md-typeset h3 { color: #f3efdf; }
.md-typeset h1 { font-family: Georgia, "Times New Roman", serif; font-size: 2.4rem; line-height: 1.16; letter-spacing: -.045em; font-weight: 500; margin: .8rem 0 .6rem; }
.md-typeset h2 { font-size: 1.18rem; font-weight: 650; letter-spacing: -.025em; margin: 2rem 0 .6rem; }
.md-typeset h3 { font-size: 1rem; }
.md-typeset h1 + p { color: #e3c679; font-size: 1rem; }
.md-typeset h1 + p + p { font-size: .7rem; color: #a9afa2; border-bottom: 1px solid #343a34; padding-bottom: 1.25rem; margin-bottom: 1.5rem; }
.review-kicker { color: #a6b29e; font-size: .61rem; font-weight: 700; letter-spacing: .17em; }
.review-kicker span { color: #62705d; padding: 0 .3rem; }
.review-labels { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem; margin-top: .8rem; }
.verdict-badge { display: inline-block; font-size: .59rem; line-height: 1.45; font-weight: 600; padding: .25rem .45rem; border-radius: .2rem; color: #cdddbe; background: #293527; white-space: nowrap; }
.verdict-badge small { font-size: inherit; opacity: .75; font-weight: 400; }
.verdict-for_the_curious { color: #e5d29e; background: #383324; }
.verdict-watch_with_caveats { color: #e1c3af; background: #3a2e28; }
.coming-soon { color: #c2c8c0; background: #343c34; }
.reading-note { color: #a8aea1; font-size: .65rem; }
.md-typeset details { border: 1px solid #4c4b38; background: #1d211c; box-shadow: none; border-radius: .3rem; font-size: inherit; margin: 1.5rem 0; }
.md-typeset details > summary { background: #2b3025; color: #edcb76; padding: .8rem 1rem .8rem 2.3rem; font-size: .75rem; font-weight: 650; cursor: pointer; }
.md-typeset details > summary::before { top: .8rem; background-color: #edcb76; }
.md-typeset details[open] { padding-bottom: .5rem; }
.md-typeset details[open] > summary { margin-bottom: 1rem; border-bottom: 1px solid #444a3e; }
.md-typeset details :last-child { margin-bottom: .7rem; }
.md-typeset details :is(h2,h3) { scroll-margin-top: 5rem; }
.md-typeset a:focus-visible, summary:focus-visible { outline: 2px solid #edcb76; outline-offset: 4px; }
.md-nav { font-size: .68rem; }
.md-nav__title { color: #b4bca9; }
.md-nav__link--active { color: #edcb76; }
.md-nav__link { line-height: 1.6; }
.md-sidebar--primary { width: 11rem; }
.md-sidebar--secondary { width: 10rem; }
.collection-hero { padding: .5rem 0 1.6rem; }
.md-typeset .collection-hero h1 { font-size: clamp(2.8rem, 4.7vw, 4.3rem); line-height: 1.05; letter-spacing: -.065em; margin: 1.1rem 0 1.3rem; }
.collection-hero h1 em { font-weight: 400; color: #edcb76; }
.collection-hero > p { max-width: 30rem; color: #bfc5b8; font-size: .9rem; line-height: 1.7; }
.collection-hero > .collection-featured { font-size: .75rem; }
.hero-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .7rem; border-top: 1px solid #42483c; padding-top: 1.4rem; margin-top: 2rem; color: #9ba691; font-size: .58rem; letter-spacing: .08em; }
.hero-footer span:last-child { letter-spacing: 0; color: #c2c5b8; }
.collection-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.collection-controls { display: flex; gap: .8rem; align-items: end; flex-wrap: wrap; margin: 0 0 1.3rem; scroll-margin-top: 5rem; }
.collection-controls[hidden], .collection-pagination[hidden], .film-card[hidden] { display: none !important; }
.collection-field { display: flex; flex-direction: column; gap: .3rem; flex: 1 1 12rem; }
.collection-field label { color: #bfc5b8; font-size: .65rem; }
.collection-field input, .collection-field select { background: #222822; color: #eee9dc; border: 1px solid #51594a; border-radius: .25rem; padding: .6rem .7rem; font: inherit; width: 100%; }
.collection-controls output { font-size: .65rem; color: #bfc5b8; padding-bottom: .6rem; }
.collection-pagination { display: flex; justify-content: center; gap: 1rem; align-items: center; margin: 1.5rem 0; font-size: .7rem; }
.collection-pagination button { background: #293527; border: 1px solid #51594a; border-radius: .25rem; color: #edcb76; padding: .5rem .8rem; cursor: pointer; }
.collection-pagination button:disabled { opacity: .4; cursor: default; }
.collection-field :is(input, select):focus-visible, .collection-pagination button:focus-visible { outline: 2px solid #edcb76; outline-offset: 3px; }
.md-typeset .film-card { display: flex; flex-direction: column; background: #20251f; border: 1px solid #3a4235; color: inherit; border-radius: .35rem; padding: 1.15rem; transition: border-color .15s ease, background .15s ease; text-decoration: none; }
.md-typeset .film-card:hover { border-color: #a38d53; background: #252b23; }
.film-card-top { display: flex; justify-content: space-between; color: #aab59e; font-size: .56rem; letter-spacing: .08em; }
.md-typeset .film-card h2 { font-family: Georgia, "Times New Roman", serif; font-size: 1.6rem; font-weight: 400; line-height: 1.15; margin: 1.1rem 0 .2rem; letter-spacing: -.045em; overflow-wrap: anywhere; }
.md-typeset .film-card .film-director { margin: .15rem 0 .8rem; color: #a9b39e; font-size: .65rem; }
.md-typeset .film-card .film-aliases { margin: .15rem 0; color: #d0c498; font-size: .68rem; }
.md-typeset .film-card .film-description { margin: 0 0 1.2rem; font-size: .74rem; line-height: 1.65; color: #ccd0c4; flex: 1; }
.film-card-bottom { display: flex; justify-content: space-between; align-items: center; gap: .35rem; border-top: 1px solid #3a4235; padding-top: .85rem; color: #edcb76; }
.collection-note { color: #a4ae99; font-size: .65rem; line-height: 1.7; margin-top: 1.6rem !important; }
@media (min-width: 76.25em) { .md-content { max-width: 45rem; margin-left: auto; margin-right: auto; } }
@media (max-width: 44em) {
  .collection-grid { grid-template-columns: 1fr; }
  .preview-note { display: none; }
  .md-typeset h1 { font-size: 2rem; }
  .md-typeset .collection-hero h1 { font-size: 3rem; }
  .md-main__inner { margin-top: 1rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .film-card { transition: none !important; } }