.wsh-oscar-records-active { background:#07090b; }
.wsh-oscar-page { --gold:#f4b400; --gold-2:#ffd86b; --ink:#07090b; --panel:#101316; --panel-2:#15191d; --line:rgba(244,180,0,.22); --muted:#aab1b8; color:#f5f6f7; background:radial-gradient(circle at 80% 10%,rgba(244,180,0,.08),transparent 24%),#07090b; overflow:hidden; }
.wsh-oscar-page a { color:inherit; }
.wsh-oscar-hero { min-height:min(760px,78vh); position:relative; display:flex; align-items:center; background:#07090b; border-bottom:1px solid var(--line); isolation:isolate; overflow:hidden; }
.wsh-oscar-hero__media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-2; }
.wsh-oscar-hero__overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,5,7,.97) 0%,rgba(3,5,7,.9) 27%,rgba(3,5,7,.25) 66%,rgba(3,5,7,.1) 100%),linear-gradient(0deg,#07090b 0%,transparent 35%); z-index:-1; }
.wsh-oscar-hero__content { position:relative; padding-top:80px; padding-bottom:80px; }
.wsh-oscar-eyebrow,.wsh-oscar-kicker { color:var(--gold-2); font-weight:800; letter-spacing:.08em; margin:0 0 12px; }
.wsh-oscar-hero h1 { max-width:690px; margin:0; font-size:clamp(38px,5.3vw,76px); line-height:1.18; letter-spacing:-.035em; text-shadow:0 8px 30px rgba(0,0,0,.65); }
.wsh-oscar-hero__lead { max-width:610px; margin:22px 0 0; color:#d5d9dc; font-size:clamp(17px,1.7vw,23px); line-height:1.9; }
.wsh-oscar-hero__facts { display:flex; flex-wrap:wrap; gap:10px; margin:28px 0; }
.wsh-oscar-hero__facts span { padding:10px 16px; border:1px solid var(--line); border-radius:999px; background:rgba(8,10,12,.72); color:#e5e7e9; font-size:14px; backdrop-filter:blur(8px); }
.wsh-oscar-button { display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 28px; color:#08090a!important; background:linear-gradient(135deg,#ffe89b,#f4b400 65%,#b56a00); border-radius:14px; font-weight:900; box-shadow:0 14px 40px rgba(244,180,0,.23); text-decoration:none; transition:.25s ease; }
.wsh-oscar-button:hover { transform:translateY(-3px); box-shadow:0 18px 52px rgba(244,180,0,.34); }
.wsh-oscar-hero__record { margin-top:34px; display:flex; gap:14px; align-items:center; width:max-content; padding:13px 18px; border-right:3px solid var(--gold); background:linear-gradient(90deg,rgba(244,180,0,.12),transparent); }
.wsh-oscar-hero__record strong { color:var(--gold-2); font-size:46px; line-height:1; }
.wsh-oscar-hero__record span { color:#d8dadd; line-height:1.7; }
.wsh-oscar-layout { display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:34px; align-items:start; padding-top:70px; padding-bottom:90px; }
.wsh-oscar-article { min-width:0; }
.wsh-oscar-toc { grid-column:2; grid-row:1; position:sticky; top:96px; }
.wsh-oscar-toc__box { padding:20px; background:linear-gradient(180deg,rgba(21,25,29,.98),rgba(12,15,18,.98)); border:1px solid var(--line); border-radius:18px; box-shadow:0 18px 55px rgba(0,0,0,.22); }
.wsh-oscar-toc__box p { margin:0 0 13px; color:var(--gold-2); font-weight:900; }
.wsh-oscar-toc__box a { display:block; padding:9px 11px; margin:3px 0; border-radius:9px; color:#bac0c5; font-size:14px; text-decoration:none; transition:.2s ease; }
.wsh-oscar-toc__box a:hover,.wsh-oscar-toc__box a.is-active { background:rgba(244,180,0,.1); color:#fff; transform:translateX(-3px); }
.wsh-oscar-intro,.wsh-oscar-section { padding:30px; background:linear-gradient(180deg,rgba(18,21,25,.94),rgba(11,14,17,.95)); border:1px solid rgba(255,255,255,.07); border-radius:22px; box-shadow:0 22px 70px rgba(0,0,0,.17); }
.wsh-oscar-intro { margin-bottom:34px; }
.wsh-oscar-intro h2,.wsh-oscar-heading h2 { margin:0; color:#fff; font-size:clamp(25px,3vw,39px); line-height:1.45; }
.wsh-oscar-intro p,.wsh-oscar-section>p,.wsh-film-copy>p { color:#c7ccd1; line-height:2.05; font-size:16px; }
.wsh-oscar-intro a,.wsh-film-copy a { color:var(--gold-2); text-decoration:underline; text-decoration-color:rgba(244,180,0,.4); text-underline-offset:5px; }
.wsh-oscar-section { margin:34px 0; scroll-margin-top:100px; }
.wsh-oscar-heading { margin-bottom:22px; }
.wsh-oscar-heading>span { display:block; margin-bottom:8px; color:var(--gold); font-size:13px; font-weight:900; letter-spacing:.08em; }
.wsh-oscar-table-wrap { overflow:auto; border:1px solid rgba(255,255,255,.07); border-radius:16px; }
.wsh-oscar-table { width:100%; border-collapse:collapse; min-width:680px; background:#0c0f12; }
.wsh-oscar-table th,.wsh-oscar-table td { padding:15px 17px; text-align:right; border-bottom:1px solid rgba(255,255,255,.06); }
.wsh-oscar-table th { color:#111; background:linear-gradient(135deg,#ffde75,#e7a700); font-weight:900; }
.wsh-oscar-table td { color:#cdd1d5; }
.wsh-oscar-table tbody tr:hover { background:rgba(244,180,0,.055); }
.wsh-oscar-table td strong,.wsh-oscar-table td a { color:var(--gold-2); font-weight:900; text-decoration:none; }
.wsh-oscar-anchor { height:1px; scroll-margin-top:95px; }
.wsh-film-block { position:relative; margin:42px 0; padding:31px; border-radius:26px; background:linear-gradient(145deg,#15191d,#0c0f12 58%); border:1px solid rgba(244,180,0,.18); box-shadow:0 28px 80px rgba(0,0,0,.25); overflow:hidden; scroll-margin-top:95px; }
.wsh-film-block::before { content:""; position:absolute; inset:0 auto 0 0; width:6px; background:linear-gradient(180deg,#fff0a9,#f4b400,#8c5000); }
.wsh-film-block::after { content:""; position:absolute; width:230px; height:230px; border-radius:50%; left:-90px; top:-120px; background:rgba(244,180,0,.055); filter:blur(2px); pointer-events:none; }
.wsh-film-block__header { position:relative; display:grid; grid-template-columns:62px minmax(0,1fr) auto; align-items:center; gap:16px; z-index:1; }
.wsh-film-rank { width:62px; height:62px; border-radius:17px; background:linear-gradient(145deg,#ffd96f,#a86100); color:#090a0b; display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 12px 30px rgba(244,180,0,.16); }
.wsh-film-rank span { font-size:10px; font-weight:800; }
.wsh-film-rank strong { font-size:25px; line-height:1; }
.wsh-film-year { margin:0 0 4px; color:#aeb4ba; font-size:13px; }
.wsh-film-block__header h2 { margin:0; font-size:clamp(25px,3vw,39px); line-height:1.35; color:#fff; }
.wsh-film-block__header h2 small { display:block; margin-top:5px; color:#8f969d; font-size:14px; font-weight:500; direction:ltr; text-align:right; }
.wsh-film-medal { align-self:start; padding:9px 13px; border:1px solid var(--line); border-radius:999px; background:rgba(244,180,0,.09); color:var(--gold-2); font-size:12px; font-weight:900; }
.wsh-ratings { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:24px 0; padding:9px; border:1px solid rgba(255,255,255,.07); border-radius:17px; background:#090c0e; }
.wsh-rating { position:relative; min-height:86px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:12px; text-decoration:none; background:#12161a; border:1px solid rgba(255,255,255,.06); transition:.2s ease; }
a.wsh-rating:hover { transform:translateY(-2px); border-color:rgba(244,180,0,.35); }
.wsh-rating span { font-weight:900; font-size:12px; letter-spacing:.05em; }
.wsh-rating strong { margin:4px 0 2px; color:#fff; font-size:24px; line-height:1; }
.wsh-rating small { color:#8f969d; font-size:11px; }
.wsh-rating--imdb span { color:#f5c518; }.wsh-rating--rt span { color:#fa3d39; }.wsh-rating--meta span { color:#68d26f; }.wsh-rating--wideshot span { color:var(--gold-2); }
.wsh-film-block__grid { display:grid; grid-template-columns:minmax(0,1fr) 245px; gap:24px; align-items:stretch; }
.wsh-film-copy { min-width:0; }
.wsh-film-copy>p { margin-top:0; }
.wsh-film-info { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
.wsh-film-info span { padding:7px 11px; border-radius:9px; color:#aeb4ba; background:#0a0d10; border:1px solid rgba(255,255,255,.06); font-size:12px; }
.wsh-wideshot-pick { padding:17px 18px; border-right:3px solid var(--gold); border-radius:12px; background:linear-gradient(90deg,rgba(244,180,0,.11),rgba(244,180,0,.02)); }
.wsh-wideshot-pick span { color:var(--gold-2); font-size:12px; font-weight:900; }
.wsh-wideshot-pick p { margin:7px 0 0; color:#e0e3e6; line-height:1.9; }
.wsh-oscar-stat { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:22px; border-radius:20px; border:1px solid rgba(244,180,0,.2); background:radial-gradient(circle at 50% 0,rgba(244,180,0,.16),transparent 45%),#0a0d10; text-align:center; }
.wsh-trophy { width:60px; color:var(--gold-2); filter:drop-shadow(0 9px 16px rgba(244,180,0,.22)); }
.wsh-oscar-stat>p { margin:8px 0 15px; color:#bfc4c8; font-weight:800; }
.wsh-oscar-stat__numbers { display:grid; grid-template-columns:1fr 1fr; gap:10px; width:100%; }
.wsh-oscar-stat__numbers>div { padding:12px 8px; border-radius:12px; background:#12161a; }
.wsh-oscar-stat__numbers strong { display:block; font-size:32px; }
.wsh-oscar-stat__numbers span { color:#92999f; font-size:12px; }
.wsh-oscar-stat__numbers .is-gold strong { color:var(--gold-2); }
.wsh-success { width:100%; height:7px; margin:17px 0 8px; border-radius:20px; background:#22282d; overflow:hidden; direction:ltr; }
.wsh-success span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#b56a00,#f4b400,#ffe88c); }
.wsh-oscar-stat small { color:#9ea5ab; }
.wsh-oscar-stat em { margin-top:12px; color:#d8c58f; font-size:11px; line-height:1.6; font-style:normal; }
.wsh-oscar-stat>a { margin-top:13px; color:var(--gold-2); font-size:12px; text-decoration:none; }
.wsh-awards-list { margin-top:22px; border-top:1px solid rgba(255,255,255,.07); }
.wsh-awards-list summary { padding:18px 0 5px; color:#e7e9eb; cursor:pointer; font-weight:800; list-style:none; }
.wsh-awards-list summary::-webkit-details-marker { display:none; }
.wsh-awards-list summary span { float:left; color:var(--gold); font-size:23px; }
.wsh-awards-list[open] summary span { transform:rotate(45deg); }
.wsh-awards-list>div { display:flex; flex-wrap:wrap; gap:8px; padding-top:14px; }
.wsh-awards-list>div span { padding:8px 11px; border-radius:10px; background:rgba(244,180,0,.08); color:#e6d5a2; border:1px solid rgba(244,180,0,.14); font-size:12px; }
.wsh-comparison__grid { display:grid; gap:15px; margin-top:25px; }
.wsh-comparison__grid>div { padding:15px 17px; background:#0a0d10; border-radius:14px; border:1px solid rgba(255,255,255,.06); }
.wsh-comparison__grid header { display:flex; justify-content:space-between; gap:15px; margin-bottom:9px; }
.wsh-comparison__grid header span { color:var(--gold-2); font-weight:900; }
.wsh-comparison__grid>div>div { height:9px; background:#242a2f; border-radius:20px; overflow:hidden; direction:ltr; }
.wsh-comparison__grid i { display:block; height:100%; background:linear-gradient(90deg,#9c5900,#f4b400,#ffedab); border-radius:inherit; }
.wsh-comparison__grid small { display:block; margin-top:7px; color:#92999f; }
.wsh-oscar-poll { text-align:center; background:radial-gradient(circle at 50% 0,rgba(244,180,0,.12),transparent 48%),#101316; }
.wsh-oscar-poll__buttons { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.wsh-oscar-poll button { min-height:52px; border-radius:13px; border:1px solid var(--line); color:#eef0f2; background:#0b0e11; font-family:inherit; font-weight:900; cursor:pointer; transition:.2s ease; }
.wsh-oscar-poll button:hover,.wsh-oscar-poll button.is-selected { color:#08090a; background:linear-gradient(135deg,#ffe68c,#e9a900); transform:translateY(-2px); }
.wsh-oscar-poll>p { margin-bottom:0; color:#92999f; font-size:13px; }
.wsh-related-reading { margin:42px 0; }
.wsh-related-reading>div:last-child { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.wsh-related-reading a { min-height:145px; display:flex; flex-direction:column; justify-content:flex-end; padding:19px; border-radius:18px; text-decoration:none; background:linear-gradient(145deg,rgba(244,180,0,.13),transparent 50%),#111519; border:1px solid rgba(244,180,0,.14); transition:.2s ease; }
.wsh-related-reading a:hover { transform:translateY(-4px); border-color:rgba(244,180,0,.4); }
.wsh-related-reading strong { color:#fff; line-height:1.6; }
.wsh-related-reading span { margin-top:7px; color:#9fa6ac; font-size:12px; line-height:1.7; }
.wsh-faq details { margin:10px 0; border:1px solid rgba(255,255,255,.07); border-radius:13px; background:#0b0e11; }
.wsh-faq summary { padding:16px 18px; cursor:pointer; color:#eef0f2; font-weight:800; }
.wsh-faq details p { margin:0; padding:0 18px 18px; color:#adb3b9; line-height:1.9; }
.wsh-oscar-sources { padding:18px 20px; border-radius:14px; color:#92999f; background:#0a0d10; border:1px solid rgba(255,255,255,.06); font-size:12px; line-height:1.9; }

@media (max-width:1050px) {
  .wsh-oscar-layout { grid-template-columns:1fr; }
  .wsh-oscar-toc { grid-column:auto; grid-row:auto; position:relative; top:auto; }
  .wsh-oscar-toc__box { display:flex; gap:5px; overflow:auto; white-space:nowrap; }
  .wsh-oscar-toc__box p { display:none; }
  .wsh-oscar-toc__box a { flex:0 0 auto; }
}
@media (max-width:780px) {
  .wsh-oscar-hero { min-height:0; display:block; overflow:visible; }
  .wsh-oscar-hero__media { position:relative; inset:auto; display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; object-position:center; z-index:auto; background:#050607; }
  .wsh-oscar-hero__overlay { display:none; }
  .wsh-oscar-hero__content { padding-top:32px; padding-bottom:52px; align-self:auto; }
  .wsh-oscar-hero h1 { font-size:40px; max-width:520px; }
  .wsh-oscar-layout { padding-top:32px; gap:20px; }
  .wsh-oscar-intro,.wsh-oscar-section,.wsh-film-block { padding:21px; border-radius:18px; }
  .wsh-film-block__header { grid-template-columns:54px minmax(0,1fr); }
  .wsh-film-rank { width:54px; height:54px; }
  .wsh-film-medal { grid-column:1/-1; width:max-content; }
  .wsh-ratings { grid-template-columns:repeat(2,1fr); }
  .wsh-film-block__grid { grid-template-columns:1fr; }
  .wsh-oscar-stat { min-height:280px; }
  .wsh-related-reading>div:last-child { grid-template-columns:1fr; }
}
@media (max-width:520px) {
  .wsh-oscar-hero__content { padding-top:25px; padding-bottom:42px; }
  .wsh-oscar-hero h1 { font-size:34px; line-height:1.28; }
  .wsh-oscar-hero__lead { font-size:16px; }
  .wsh-oscar-hero__facts span { font-size:12px; padding:8px 10px; }
  .wsh-oscar-hero__record strong { font-size:38px; }
  .wsh-oscar-layout { padding-left:14px; padding-right:14px; }
  .wsh-oscar-intro,.wsh-oscar-section,.wsh-film-block { padding:18px 15px; }
  .wsh-film-block { margin:28px 0; }
  .wsh-film-block__header h2 { font-size:24px; }
  .wsh-ratings { gap:7px; padding:7px; }
  .wsh-rating { min-height:78px; }
  .wsh-oscar-poll__buttons { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
  .wsh-oscar-page * { scroll-behavior:auto!important; transition:none!important; }
}
.wsh-oscar-hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.wsh-oscar-hero__actions .wsh-save-button { min-height:54px; padding:0 20px; border-radius:14px; border:1px solid rgba(244,180,0,.3); background:rgba(8,10,12,.82); color:#fff; font-family:inherit; font-weight:900; backdrop-filter:blur(9px); }
.wsh-oscar-hero__actions .wsh-save-button.is-saved { color:#08090a; background:#f4b400; }
.wsh-oscar-hero__actions .wsh-save-button__icon { width:20px; }
@media (max-width:520px) { .wsh-oscar-hero__actions { align-items:stretch; } .wsh-oscar-hero__actions>* { flex:1 1 100%; } }

/* 3.2.11 — hard mobile width containment.
   The horizontal table of contents must scroll inside itself and must never
   enlarge the one-column grid or the document viewport. */
html:has(.wsh-oscar-page),
body.wsh-oscar-records-active {
  max-width:100%;
  overflow-x:hidden;
  overflow-x:clip;
}
.wsh-oscar-page,
.wsh-oscar-page *,
.wsh-oscar-page *::before,
.wsh-oscar-page *::after {
  box-sizing:border-box;
}
.wsh-oscar-page,
.wsh-oscar-hero,
.wsh-oscar-layout,
.wsh-oscar-article,
.wsh-oscar-toc,
.wsh-oscar-toc__box,
.wsh-oscar-intro,
.wsh-oscar-section,
.wsh-film-block,
.wsh-film-block__header,
.wsh-ratings,
.wsh-film-block__grid,
.wsh-film-copy,
.wsh-oscar-stat,
.wsh-related-reading,
.wsh-related-reading > div,
.wsh-oscar-table-wrap {
  min-width:0;
  max-width:100%;
}
.wsh-oscar-page img,
.wsh-oscar-page svg,
.wsh-oscar-page video,
.wsh-oscar-page iframe {
  max-width:100%;
}

@media (max-width:1050px) {
  .wsh-oscar-layout {
    grid-template-columns:minmax(0,1fr);
    width:calc(100% - 32px);
  }
  .wsh-oscar-toc {
    width:100%;
    overflow:hidden;
  }
  .wsh-oscar-toc__box {
    display:flex;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  .wsh-oscar-toc__box a {
    flex:0 0 auto;
    max-width:none;
  }
}

@media (max-width:780px) {
  .wsh-oscar-page {
    width:100%;
    overflow-x:hidden;
    overflow-x:clip;
  }
  .wsh-oscar-layout {
    width:calc(100% - 22px);
    margin-inline:auto;
    padding-inline:0;
  }
  .wsh-oscar-hero__content {
    width:calc(100% - 22px);
    margin-inline:auto;
  }
  .wsh-oscar-intro,
  .wsh-oscar-section,
  .wsh-film-block,
  .wsh-related-reading,
  .wsh-oscar-sources {
    width:100%;
    margin-inline:0;
  }
  .wsh-oscar-intro h2,
  .wsh-oscar-heading h2,
  .wsh-film-block__header h2,
  .wsh-oscar-intro p,
  .wsh-oscar-section > p,
  .wsh-film-copy > p,
  .wsh-wideshot-pick p,
  .wsh-faq summary,
  .wsh-faq details p,
  .wsh-related-reading strong,
  .wsh-related-reading span {
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .wsh-oscar-table-wrap {
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
  }
  .wsh-film-block__header > div:nth-child(2) {
    min-width:0;
  }
  .wsh-ratings {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .wsh-rating {
    min-width:0;
  }
  .wsh-rating span,
  .wsh-rating strong,
  .wsh-rating small {
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .wsh-film-block__grid,
  .wsh-related-reading > div:last-child {
    grid-template-columns:minmax(0,1fr);
  }
}

@media (max-width:520px) {
  .wsh-oscar-layout,
  .wsh-oscar-hero__content {
    width:calc(100% - 20px);
  }
  .wsh-oscar-intro,
  .wsh-oscar-section,
  .wsh-film-block {
    padding:18px 15px;
  }
  .wsh-oscar-intro h2,
  .wsh-oscar-heading h2 {
    font-size:clamp(23px,7vw,30px);
    line-height:1.55;
  }
  .wsh-film-block__header {
    grid-template-columns:48px minmax(0,1fr);
    gap:11px;
  }
  .wsh-film-rank {
    width:48px;
    height:48px;
    border-radius:14px;
  }
  .wsh-film-block__header h2 {
    font-size:22px;
    line-height:1.5;
  }
  .wsh-film-block__header h2 small {
    font-size:12px;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .wsh-film-medal {
    max-width:100%;
    white-space:normal;
  }
  .wsh-oscar-table th,
  .wsh-oscar-table td {
    padding:12px 13px;
  }
}