/* 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:var(--raised);--md-qual:var(--raised);--md-fee:var(--raised)}
@media(prefers-color-scheme:dark){html:not([data-theme]) body.colour-v1{--md-date:var(--raised);--md-qual:var(--raised);--md-fee:var(--raised)}}
.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}}
/* Dark fact tiles and the Apply-by panel: neutral cards with a coloured edge instead of tinted fills */
html[data-theme=dark] .colour-v1 .modern-detail-essentials :is(.modern-fact-date,.modern-fact-qual,.modern-fact-fee){border:1px solid var(--rule);box-shadow:inset 3px 0 0 var(--md-edge)}html[data-theme=dark] .colour-v1 .modern-detail .application-panel{border-color:var(--rule);box-shadow:inset 0 3px 0 #f2b84b}
@media(prefers-color-scheme:dark){html:not([data-theme]) .colour-v1 .modern-detail-essentials :is(.modern-fact-date,.modern-fact-qual,.modern-fact-fee){border:1px solid var(--rule);box-shadow:inset 3px 0 0 var(--md-edge)}html:not([data-theme]) .colour-v1 .modern-detail .application-panel{border-color:var(--rule);box-shadow:inset 0 3px 0 #f2b84b}}
.colour-v1 .modern-fact-date{--md-edge:#f2b84b}.colour-v1 .modern-fact-qual{--md-edge:#4cc38a}.colour-v1 .modern-fact-fee{--md-edge:#a78bfa}
/* Report a mistake: a card like Official source, with a flag, a chevron, rounded fields and a full-width button */
.colour-v1 .report{margin-top:20px;border:1px solid var(--rule);border-radius:16px;background:var(--surface)}.colour-v1 .report summary{list-style:none;display:flex;align-items:center;gap:10px;padding:16px 20px;color:var(--ink);font-weight:650}.colour-v1 .report summary::-webkit-details-marker{display:none}
.colour-v1 .report summary:before{content:'';width:18px;height:18px;flex:none;background:var(--ink-2);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 22V4a1 1 0 0 1 1-1h11l-2 4 2 4H5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 22V4a1 1 0 0 1 1-1h11l-2 4 2 4H5'/%3E%3C/svg%3E") center/contain no-repeat}
.colour-v1 .report summary:after{content:'';margin-left:auto;width:8px;height:8px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(45deg);transition:transform .2s}.colour-v1 .report details[open] summary:after{transform:rotate(-135deg)}
.colour-v1 .report details>:not(summary){margin-inline:20px}.colour-v1 .report .report-form{padding-bottom:20px;gap:14px}.colour-v1 .report-form :is(select,textarea){border-radius:10px;border-color:var(--rule-2)}.colour-v1 .report-form select{min-height:44px}.colour-v1 .report-form .btn{justify-self:stretch;background:var(--brand-fill);color:var(--on-brand);border-radius:10px;min-height:46px}