/* Approved illustrated detail header, shared by all preselection topics. */
.detail-head--illustrated {
  color:#fff;
  background-color:#0b2632;
  background-image:linear-gradient(90deg,rgba(7,29,41,.96) 0%,rgba(7,29,41,.88) 32%,rgba(7,29,41,.52) 53%,rgba(7,29,41,.05) 78%),var(--detail-image);
  background-size:cover;
  background-position:center;
  border-bottom:0;
  padding:30px 0 42px;
}
.detail-head--illustrated .breadcrumbs {color:#e5edf0;text-shadow:0 1px 5px #102a3570}
.detail-head--illustrated .detail-grid {grid-template-columns:minmax(0,620px) 300px;justify-content:space-between;gap:50px;min-height:460px;margin-top:0;align-items:end}
.detail-head--illustrated .detail-grid>div {padding-bottom:6px}
.detail-head--illustrated .eyebrow {color:#ff9aa4;letter-spacing:1.6px;font-size:10px}
.detail-head--illustrated h1 {font-size:clamp(36px,3.7vw,49px);line-height:1.13;letter-spacing:-1.6px;max-width:610px;margin:20px 0 22px;overflow-wrap:anywhere;hyphens:manual}
.detail-head--illustrated .detail-grid>div>p:not(.eyebrow) {color:#e4ecef;font-size:14px;line-height:1.85;max-width:525px;margin-bottom:25px}
.detail-head--illustrated .criteria {color:#12303d;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.75);box-shadow:0 8px 35px #041c2b1a;padding:20px 24px;backdrop-filter:blur(12px);margin:0}
.detail-head--illustrated .criteria .eyebrow {color:#b72637;margin-bottom:15px}
.detail-head--illustrated .criteria dl {font-size:12px;line-height:1.65}
.detail-head--illustrated .criteria dt {margin-top:12px;font-size:9px;color:#526874}
.detail-head--illustrated .criteria dd {margin-top:3px;overflow-wrap:anywhere}
@media(max-width:1100px) and (min-width:751px) {
 .detail-head--illustrated .detail-grid{grid-template-columns:minmax(0,1fr) 250px;gap:30px;min-height:440px}
 .detail-head--illustrated h1{font-size:38px}
 .detail-head--illustrated .criteria{padding:18px}
}
@media(max-width:750px) {
 .detail-head--illustrated{padding:23px 0 30px;background-image:linear-gradient(180deg,rgba(7,29,41,.36) 0,rgba(7,29,41,.2) 110px,rgba(7,29,41,.92) 285px,#0b2632 365px),var(--detail-image);background-size:100% 100%,auto 365px;background-position:top,70% top;background-repeat:no-repeat}
 .detail-head--illustrated .breadcrumbs{font-size:10px;max-width:320px;text-shadow:0 1px 6px #071d29}
 .detail-head--illustrated .detail-grid{display:block;min-height:0;margin-top:170px}
 .detail-head--illustrated h1{hyphens:auto;font-size:34px;max-width:540px;line-height:1.16;margin:17px 0 20px;letter-spacing:-1px}
 .detail-head--illustrated .detail-grid>div>p:not(.eyebrow){font-size:13px}
 .detail-head--illustrated .criteria{margin-top:24px;padding:18px 20px;max-width:540px;background:#f8fafb}
 .detail-head--illustrated .criteria dl{grid-template-columns:90px 1fr;gap:9px}
 .detail-head--illustrated .criteria dt,.detail-head--illustrated .criteria dd{margin:0}
}
