/* Modern detail composition. Every selector is scoped; Classic keeps its renderer. */
body.colour-v1{--md-date:#fff4d9;--md-qual:#e4f5ed;--md-fee:#f0eaff}
html[data-theme=dark] body.colour-v1{--md-date:#3a3020;--md-qual:#193c34;--md-fee:#332d4d}
@media(prefers-color-scheme:dark){html:not([data-theme]) body.colour-v1{--md-date:#3a3020;--md-qual:#193c34;--md-fee:#332d4d}}
.colour-v1 .modern-detail-hero{box-sizing:border-box;padding:30px;margin-top:12px;margin-bottom:24px;border:1px solid var(--rule);border-radius:20px;background:var(--brand-tint);color:var(--ink)}
.colour-v1 .modern-detail-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--ink-2);font-size:13px;margin-bottom:16px}
.colour-v1 .modern-detail-hero .h-exam{max-width:1000px;margin:0 0 12px;font-size:34px;line-height:1.35;overflow-wrap:anywhere}
.colour-v1 .modern-detail-board{margin:0 0 22px;color:var(--ink-2);font-size:15px;line-height:1.6}
.colour-v1 .modern-detail-essentials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 20px}
.colour-v1 .modern-detail-essentials>div{min-width:0;background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:16px 18px}
.colour-v1 .modern-detail-essentials dt{font-size:13px;color:var(--ink-2);line-height:1.5;margin:0 0 6px}
.colour-v1 .modern-detail-essentials dd{margin:0;font-size:16px;line-height:1.55;font-weight:650;overflow-wrap:anywhere}
.colour-v1 .modern-detail-essentials small{display:block;font-size:12px;line-height:1.6;font-weight:400;color:var(--ink-2);margin-top:6px}
.colour-v1 .modern-detail-essentials .modern-fact-date,.colour-v1 .modern-detail .application-panel{background:var(--md-date)}
.colour-v1 .modern-detail-essentials .modern-fact-qual{background:var(--md-qual)}
.colour-v1 .modern-detail-essentials .modern-fact-fee{background:var(--md-fee)}
.colour-v1 .modern-detail-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.colour-v1 .modern-detail-actions .btn{width:auto;flex:0 1 auto;min-height:46px;padding:11px 18px;justify-content:center;gap:8px;font-size:14px}
.colour-v1 .modern-detail-actions .btn-ghost{background:var(--surface);border:1px solid var(--rule);color:var(--ink)}
.colour-v1 .modern-detail-actions [hidden]{display:none!important}
.colour-v1 .modern-detail-note{margin:15px 0 0;font-size:13px;line-height:1.6;color:var(--ink-2)}
.colour-v1 .modern-detail .exam-a{background:transparent;border:0;border-radius:0;overflow:visible;display:flex;flex-direction:column;gap:20px}
.colour-v1 .modern-detail .exam-a>section{padding:24px;border:1px solid var(--rule);border-radius:16px;background:var(--surface);margin:0;box-shadow:none}
.colour-v1 .modern-detail .detail-jumps{background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:0 22px;gap:24px}
.colour-v1 .modern-detail .proto-section-label{display:none}
.colour-v1 .modern-detail .proto-source-details{margin-top:18px}
.colour-v1 .modern-detail .proto-source-details .fsheet{margin-top:16px}
.colour-v1 .modern-qualification-quote{margin:20px 0;padding:18px;border-left:3px solid var(--brand);border-radius:0 10px 10px 0;background:var(--brand-tint);line-height:1.75}
.colour-v1 .modern-rail-date h2{font-size:16px;margin:0 0 10px}
.colour-v1 .modern-rail-date>strong{display:block;font-size:27px;line-height:1.4;margin-bottom:20px}
.colour-v1 .modern-detail .application-panel>.application-eyebrow,.colour-v1 .modern-detail .application-panel>.h-panel{display:none}
.colour-v1 .modern-detail .exam-side>.official,.colour-v1 .modern-detail .exam-side>.proto-help{background:var(--surface);border:1px solid var(--rule);border-radius:16px;padding:24px}
@media(max-width:1099px){.colour-v1 .modern-detail-hero{padding:24px}.colour-v1 .modern-detail-hero .h-exam{font-size:29px}}
@media(max-width:740px){.colour-v1 .modern-detail-hero{padding:20px 16px;margin-bottom:18px;border-radius:16px}.colour-v1 .modern-detail-hero .h-exam{font-size:26px;line-height:1.4}.colour-v1 .modern-detail-essentials{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.colour-v1 .modern-detail-essentials>div{padding:13px 12px}.colour-v1 .modern-detail-essentials dd{font-size:14px}.colour-v1 .modern-detail-essentials dt{font-size:12px}.colour-v1 .modern-detail-actions>.btn{width:100%}.colour-v1 .modern-detail .exam-a>section{padding:20px 18px}.colour-v1 .modern-detail .exam-a{gap:16px}.colour-v1 .modern-detail .exam-side{display:block}.colour-v1 .modern-detail .exam-side>*+*{margin-top:18px}}