/* Photographic matchday editorial system; original structural CSS remains scoped. */
body.spatial-page{background:#f4f3ef;color:#17231f;--ink:#17231f;--paper:#f4f3ef;--line:#d9ddd7;--photo-shift:0px}
.spatial-page .site-header{padding:19px 0;max-width:1320px;margin:auto;align-items:center}
.spatial-page .brand-mark{border-radius:6px;box-shadow:none;background:#14291f;color:#c9e8a5}
.spatial-page .site-header nav{border:0;background:none;box-shadow:none;backdrop-filter:none;border-radius:0;font-size:12px;padding:0;gap:28px}
.spatial-page main{max-width:1320px;margin:auto}
.spatial-page .hero,.spatial-page.family-4 .hero{position:relative;display:grid;grid-template-columns:1fr .8fr;gap:20px;isolation:isolate;min-height:610px;margin:0 -30px;padding:42px 54px 48px;border-radius:5px;overflow:hidden;background:#071d27;color:white}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transform:translateX(var(--photo-shift)) scale(1.035);filter:saturate(.85)}
.spatial-page .hero::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,15,20,.94) 0%,rgba(4,15,20,.8) 40%,rgba(4,15,20,.16) 82%),linear-gradient(0deg,#071d27b0,transparent 55%)}
.spatial-page .hero-copy{pointer-events:auto;padding:40px 0;max-width:650px;background:none}
.spatial-page .hero h1{font-size:clamp(38px,4.2vw,62px);font-weight:750;letter-spacing:-.035em;line-height:1.2;margin:22px 0;color:#fff;max-width:11em}
.spatial-page .hero .eyebrow{border:0;background:none;box-shadow:none;border-radius:0;padding:0;color:#d4e8c3;font-size:11px;letter-spacing:.15em}
.spatial-page .hero .eyebrow::before{background:#d3ed8e;box-shadow:none;width:6px;height:6px;border-radius:0}
.spatial-page .hero .lead{color:#e2e8e6;font-size:16px;line-height:1.95;max-width:35em}
.spatial-page .hero-actions{margin-top:29px;gap:23px}.spatial-page .primary{background:#dcf2ac;color:#163024;border:1px solid #d0e99e;border-radius:4px;box-shadow:none;font-weight:700;padding:15px 22px}
.spatial-page .primary:hover{box-shadow:none;transform:translateY(-2px);background:#e9fac7}.spatial-page .hero .text-link{color:#fff}.spatial-page .hero .micro{color:#abb9b5;font-size:11px;margin-top:22px}
.hero-proof{display:flex;flex-wrap:wrap;gap:8px 18px;margin:28px 0 0;padding:18px 0 0;border-top:1px solid #ffffff26;color:#c8d5d0;font-size:11px;letter-spacing:.04em}.hero-proof span::before{content:'•';color:#d4ecaa;margin-right:7px}
.spatial-stage,.spatial-page.family-4 .spatial-stage{width:100%;margin:0;min-height:500px;align-self:stretch;overflow:visible}
.spatial-stage::before,.scene-tag{display:none}.scene-canvas{inset:0 0 70px}.scene-footer{bottom:8px;gap:9px}.scene-controls{background:#11261fa8;border:1px solid #ffffff42;box-shadow:none;backdrop-filter:blur(10px);border-radius:4px;padding:3px}
.scene-controls button{color:#fff;border-radius:2px;width:35px;height:35px;font-size:19px}.scene-controls button:hover{background:#ffffff24}.scene-controls button[data-motion]{border-left:1px solid #ffffff35;border-radius:0;color:#f4f7f4;font-size:10px}.scene-status{color:#cedad5;font-size:10px}.scene-caption{color:#aebeb5;font-size:9px}
.spatial-fallback{inset:9% 0 22%;width:100%;height:68%;object-fit:cover;border-radius:6px;box-shadow:0 20px 45px #0005}
.photo-credit{position:absolute;bottom:13px;left:54px;color:#afbdb5;font-size:9px;letter-spacing:.03em}
.reading-nav{display:flex;align-items:center;gap:30px;padding:23px 0;border-bottom:1px solid var(--line);margin-bottom:30px;font-size:12px}.reading-nav strong{font-size:10px;letter-spacing:.12em;color:#748278}.reading-nav a{color:#314737;text-decoration:none}.reading-nav a:hover{text-decoration:underline}
.spatial-page .intent-tool{border:1px solid var(--line);background:#fff;border-radius:5px;box-shadow:none;padding:30px;margin:30px 0}.spatial-page .intent-tool .section-head{gap:20px}.spatial-page .intent-tool h2{font-size:27px;color:#172b20}.spatial-page .choice{border:1px solid #dce3d9;background:#f5f7f2;box-shadow:none;border-radius:4px}.spatial-page .choice[open]{background:#e9f0e2;color:#1c3524;border-color:#bdcbb2;box-shadow:none}
.spatial-page .editorial-grid,.spatial-page.family-10 .editorial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:10px 0 35px}
.spatial-page .editorial-block{display:block;box-shadow:none;border:0;border-top:2px solid #a9bd91;border-radius:0;background:none;padding:18px 0;color:#21372a}.spatial-page .step-index{display:block;width:auto;box-shadow:none;background:none;padding:0;text-align:left;color:#6a8654;font-size:12px;margin-bottom:12px;border-radius:0}.spatial-page .editorial-block h2,.spatial-page .editorial-block h3{font-size:18px;line-height:1.55;margin:0 0 10px}.spatial-page .editorial-block p{font-size:13px;line-height:1.9;color:#536253}
.rich-guide{padding:32px 0 48px;border-top:1px solid var(--line)}.rich-opening{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center;margin-bottom:38px}.rich-opening figure{margin:0}.rich-opening img{display:block;width:100%;height:315px;object-fit:cover;border-radius:4px}.rich-opening figcaption{font-size:10px;color:#798378;line-height:1.6;margin-top:9px}.rich-kicker{color:#68834e;font-size:10px;letter-spacing:.14em;font-weight:700}.rich-guide h2{font-size:32px;line-height:1.4;letter-spacing:-.03em;margin:12px 0 18px}.rich-guide p{font-size:15px;line-height:1.95;color:#4d5d50;margin:12px 0}.rich-intro{font-size:16px!important}
.rich-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px}.rich-sections{min-width:0}.rich-section{padding:22px 0;border-bottom:1px solid var(--line)}.rich-section:first-child{padding-top:0}.rich-section h3{font-size:23px;line-height:1.5;letter-spacing:-.02em;margin:0 0 12px;color:#213b2a}.rich-section h3 span{display:inline-block;color:#83986e;font-size:12px;vertical-align:middle;margin-right:13px}.rich-sidebar{align-self:start;border-top:3px solid #8fa96b;padding:20px 0}.rich-sidebar h3{font-size:18px;margin:0 0 15px}.rich-sidebar img{width:100%;height:185px;object-fit:cover;margin:10px 0 6px;border-radius:3px}.rich-sidebar p{font-size:13px}.rich-sidebar small{color:#7b8578;font-size:10px}.rich-sidebar ul{list-style:none;margin:0;padding:0}.rich-sidebar li{border-bottom:1px solid var(--line);padding:12px 0;font-size:13px;line-height:1.8}.rich-sidebar li strong{display:block;font-size:11px;color:#6c805e;margin-bottom:3px}
.rich-table-wrap{overflow:auto;margin:24px 0 30px;border:1px solid #d8e0d2;border-radius:4px}.rich-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.85}.rich-table th{background:#e6eddf;color:#28402b;font-size:12px;font-weight:700;padding:15px}.rich-table td{background:#fff;border-top:1px solid #dce4d5;padding:16px;vertical-align:top}.rich-table th:first-child,.rich-table td:first-child{width:22%;font-weight:650}.rich-case{padding:28px;background:#e8ede1;border-left:3px solid #90a770;margin:32px 0;border-radius:0 5px 5px 0}.rich-case h3{font-size:22px;line-height:1.5;margin:8px 0 15px}.rich-case p{color:#3b513b}.rich-faq{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:28px 0}.rich-faq details{border-bottom:1px solid var(--line);padding:18px 0}.rich-faq summary{font-size:15px;font-weight:650;line-height:1.7;cursor:pointer}.rich-faq p{font-size:14px}.rich-sources{margin-top:25px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:#67755f}.rich-sources ol{padding-left:17px}.rich-sources li{padding:5px 0;line-height:1.8}.rich-sources a{color:#3a613a;text-underline-offset:3px}
.spatial-page .article-teaser{border-radius:5px;box-shadow:none;background:#182c22;border:0;margin:15px 0 40px}.spatial-page .article-teaser img{object-fit:cover;max-height:300px}.spatial-page .faq details{border:0;border-bottom:1px solid var(--line);background:none;border-radius:0;box-shadow:none;padding:18px 0}.spatial-page .faq details:last-child{border:0;border-bottom:1px solid var(--line)}.spatial-page footer{border-top:1px solid var(--line);color:#65715f}
@media(max-width:1100px){.spatial-page main,.spatial-page .site-header{margin-inline:30px}.spatial-page .hero,.spatial-page.family-4 .hero{margin-inline:-10px;padding-inline:34px}.spatial-page .hero h1{font-size:44px}.rich-body{grid-template-columns:minmax(0,1fr) 250px;gap:30px}.spatial-page .editorial-grid,.spatial-page.family-10 .editorial-grid{grid-template-columns:1fr 1fr}.rich-opening{gap:28px}}
@media(max-width:700px){.spatial-page main,.spatial-page .site-header{margin-inline:18px}.spatial-page .site-header{padding-block:17px 12px}.spatial-page .site-header nav{margin-top:17px;gap:18px;font-size:11px;justify-content:flex-start}.spatial-page .hero,.spatial-page.family-4 .hero{display:flex;flex-direction:column;gap:0;margin-inline:-18px;padding:34px 23px 34px;min-height:0;border-radius:0}.spatial-page .hero-copy{padding:5px 0 0}.spatial-page .hero h1{font-size:38px;margin:18px 0}.spatial-page .hero .lead{font-size:14px;line-height:1.9}.spatial-page .hero::before{background:linear-gradient(180deg,#061922eb 0%,#061922ba 48%,#06192240 76%,#061922ac)}.hero-photo{object-position:65% center}.hero-proof{margin-top:20px;padding-top:17px;gap:7px 12px;font-size:10px}.spatial-stage,.spatial-page.family-4 .spatial-stage{min-height:385px;width:100%;margin:0;align-self:auto}.scene-canvas{inset:0 0 65px}.scene-footer{bottom:5px}.scene-caption{font-size:8px}.photo-credit{left:23px;bottom:12px;font-size:8px}.reading-nav{gap:17px;flex-wrap:wrap;padding:19px 0;margin-bottom:20px;font-size:11px}.reading-nav strong{display:none}.spatial-page .intent-tool{padding:22px 18px;margin-top:22px}.spatial-page .intent-tool h2{font-size:24px}.spatial-page .editorial-grid,.spatial-page.family-10 .editorial-grid{grid-template-columns:1fr 1fr;gap:18px}.spatial-page .editorial-block{padding:15px 0}.spatial-page .editorial-block h2,.spatial-page .editorial-block h3{font-size:16px}.spatial-page .editorial-block p{font-size:12px}.rich-guide{padding-top:27px}.rich-opening{grid-template-columns:1fr;gap:23px;margin-bottom:25px}.rich-opening img{height:225px}.rich-guide h2{font-size:27px}.rich-body{grid-template-columns:1fr;gap:23px}.rich-section h3{font-size:21px}.rich-guide p{font-size:14px;line-height:1.95}.rich-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rich-sidebar h3{grid-column:1/-1;margin:0}.rich-sidebar figure{margin:0}.rich-sidebar img{height:170px;margin-top:0}.rich-sidebar li{font-size:11px;padding:6px 0}.rich-sidebar p{font-size:12px}.rich-table th,.rich-table td{padding:11px 9px;font-size:11px;min-width:90px}.rich-table{min-width:500px}.rich-case{padding:22px 18px}.rich-case h3{font-size:20px}.rich-faq{grid-template-columns:1fr}.rich-sources{font-size:10px}.spatial-page .article-teaser{margin-top:0}.spatial-page footer{margin-inline:18px}}
@media(prefers-reduced-motion:reduce){.hero-photo{transform:none}.scene-controls button[data-motion]{display:none}}
.spatial-page .choice[open] summary,.spatial-page .choice[open] summary span{color:#27472a}.spatial-page .choice[open] p{color:#3c513d}

.rich-sidebar a{color:#3e563d;text-decoration:none}.rich-sidebar a:hover{text-decoration:underline}.rich-section{scroll-margin-top:24px}

.comparison-fold{border-top:1px solid var(--line);padding-top:16px}.comparison-fold>summary{cursor:pointer;font-weight:650;color:#345132;font-size:15px;padding:6px 0}.comparison-fold[open]>summary{margin-bottom:20px}.spatial-page .priority-tool .priority-row{padding:16px 0}.spatial-page .priority-row .field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.spatial-page .priority-row input[type=text]{padding:10px;min-height:40px}.spatial-page .priority-row label{font-size:11px}@media(max-width:700px){.spatial-page .priority-row .field-grid{grid-template-columns:1fr}.spatial-page .priority-row{grid-template-columns:70px minmax(0,1fr)}}

/* Preserve people at the edges of editorial photographs on narrow screens. */
@media(max-width:700px){.rich-opening img,.rich-sidebar img{height:auto;aspect-ratio:16/9;object-fit:contain}}