/* B88 × Wolves: stadium light, old gold and a clear editorial centre. */
.wolves-page { --wolves-gold: #fdb913; --wolves-paper: #f6f5ee; --wolves-muted: #b7bbb7; background: #101314; }
.wolves-page main { padding-top: 108px; }
.wolves-topline { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 22px; }
.wolves-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; font-size: 14px; color: var(--wolves-muted); }
.wolves-breadcrumb a { color: var(--wolves-paper); text-decoration: underline; text-underline-offset: 4px; }
.wolves-page .wolves-eyebrow { margin: 0 0 22px; color: var(--b88-yellow); font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.wolves-hero { position: relative; isolation: isolate; overflow: hidden; background: #050706; }
.wolves-hero__art { position: absolute; inset: 0; z-index: -2; }
.wolves-hero__art img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 75% center; }
.wolves-hero::before { position: absolute; inset: 0; z-index: -1; content: ""; background: linear-gradient(90deg, #050706 2%, rgba(5,7,6,.91) 26%, rgba(5,7,6,.45) 48%, transparent 70%); }
.wolves-hero__inner { min-height: min(680px, 52vw); display: flex; align-items: center; padding-block: 54px 68px; }
.wolves-hero__copy { max-width: 55%; }
.wolves-lockup { display: flex; align-items: center; gap: 22px; margin-bottom: 24px; }
.wolves-lockup img:first-child { width: auto; height: 40px; }
.wolves-lockup img:last-child { width: 50px; height: 58px; object-fit: contain; }
.wolves-lockup > span { font: 300 28px/1 var(--body); color: #a8a99f; }
:root body.wolves-page[data-type-scale] .wolves-hero h1 { margin: 0 0 24px; font: 400 clamp(2.8rem, 4.8vw, 5.25rem)/1.08 var(--display); letter-spacing: -.025em; text-transform: uppercase; text-wrap: initial; overflow-wrap: normal; }
.wolves-hero h1 > span { display: block; color: var(--b88-yellow); }
.wolves-page .wolves-hero__description { max-width: 46ch; margin: 0 0 28px; color: #e1e2db; font-size: 16px; line-height: 1.8; }
.wolves-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 24px; }
.wolves-actions .button { min-height: 48px; padding-inline: 24px; }
.wolves-text-link { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; color: var(--wolves-paper); font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: rgba(255,230,49,.5); }
.wolves-text-link span { color: var(--b88-yellow); }
.wolves-page .wolves-art-note { margin: 30px 0 0; color: #b0b3ac; font-size: 12px; line-height: 1.5; }
.wolves-hero__baseline { position: absolute; inset: auto 0 0; height: 2px; background: linear-gradient(90deg, transparent, var(--wolves-gold), transparent); opacity: .65; }
.wolves-club { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(36px, 7vw, 112px); padding-block: clamp(64px, 7vw, 100px); }
:root body.wolves-page[data-type-scale] h2 { margin: 0 0 24px; font: 400 clamp(2.4rem, 3.8vw, 4rem)/1.12 var(--display); text-transform: uppercase; letter-spacing: -.015em; }
.wolves-page h2 span { color: var(--b88-yellow); }
.wolves-club__body > p, .wolves-matchday__copy > p:last-child, .wolves-information > div > p:not(.wolves-eyebrow) { margin: 0 0 24px; color: #cbd0cd; font-size: 16px; line-height: 1.85; }
.wolves-facts { margin: 32px 0 24px; padding: 24px 0; display: grid; grid-template-columns: .65fr 1fr 1.2fr; gap: 20px; border-block: 1px solid #ffffff21; }
.wolves-facts dt { color: var(--wolves-muted); font-size: 13px; margin-bottom: 10px; }
.wolves-facts dd { margin: 0; color: var(--wolves-paper); font-size: 19px; font-weight: 600; line-height: 1.45; }
.wolves-matchday { position: relative; isolation: isolate; background: #080b09; border-block: 1px solid #ffffff18; }
.wolves-matchday::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(5,7,6,.95),rgba(5,7,6,.88)),url("assets/banners/stadium-sports-v3.webp") center/cover; }
.wolves-matchday__inner { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(32px, 7vw, 100px); padding-block: clamp(54px, 7vw, 90px); }
.wolves-story-links { display: grid; }
.wolves-story-links > a { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 28px 0; border-bottom: 1px solid #ffffff29; }
.wolves-story-links > a:first-child { border-top: 1px solid #ffffff29; }
.wolves-story-links > a > span { font-size: 28px; color: var(--b88-yellow); transition: transform 180ms ease; }
.wolves-story-links a div > span { font-size: 13px; color: var(--wolves-muted); }
:root body.wolves-page[data-type-scale] .wolves-story-links h3 { margin: 10px 0 8px; font: 600 21px/1.45 var(--body); text-transform: none; }
.wolves-story-links p { font-size: 15px; color: #cbd0cd; line-height: 1.75; margin: 0; }
.wolves-information { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(32px, 7vw, 100px); padding-block: clamp(64px, 7vw, 96px); }
.wolves-questions details { border-bottom: 1px solid #ffffff29; }
.wolves-questions details:first-child { border-top: 1px solid #ffffff29; }
.wolves-questions summary { position: relative; padding: 24px 38px 24px 0; list-style: none; font-size: 16px; font-weight: 600; line-height: 1.6; cursor: pointer; }
.wolves-questions summary::-webkit-details-marker { display: none; }
.wolves-questions summary::after { content: "+"; position: absolute; right: 0; top: 24px; color: var(--b88-yellow); font-size: 22px; }
.wolves-questions details[open] summary::after { content: "−"; }
.wolves-questions details > p { color: #cbd0cd; font-size: 16px; line-height: 1.85; margin: 0 0 20px; }
.wolves-questions .wolves-text-link { margin-bottom: 22px; }
.wolves-responsible { display: flex; align-items: center; gap: 24px; padding-block: 24px; margin-bottom: 64px; border-block: 1px solid #ffffff21; }
.wolves-age { color: var(--b88-yellow); font-weight: 600; font-size: 22px; }
.wolves-responsible p { margin: 0; flex: 1; max-width: 77ch; color: var(--wolves-muted); font-size: 14px; line-height: 1.8; }
.wolves-responsible a { flex-shrink: 0; color: var(--b88-yellow); font-size: 14px; font-weight: 600; padding-block: 12px; }
.wolves-page :is(a, summary):focus-visible { outline: 2px solid var(--b88-yellow); outline-offset: 5px; border-radius: 4px; }
@media (hover: hover) and (pointer: fine) { .wolves-story-links a:hover > span { transform: translate(3px,-3px); } .wolves-text-link:hover { text-decoration-color: var(--b88-yellow); } }
:root:lang(zh) body.wolves-page[data-type-scale] :is(h1,h2) { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; font-weight: 700; line-height: 1.3; }
:root:lang(zh) body.wolves-page[data-type-scale] h1 { font-size: clamp(2rem, 4vw, 4rem); }
@media (max-width: 1050px) {
  .wolves-topline { align-items: flex-start; flex-direction: column; gap: 8px; }
  .wolves-hero__inner { min-height: 600px; }
  .wolves-hero__copy { max-width: 59%; }
  .wolves-hero__art img { object-position: 69% center; }
  .wolves-club, .wolves-matchday__inner, .wolves-information { gap: 36px; }
  .wolves-facts { grid-template-columns: 1fr 1fr; }
  .wolves-facts > div:last-child { grid-column: 1/-1; }
}
@media (max-width: 900px) {
  .wolves-page main { padding-top: 94px; }
  .wolves-topline { margin-bottom: 18px; }
  .wolves-hero__inner { padding-top: 276px; padding-bottom: 40px; min-height: 0; }
  .wolves-hero__art { height: 400px; }
  .wolves-hero__art img { object-position: center top; }
  .wolves-hero::before { background: linear-gradient(180deg, transparent 100px, rgba(5,7,6,.2) 220px, #050706 385px); }
  .wolves-hero__copy { max-width: 100%; }
  .wolves-lockup { gap: 16px; margin-bottom: 18px; }
  .wolves-lockup img:first-child { height: 31px; }
  .wolves-lockup img:last-child { height: 46px; width: 40px; }
  .wolves-page .wolves-eyebrow { margin-bottom: 18px; font-size: 12px; }
  :root body.wolves-page[data-type-scale] .wolves-hero h1 { font-size: clamp(2.3rem, 8.5vw, 3.5rem); margin-bottom: 20px; }
  .wolves-hero__description { max-width: none; }
  .wolves-actions { gap: 14px; }
  .wolves-actions .button { min-height: 48px; }
  .wolves-club, .wolves-matchday__inner, .wolves-information { grid-template-columns: 1fr; gap: 26px; }
  .wolves-club { padding-block: 54px; }
  .wolves-page h2 { margin-bottom: 18px; }
  :root:lang(zh) body.wolves-page[data-type-scale] :is(h1,h2) { font-size: clamp(2rem, 7.5vw, 2.8rem); line-height: 1.35; }
  .wolves-facts { grid-template-columns: .65fr 1fr; margin-top: 24px; }
  .wolves-facts dd { font-size: 18px; }
  .wolves-responsible { display: grid; grid-template-columns: auto 1fr; gap: 16px; margin-bottom: 40px; }
  .wolves-responsible a { grid-column: 2; padding-top: 0; }
}
@media (prefers-reduced-motion: reduce) { .wolves-story-links > a > span { transition: none; } }