/* detail.css = detail-record + toppers-detail
   Generated from the approved static design by scripts/extract/extract-css.mjs — do not edit by hand.
   The theme's markup mirrors the design's class names. */
/* ---- detail-record ---- */
.record-detail{padding:clamp(3rem,5vw,5.5rem);background:var(--surface-card);border-radius:2rem;margin-top:1rem}
.record-detail-inner{max-width:86rem;margin:0 auto}
.record-back{display:inline-flex;align-items:center;gap:.55rem;font:600 .68rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin-bottom:2rem;text-decoration:none}
.record-back:hover{color:var(--brand-deep)}
.record-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;padding-bottom:2rem;border-bottom:1px solid var(--hairline)}
.record-heading h2{font-family:var(--serif);font-size:clamp(3.4rem,5.2vw,6rem);line-height:.9;letter-spacing:-.04em;margin:.65rem 0 0;color:var(--ink);max-width:15ch}
.record-heading p{font:.88rem/1.75 var(--sans);color:var(--ink-soft);max-width:42rem;margin:.8rem 0 0}
.record-chip{border:1px solid var(--hairline);border-radius:999px;padding:.78rem 1rem;font:600 .65rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-deep);white-space:nowrap}
.record-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:1.35rem;overflow:hidden;margin:2rem 0;background-clip:padding-box}
.record-meta div{background:var(--surface-card);padding:1.25rem 1.4rem}.record-meta span{display:block;font:600 .58rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.45rem}.record-meta strong{font-family:var(--serif);font-size:1.35rem;color:var(--ink)}
.record-section{padding:2.5rem 0;border-top:1px solid var(--hairline)}.record-section:first-of-type{border-top:0}.record-section h3{font-family:var(--serif);font-size:clamp(2.5rem,4vw,4.25rem);line-height:.92;letter-spacing:-.035em;margin:0 0 .8rem;color:var(--ink)}.record-section>p{font:.9rem/1.8 var(--sans);color:var(--ink-soft);max-width:50rem}
.result-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.6rem}.result-media-grid figure{margin:0;border:1px solid var(--hairline);border-radius:1.25rem;overflow:hidden;background:#fff;box-shadow:0 .8rem 2rem rgba(6,21,47,.06)}.result-media-grid img{width:100%;height:auto;display:block}.result-media-grid figcaption{padding:1rem 1.1rem;font-family:var(--serif);font-size:1.2rem;font-weight:700;color:var(--ink)}.result-media-grid figcaption span{display:block;margin-top:.2rem;font:600 .6rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}
.programme-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.programme-card{border:1px solid var(--hairline);border-radius:1.3rem;padding:1.4rem;background:var(--surface-card)}.programme-card span{font:600 .6rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.programme-card strong{display:block;font-family:var(--serif);font-size:1.65rem;line-height:1.05;margin:.5rem 0;color:var(--ink)}.programme-card p{font:.78rem/1.6 var(--sans);color:var(--ink-soft);margin:0}
.record-nav{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--hairline);padding-top:1.8rem;margin-top:2rem}.record-nav a{font:600 .7rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-deep);text-decoration:none}
.document-panel{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:2rem;margin-top:1.8rem;align-items:start}.document-summary{border:1px solid var(--hairline);border-radius:1.35rem;padding:1.5rem;background:var(--surface)}.document-summary dl{margin:0}.document-summary div{padding:1rem 0;border-bottom:1px solid var(--hairline)}.document-summary div:last-child{border-bottom:0}.document-summary dt{font:600 .58rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.35rem}.document-summary dd{margin:0;font-family:var(--serif);font-size:1.3rem;color:var(--ink)}
.pdf-frame{min-height:70vh;border:1px solid var(--hairline);border-radius:1.35rem;overflow:hidden;background:white}.pdf-frame iframe{width:100%;height:70vh;border:0;display:block}.document-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}.document-actions a{text-decoration:none}
.notice-title-block{max-width:66rem}.notice-title-block h2{max-width:20ch}.notice-type{display:inline-flex;margin-top:1rem;padding:.58rem .8rem;border-radius:999px;background:var(--gold-soft);font:600 .58rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-deep)}
.notice-detail-card{border:1px solid var(--hairline);border-radius:1.4rem;padding:clamp(1.4rem,3vw,2.25rem);background:var(--surface);margin-top:1.5rem}.notice-detail-card h3{font-family:var(--serif);font-size:clamp(2rem,3vw,3rem);line-height:1;margin:0 0 1rem;color:var(--ink)}.notice-detail-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0}.notice-detail-card div{border-top:1px solid var(--hairline);padding-top:1rem}.notice-detail-card dt{font:600 .56rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.35rem}.notice-detail-card dd{margin:0;font-family:var(--serif);font-size:1.2rem;color:var(--ink)}
.download-grid a,.topper-years a{color:inherit;text-decoration:none}.download-grid a{display:contents}.topper-years a{display:contents}.topper-feature-grid a{color:inherit;text-decoration:none}.topper-feature-grid a figure{height:100%}.download-grid article,.topper-years article{position:relative;cursor:pointer}.download-grid article::after,.topper-years article::after{content:'↗';position:absolute;right:1rem;top:50%;transform:translateY(-50%);font:600 1rem/1 var(--sans);color:var(--brand-light);opacity:.75}.download-grid article:hover,.topper-years article:hover{background:var(--gold-soft)}
@media(max-width:900px){.record-heading{grid-template-columns:1fr}.record-chip{justify-self:start}.record-meta,.programme-list,.notice-detail-card dl{grid-template-columns:1fr}.result-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-panel{grid-template-columns:1fr}.pdf-frame,.pdf-frame iframe{min-height:60vh;height:60vh}}
@media(max-width:560px){.record-detail{padding:2.2rem 1.15rem}.result-media-grid{grid-template-columns:1fr}.record-nav{flex-direction:column}.pdf-frame,.pdf-frame iframe{min-height:52vh;height:52vh}}

/* ---- toppers-detail ---- */
.topper-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2.2rem 0 3rem}.topper-feature-grid figure{margin:0;border:1px solid var(--hairline);border-radius:1.35rem;overflow:hidden;background:var(--surface-card);box-shadow:0 .8rem 2rem rgba(6,21,47,.06)}.topper-feature-grid img{width:100%;height:auto;display:block}.topper-feature-grid figcaption{padding:.9rem 1rem;font-family:var(--serif);font-size:1.1rem;font-weight:700}.topper-feature-grid figcaption span{display:block;margin-top:.25rem;font:500 .62rem/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}@media(max-width:900px){.topper-feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.topper-feature-grid{grid-template-columns:1fr}}
