/* Case studies use the existing page colours and atmosphere. */
.demo-thumb{position:relative}.study-card-count{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:9px}.demo-caption>span:first-child{min-width:0}.demo-caption strong{line-height:1.45}
.study-overview{display:flex;align-items:flex-start;gap:24px;margin:0 0 26px}.study-level{flex-shrink:0;font-size:12px;line-height:1.8;color:var(--action);padding-top:2px}.study-overview>p{margin:0;max-width:750px;color:var(--muted);font-size:14px;line-height:1.85}.study-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px}.study-filter{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:6px;min-height:38px;padding:7px 12px;font:inherit;font-size:12px;transition:background 160ms,color 160ms}.study-filter[aria-pressed=true]{background:#67e8d60e;border-color:#67e8d64d;color:#c2f6ec}.study-filter:hover{color:var(--text)}
#demo-result .result-layout{grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:28px;align-items:start}#demo-result .result-layout>div{min-width:0}.annotated-image{border-radius:10px;overflow:hidden}.annotated-image>img{display:block;width:100%;height:auto}.photo-marker{width:34px;height:34px;font-size:12px;box-shadow:0 2px 9px #0006}.photo-tip{max-height:calc(100% - 20px);overflow:auto}.photo-tip h3{font-family:var(--reading-font)}
.study-crop-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);margin:6px 0 0}.study-crop{height:190px;border:1px solid #ffffff1d;background-color:#17181e;background-repeat:no-repeat;border-radius:8px}.study-crop-caption{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.study-crop-caption>span{font-size:11px;line-height:1.5;color:var(--muted)}.study-crop-caption>strong{font-size:15px;line-height:1.6;font-weight:500}.study-crop-caption>a{font-size:12px;line-height:1.7;color:var(--action);text-underline-offset:4px}.study-strength{display:inline-block;font-size:11px;color:#b4d9ca;margin:0 0 12px}.study-clue-title{font-size:18px;line-height:1.6;font-weight:500;margin:0 0 5px}.study-facts{margin:0}.study-facts dt{font-size:11px;color:#a8a4b1;margin:17px 0 4px}.study-facts dd{font-size:14px;line-height:1.85;margin:0;color:#d0ccd8}.study-facts dt:first-child{margin-top:0}#clue-detail{min-height:0;padding:18px 0;margin:4px 0 8px}#clue-detail>a{display:inline-block;font-size:12px;line-height:1.8;color:var(--action);margin-top:15px;text-underline-offset:4px}.clue-buttons{gap:6px}.clue-button{font-size:12px;padding:8px 10px;line-height:1.5}.result-notes>h3{font-size:17px;font-weight:500;margin:0 0 14px}.image-credit{font-size:11px;line-height:1.8}.location-panel{padding:20px}.location-panel .coordinate-note{line-height:1.85}
.study-method{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:24px 28px;border-top:1px solid var(--line);margin-top:28px;padding-top:28px}.study-method h3{font-size:18px;line-height:1.6;font-weight:500;margin:0 0 18px}.study-steps{list-style:none;padding:0;margin:0;counter-reset:study-step;display:grid;gap:18px}.study-steps>li{position:relative;counter-increment:study-step;padding-left:35px;color:#c9c5d2;font-size:14px;line-height:1.9}.study-steps>li:before{content:counter(study-step);position:absolute;left:0;top:1px;font-size:11px;color:var(--action)}.study-sources{list-style:none;padding:0;margin:0;display:grid;gap:17px}.study-sources a{font-size:13px;color:var(--action);line-height:1.85;text-underline-offset:4px;overflow-wrap:anywhere}.study-limits{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px}.study-limits summary{cursor:pointer;font-size:14px;color:var(--muted);line-height:1.8}.study-limits p{color:var(--muted);font-size:14px;line-height:1.9;max-width:950px;margin:18px 0 0}
@media(max-width:1000px){#demo-result .result-layout,.study-method{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);gap:22px}.study-overview{display:block}.study-overview>p{margin-top:12px}.study-crop-row{grid-template-columns:1fr}.study-crop{height:175px}.study-crop-caption{gap:5px}}
@media(max-width:720px){#demo-result .result-layout,.study-method{grid-template-columns:minmax(0,1fr)}.study-overview{margin-bottom:20px}.study-crop-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.study-crop{height:155px}.study-crop-caption>strong{font-size:13px}.study-card-count{margin-top:5px;font-size:11px}.study-filters{gap:5px}.study-filter{padding:7px 9px;font-size:11px}.study-method{gap:28px}.study-limits{grid-column:auto}.photo-marker{width:30px;height:30px;font-size:11px}.study-level{font-size:11px}.study-overview>p{font-size:13px}.study-clue-title{font-size:17px}.study-facts dd,.study-steps>li{font-size:13px}.study-method h3{font-size:17px}.study-strength{font-size:10px}}
@media(prefers-reduced-motion:reduce){.study-filter{transition:none}}
@media(max-width:720px){.study-crop-row{grid-template-columns:minmax(0,1fr)}.study-crop{height:190px}.study-crop-caption{gap:6px}.study-crop-caption>strong{font-size:14px}}

/* Large editorial step numbers, without leading zeros. */
.study-steps{gap:26px}
.study-steps>li{padding-left:74px;min-height:66px;padding-top:4px}
.study-steps>li:before{font-family:var(--reading-font);font-size:64px;font-weight:500;letter-spacing:-.07em;line-height:.95;top:0;width:50px;color:var(--accent);font-variant-numeric:lining-nums proportional-nums}
.study-limits{border-bottom:0}
@media(max-width:720px){.study-steps{gap:22px}.study-steps>li{padding-left:54px;min-height:48px;padding-top:1px}.study-steps>li:before{font-size:46px;width:36px}}