:root {
  --ink: #17221f;
  --muted: #53605c;
  --paper: #f5f3ed;
  --white: #ffffff;
  --green: #254f43;
  --green-dark: #16352d;
  --amber: #d67b2c;
  --amber-dark: #9b4b14;
  --sage: #dfe8df;
  --line: #cfd7d1;
  --max: 1180px;
  --shadow: 0 18px 50px rgba(18, 37, 31, .11);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.58; }
a { color: var(--amber-dark); text-decoration-thickness: .08em; text-underline-offset: .14em; }
a:hover { color: var(--green-dark); }
img { max-width: 100%; height: auto; }
.shell { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.narrow { max-width: 830px; }
.skip-link { position: absolute; left: -9999px; top: 0; background: var(--ink); color: white; padding: 10px; z-index: 999; }
.skip-link:focus { left: 10px; top: 10px; }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(245,243,237,.96); border-bottom: 1px solid rgba(37,79,67,.16); backdrop-filter: blur(10px); }
.site-header__inner { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.site-branding { min-width: 270px; }
.campaign-mark { display: grid; grid-template-columns: auto 34px 1fr; align-items: center; gap: 9px; color: var(--ink); text-decoration: none; font-weight: 800; line-height: 1.05; }
.campaign-mark__number { font-size: 1.22rem; color: var(--amber-dark); }
.campaign-mark__ring { width: 32px; height: 32px; border: 5px solid var(--amber); border-left-color: transparent; border-radius: 50%; transform: rotate(-18deg); }
.campaign-mark__words { max-width: 230px; }
.primary-nav ul { display: flex; align-items: center; gap: 22px; list-style: none; padding: 0; margin: 0; }
.primary-nav a { color: var(--ink); text-decoration: none; font-weight: 700; font-size: .94rem; }
.primary-nav a:hover, .primary-nav .current-menu-item > a { color: var(--amber-dark); }
.menu-toggle { display: none; border: 1px solid var(--green); background: transparent; padding: 9px 14px; border-radius: 4px; font-weight: 700; }
.hero { position: relative; overflow: hidden; color: white; background: linear-gradient(130deg, var(--green-dark), #2b5b4d 68%, #346b5b); padding: 92px 0 70px; }
.hero__rings { position: absolute; width: 700px; height: 700px; right: -220px; top: -260px; border: 55px solid rgba(214,123,44,.30); border-radius: 50%; box-shadow: 0 0 0 65px rgba(255,255,255,.06), 0 0 0 135px rgba(214,123,44,.11); }
.hero__inner { position: relative; z-index: 2; }
.hero h1 { max-width: 920px; margin: 8px 0 16px; font-size: clamp(3rem, 7vw, 6.8rem); line-height: .95; letter-spacing: -.055em; }
.hero__strapline { max-width: 850px; margin: 0 0 24px; font-size: clamp(1.25rem, 2.5vw, 2rem); font-weight: 700; color: #f4c493; }
.hero__intro { max-width: 760px; font-size: 1.16rem; }
.eyebrow { margin: 0 0 8px; color: var(--amber-dark); font-weight: 900; text-transform: uppercase; letter-spacing: .13em; font-size: .78rem; }
.hero .eyebrow { color: #f7c999; }
.button-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 20px; border: 2px solid transparent; border-radius: 3px; font-weight: 800; text-decoration: none; }
.button--primary { background: var(--amber); color: #17130f; }
.button--primary:hover { background: white; color: var(--ink); }
.button--ghost { color: white; border-color: rgba(255,255,255,.7); }
.button--ghost:hover { background: white; color: var(--ink); }
.button--light { background: white; color: var(--green-dark); }
.application-banner { display: flex; flex-wrap: wrap; gap: 18px 30px; margin-top: 42px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.28); font-size: .92rem; }
.application-banner a { color: white; }
.fact-band { background: var(--white); border-bottom: 1px solid var(--line); }
.fact-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.fact-grid article { min-height: 150px; display: flex; flex-direction: column; justify-content: center; padding: 25px; border-right: 1px solid var(--line); }
.fact-grid article:last-child { border-right: 0; }
.fact-grid strong { font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1; color: var(--green-dark); }
.fact-grid span { margin-top: 10px; color: var(--muted); font-weight: 700; }
.section { padding: 86px 0; }
.section h2 { margin: 0 0 20px; font-size: clamp(2.2rem, 4.5vw, 4.7rem); line-height: 1; letter-spacing: -.045em; }
.lead { font-size: 1.25rem; color: #33433e; }
blockquote { margin: 38px 0 0; padding: 24px 28px; border-left: 8px solid var(--amber); background: white; box-shadow: var(--shadow); font-size: 1.25rem; font-weight: 700; }
.section--tests { background: var(--green-dark); color: white; }
.section--tests .eyebrow { color: #f2ba82; }
.card-grid { display: grid; gap: 22px; }
.card-grid--tests { grid-template-columns: repeat(4,1fr); margin-top: 40px; }
.test-card { padding: 28px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.06); }
.test-card__number { color: #f1b57b; font-weight: 900; }
.test-card h3 { margin: 22px 0 10px; font-size: 1.45rem; }
.test-card p { margin: 0; color: #d9e3df; font-size: .98rem; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 35px; }
.text-link { font-weight: 900; }
.issue-grid { grid-template-columns: repeat(4,1fr); }
.issue-card { overflow: hidden; background: white; border: 1px solid var(--line); box-shadow: 0 8px 30px rgba(18,37,31,.05); }
.issue-card img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.issue-card__body { padding: 24px; }
.issue-card h2, .issue-card h3 { margin: 0 0 12px; font-size: 1.35rem; line-height: 1.15; }
.issue-card h2 a, .issue-card h3 a { color: var(--ink); text-decoration: none; }
.issue-card p { font-size: .96rem; color: var(--muted); }
.issue-card--placeholder { border-top: 6px solid var(--amber); }
.section--tracker { background: #e6ece7; }
.tracker-table-wrap { overflow-x: auto; background: white; border: 1px solid var(--line); box-shadow: var(--shadow); }
.tracker-table { width: 100%; min-width: 900px; border-collapse: collapse; font-size: .92rem; }
.tracker-table th, .tracker-table td { padding: 15px; text-align: left; border-bottom: 1px solid var(--line); }
.tracker-table thead th { background: var(--green-dark); color: white; }
.tracker-table tbody th { min-width: 210px; }
.tracker-status { display: inline-block; padding: 4px 8px; border-radius: 99px; font-size: .78rem; font-weight: 900; }
.status-yes { background: #d7ead9; color: #155126; }
.status-no { background: #f1d7d3; color: #84281e; }
.status-partial { background: #f5e8be; color: #765a05; }
.status-tbc { background: #e4e6e5; color: #4c5552; }
.tracker-empty { max-width: 760px; padding: 24px; background: white; border-left: 7px solid var(--amber); }
.attention-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 60px; align-items: center; }
.attention-sequence { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
.attention-sequence div { min-height: 190px; display: flex; flex-direction: column; justify-content: center; padding: 25px; background: var(--green-dark); color: white; }
.attention-sequence strong { font-size: 2.5rem; line-height: 1; color: #f1b57b; }
.attention-sequence span { margin-top: 12px; font-weight: 700; }
.section--action { padding: 0; background: var(--amber); }
.action-grid { display: grid; grid-template-columns: repeat(3,1fr); }
.action-grid article { padding: 52px 35px; border-right: 1px solid rgba(23,34,31,.25); }
.action-grid article:last-child { border-right: 0; }
.action-grid span { font-weight: 900; text-transform: uppercase; letter-spacing: .1em; font-size: .76rem; }
.action-grid h2 { margin-top: 14px; font-size: 2rem; }
.site-footer { background: #111b18; color: #d9e1de; padding: 58px 0 28px; }
.site-footer a { color: white; }
.site-footer__grid { display: grid; grid-template-columns: 2fr 1fr; gap: 60px; }
.site-footer h2 { color: white; }
.site-footer__bottom { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-top: 45px; padding-top: 22px; border-top: 1px solid #34423d; font-size: .85rem; }
.site-footer ul { display: flex; flex-wrap: wrap; gap: 20px; list-style: none; padding: 0; }
.entry-header { margin-bottom: 36px; }
.entry-header h1, .archive-header h1 { font-size: clamp(2.6rem, 6vw, 5.8rem); line-height: .98; letter-spacing: -.05em; }
.entry-content > * { max-width: 100%; }
.entry-content h2 { margin-top: 2.2em; font-size: 2.3rem; }
.entry-content h3 { margin-top: 1.8em; font-size: 1.5rem; }
.entry-content table { width: 100%; border-collapse: collapse; }
.entry-content th, .entry-content td { border: 1px solid var(--line); padding: 10px; }
.featured-image { margin-bottom: 34px; }
.post-card { background: white; border: 1px solid var(--line); }
.post-card__body { padding: 24px; }
.content-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.post-meta { color: var(--muted); font-size: .85rem; }
.commitment-details { display: grid; gap: 1px; margin-top: 35px; background: var(--line); border: 1px solid var(--line); }
.commitment-details div { display: grid; grid-template-columns: 220px 1fr; background: white; }
.commitment-details dt, .commitment-details dd { margin: 0; padding: 14px; }
.commitment-details dt { font-weight: 900; background: #e8ece9; }
@media (max-width: 1040px) {
  .card-grid--tests, .issue-grid { grid-template-columns: repeat(2,1fr); }
  .fact-grid { grid-template-columns: repeat(2,1fr); }
  .fact-grid article:nth-child(2) { border-right: 0; }
  .fact-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .content-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 780px) {
  body { font-size: 17px; }
  .site-header__inner { min-height: 70px; }
  .menu-toggle { display: block; }
  .primary-nav { position: absolute; left: 0; right: 0; top: 70px; display: none; padding: 20px; background: var(--paper); border-bottom: 1px solid var(--line); }
  .primary-nav.is-open { display: block; }
  .primary-nav ul { flex-direction: column; align-items: stretch; }
  .hero { padding: 65px 0 50px; }
  .hero__rings { right: -430px; }
  .application-banner { flex-direction: column; gap: 8px; }
  .attention-grid, .site-footer__grid { grid-template-columns: 1fr; }
  .action-grid { grid-template-columns: 1fr; }
  .action-grid article { border-right: 0; border-bottom: 1px solid rgba(23,34,31,.25); }
  .section { padding: 64px 0; }
}
@media (max-width: 560px) {
  .shell { width: min(calc(100% - 26px), var(--max)); }
  .campaign-mark__words { display: none; }
  .site-branding { min-width: auto; }
  .fact-grid, .card-grid--tests, .issue-grid, .attention-sequence, .content-grid { grid-template-columns: 1fr; }
  .fact-grid article { border-right: 0; border-bottom: 1px solid var(--line); }
  .section-heading { align-items: flex-start; flex-direction: column; }
  .commitment-details div { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}


/* Completed Appendix B evidence workstreams */
.appendix-b { margin-top: 42px; }
.appendix-b__intro { max-width: 900px; margin-bottom: 20px; }
.appendix-b__intro h3 { margin-bottom: 8px; font-size: clamp(1.35rem, 2vw, 1.75rem); }
.appendix-b__intro p { margin: 0; }
.evidence-workstream { margin: 12px 0; border: 1px solid var(--line); background: white; box-shadow: 0 8px 22px rgba(25,48,38,.07); }
.evidence-workstream summary { display: flex; align-items: center; gap: 14px; padding: 18px 20px; cursor: pointer; font-weight: 900; color: var(--green-dark); list-style: none; }
.evidence-workstream summary::-webkit-details-marker { display: none; }
.evidence-workstream summary::after { content: '+'; margin-left: auto; font-size: 1.5rem; line-height: 1; color: var(--amber-dark, #9b4a00); }
.evidence-workstream[open] summary::after { content: '−'; }
.evidence-workstream[open] summary { border-bottom: 1px solid var(--line); }
.evidence-workstream__number { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 50%; background: var(--amber); color: #1f2e27; font-size: .82rem; }
.evidence-workstream__grid { margin: 0; }
.evidence-workstream__grid > div { display: grid; grid-template-columns: minmax(190px, 250px) 1fr; border-bottom: 1px solid var(--line); }
.evidence-workstream__grid > div:last-child { border-bottom: 0; }
.evidence-workstream__grid dt, .evidence-workstream__grid dd { margin: 0; padding: 16px 18px; }
.evidence-workstream__grid dt { font-weight: 900; background: #f1f4f2; color: var(--green-dark); }
.evidence-workstream__grid dd { line-height: 1.65; }
@media (max-width: 760px) {
  .evidence-workstream__grid > div { grid-template-columns: 1fr; }
  .evidence-workstream__grid dt { padding-bottom: 8px; }
  .evidence-workstream__grid dd { padding-top: 8px; }
}


/* Public promise/funding/security/delivery matrix */
.public-tracker { margin-top: 2rem; }
.public-tracker__intro { max-width: 920px; margin-bottom: 1rem; }
.public-tracker__intro h3 { margin-bottom: .55rem; }
.tracker-table--matrix { min-width: 1180px; }
.tracker-table--matrix th:first-child { min-width: 210px; }
.tracker-table--matrix th:last-child,
.tracker-table--matrix td:last-child { min-width: 300px; }
.public-tests {
  margin-top: 1.5rem;
  padding: 1.5rem;
  border: 2px solid var(--mg-amber, #c96824);
  border-radius: 14px;
  background: #fff8f1;
}
.public-tests h3 { margin: .2rem 0 .45rem; }
.public-tests__stages {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .65rem;
  margin-top: 1rem;
}
.public-tests__stages span {
  display: block;
  padding: .8rem .55rem;
  text-align: center;
  font-weight: 700;
  border-radius: 999px;
  background: #23272a;
  color: #fff;
}
@media (max-width: 820px) {
  .public-tests__stages { grid-template-columns: 1fr 1fr; }
  .public-tests__stages span:last-child { grid-column: 1 / -1; }
}

/* v1.4 resident navigation, progressive disclosure and Mailchimp signup */
.resident-nav { position: sticky; top: 82px; z-index: 40; background: var(--white); border-bottom: 1px solid var(--line); box-shadow: 0 8px 20px rgba(18,37,31,.05); }
.resident-nav__inner { display: flex; align-items: center; justify-content: center; gap: 8px 28px; min-height: 54px; overflow-x: auto; scrollbar-width: thin; }
.resident-nav a { flex: 0 0 auto; color: var(--green-dark); text-decoration: none; font-size: .88rem; font-weight: 900; }
.resident-nav a:hover, .resident-nav a:focus { color: var(--amber-dark); text-decoration: underline; }
.section--resident-route { padding-top: 22px; background: var(--white); }
.section--resident-route h2 { max-width: 900px; }
.resident-route-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin-top: 34px; }
.resident-route-grid article { padding: 26px; border-top: 6px solid var(--amber); background: var(--paper); }
.resident-route-grid span { color: var(--amber-dark); font-size: .8rem; font-weight: 900; letter-spacing: .12em; }
.resident-route-grid h3 { margin: 14px 0 10px; font-size: 1.35rem; line-height: 1.15; }
.resident-route-grid p { margin: 0; color: var(--muted); font-size: .95rem; }
.section-summary { max-width: 800px; margin: -4px 0 30px; color: #d9e3df; }
.content-disclosure { margin-top: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.78); box-shadow: 0 8px 24px rgba(18,37,31,.06); }
.content-disclosure > summary { display: flex; align-items: center; gap: 12px; padding: 20px 22px; cursor: pointer; list-style: none; color: var(--green-dark); font-weight: 900; }
.content-disclosure > summary::-webkit-details-marker { display: none; }
.content-disclosure > summary::after { content: '+'; margin-left: auto; color: var(--amber-dark); font-size: 1.5rem; }
.content-disclosure[open] > summary::after { content: '−'; }
.content-disclosure[open] > summary { border-bottom: 1px solid var(--line); }
.content-disclosure__body { padding: 0 20px 24px; }
.content-disclosure__body > :first-child { margin-top: 24px; }
.action-card--signup { grid-column: span 1; }
.campaign-signup { display: grid; gap: 13px; margin-top: 22px; }
.campaign-signup__field { display: grid; gap: 5px; }
.campaign-signup label { font-size: .86rem; font-weight: 900; }
.campaign-signup input[type="text"], .campaign-signup input[type="email"] { width: 100%; min-height: 46px; padding: 10px 12px; border: 2px solid rgba(23,34,31,.35); border-radius: 3px; background: white; color: var(--ink); font: inherit; }
.campaign-signup input:focus { outline: 3px solid rgba(37,79,67,.28); border-color: var(--green-dark); }
.campaign-signup__honeypot { position: absolute; left: -5000px; }
.campaign-signup__privacy { margin: 2px 0 4px; font-size: .78rem; line-height: 1.45; }
.campaign-signup__privacy a { color: var(--green-dark); }
.campaign-signup button { width: max-content; cursor: pointer; font: inherit; }
@media (max-width: 1040px) {
  .resident-route-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 780px) {
  .resident-nav { top: 70px; }
  .resident-nav__inner { justify-content: flex-start; }
  .content-disclosure__body { padding-inline: 10px; }
}
@media (max-width: 560px) {
  .resident-route-grid { grid-template-columns: 1fr; }
  .resident-nav__inner { width: 100%; padding-inline: 13px; }
}


/* Live application, consultation update and scrutiny */
.button--outline { background: transparent; color: var(--green-dark); border: 2px solid var(--green); }
.button--outline:hover { background: var(--green); color: white; }
.application-live { padding: 34px 0; background: #fff7ed; border-bottom: 1px solid #e5c9aa; }
.application-live__grid { display: grid; grid-template-columns: 1fr 300px; gap: 34px; align-items: center; }
.application-live h2 { margin: 2px 0 10px; font-size: clamp(1.55rem,3vw,2.45rem); }
.application-live p { max-width: 850px; }
.application-live__privacy { margin: 18px 0 0; font-size: .9rem; color: var(--muted); }
.deadline-card { display: grid; gap: 5px; padding: 25px; background: var(--green-dark); color: white; border-radius: 8px; box-shadow: var(--shadow); }
.consultation-update__message { font-size: clamp(1.2rem,2.3vw,1.65rem); line-height: 1.3; font-weight: 900; }
.section--live-scrutiny { background: #e8efeb; }
.scrutiny-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 30px; }
.scrutiny-grid article { padding: 24px; background: white; border-top: 5px solid var(--amber); box-shadow: 0 8px 20px rgba(18,37,31,.06); }
.scrutiny-grid h3 { margin-top: 0; }
.application-watch { display: grid; grid-template-columns: 2fr 1fr; gap: 1px; margin-top: 26px; background: var(--line); border: 1px solid var(--line); }
.application-watch > div { display: grid; gap: 6px; padding: 18px; background: white; }
.application-watch strong { color: var(--green-dark); }
.application-watch span { color: var(--muted); }
.monitoring-note { margin: 12px 0 0; font-size: .88rem; color: var(--muted); }
.action-card__secondary { display: inline-block; margin: 12px 0 0 10px; color: white; font-weight: 800; }
@media (max-width: 860px) {
  .application-live__grid, .scrutiny-grid, .application-watch { grid-template-columns: 1fr; }
}


/* v1.7.16: consultation-date note and formal consultee schedule */
.consultation-update__note { margin: .8rem 0 0; font-size: .94rem; line-height: 1.45; font-weight: 600; }
.section--consultees { background: var(--mg-surface, #fff); }
.consultee-table th:first-child { min-width: 190px; }
.consultee-table td:nth-child(2) { min-width: 190px; }
.consultee-table td:nth-child(3) { min-width: 180px; }
.consultee-table td:nth-child(4), .consultee-table td:nth-child(5) { min-width: 300px; }


/* v1.7.17 strategic-settlement evidence update */
.section--strategic-test { background: #f4f6f2; }
.strategic-test-grid, .nppf-grid, .source-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:2rem; }
.strategic-test-card, .nppf-grid article, .source-card { background:#fff; border:1px solid rgba(20,54,40,.14); border-radius:14px; padding:1.25rem; box-shadow:0 8px 22px rgba(20,54,40,.06); }
.strategic-test-card h3, .nppf-grid h3 { margin-top:0; }
.strategic-test-card span { display:block; margin-top:1rem; padding-top:.85rem; border-top:1px solid rgba(20,54,40,.12); font-size:.92rem; font-weight:700; color:#355647; }
.section--phoenix { background:#edf4f7; }
.split-evidence { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); gap:2.25rem; align-items:center; }
.evidence-figure { margin:0; background:#fff; border-radius:16px; padding:.8rem; box-shadow:0 10px 30px rgba(0,0,0,.10); }
.evidence-figure img { display:block; width:100%; height:auto; border-radius:10px; }
.evidence-figure figcaption { font-size:.88rem; line-height:1.5; padding:.75rem .25rem .15rem; color:#52605a; }
.question-box { border-left:5px solid #1d6b55; background:#fff; padding:1rem 1.2rem; margin:1.25rem 0; border-radius:0 12px 12px 0; }
.question-box p { margin-bottom:0; }
.section--nppf { background:#173c31; color:#fff; }
.section--nppf .eyebrow, .section--nppf h2, .section--nppf .lead { color:#fff; }
.section--nppf .nppf-grid article { color:#173c31; }
.section--sources { background:#faf8f1; }
.source-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.source-card { display:flex; flex-direction:column; gap:.45rem; color:inherit; text-decoration:none; transition:transform .15s ease, box-shadow .15s ease; }
.source-card:hover, .source-card:focus { transform:translateY(-2px); box-shadow:0 12px 28px rgba(20,54,40,.12); }
.source-card strong { font-size:1.05rem; color:#173c31; }
.source-card span { color:#52605a; }
@media (max-width: 920px) { .strategic-test-grid, .nppf-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .split-evidence { grid-template-columns:1fr; } }
@media (max-width: 640px) { .strategic-test-grid, .nppf-grid, .source-grid { grid-template-columns:1fr; } }

/* =========================================================
   v1.8.0 — resident-first homepage / conversion redesign
   ========================================================= */

:root {
  --mg-soft-orange: #fff4e8;
  --mg-soft-green: #edf3ef;
  --mg-soft-blue: #eef5f7;
  --mg-deep: #102a23;
}

.mg-front-page { padding-bottom: 76px; }
.mg-front-page .section { scroll-margin-top: 145px; }

.hero--v180 { padding: 76px 0 62px; }
.hero-v180__grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.55fr) minmax(290px,.55fr); gap: 54px; align-items: center; }
.hero-v180__copy h1 { max-width: 850px; }
.hero-v180__statement { max-width: 870px; margin: 0 0 20px; font-size: clamp(1.26rem,2.5vw,2rem); line-height: 1.32; font-weight: 800; color: #fff; }
.hero-v180__position { max-width: 820px; margin: 0; color: #dce8e3; font-size: 1.02rem; }
.hero-v180__position strong { color: #ffd2a5; }
.hero-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 34px; }
.hero-action { display: flex; min-height: 142px; flex-direction: column; justify-content: center; gap: 4px; padding: 20px; color: white; text-decoration: none; border: 1px solid rgba(255,255,255,.32); background: rgba(255,255,255,.07); border-radius: 12px; transition: transform .16s ease, background .16s ease, box-shadow .16s ease; }
.hero-action:hover, .hero-action:focus { color: white; transform: translateY(-3px); background: rgba(255,255,255,.13); box-shadow: 0 14px 32px rgba(0,0,0,.14); }
.hero-action--primary { background: var(--amber); color: #1a1a16; border-color: var(--amber); }
.hero-action--primary:hover, .hero-action--primary:focus { background: #ef974c; color: #15130f; }
.hero-action > span { font-size: .72rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; opacity: .82; }
.hero-action > strong { font-size: 1.22rem; line-height: 1.1; }
.hero-action > small { font-size: .82rem; line-height: 1.35; opacity: .84; }
.application-banner--v180 { margin-top: 28px; }
.hero-v180__status { padding: 28px; background: rgba(255,255,255,.96); color: var(--ink); border-radius: 16px; box-shadow: 0 20px 55px rgba(0,0,0,.20); border-top: 6px solid var(--amber); }
.hero-v180__status .eyebrow { color: var(--amber-dark); }
.hero-v180__status > strong { display: block; margin: 6px 0 12px; color: var(--green-dark); font-size: 1.35rem; line-height: 1.25; }
.hero-v180__status p { font-size: .93rem; color: var(--muted); }
.status-pulse { display: inline-block; width: 11px; height: 11px; margin-right: 7px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 6px rgba(214,123,44,.16); }

.resident-nav--v180 { top: 82px; }
.resident-nav--v180 .resident-nav__inner { justify-content: flex-start; }
.resident-nav--v180 a:first-child { color: var(--amber-dark); }

.section--quick-brief { background: #fff; padding-top: 72px; }
.brief-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.62fr); gap: 50px; align-items: end; }
.brief-heading h2 { max-width: 760px; }
.brief-heading__intro { margin: 0 0 20px; color: var(--muted); font-size: 1.05rem; }
.fact-grid--v180 { margin-top: 28px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.fact-grid--v180 article { min-height: 130px; background: #fff; }
.fact-grid--v180 strong { font-size: clamp(2rem,3.5vw,3.2rem); }
.brief-story { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 26px; }
.brief-story article { display: grid; grid-template-columns: 52px 1fr; gap: 16px; padding: 24px; background: var(--paper); border-radius: 12px; }
.brief-story__number { display: flex; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 50%; background: var(--green-dark); color: white; font-weight: 900; }
.brief-story h3 { margin: 2px 0 8px; font-size: 1.2rem; line-height: 1.2; }
.brief-story p { margin: 0; color: var(--muted); font-size: .94rem; }
.journey-path { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 14px; align-items: center; margin-top: 30px; padding: 22px; background: var(--green-dark); color: white; border-radius: 12px; }
.journey-path > div { display: flex; flex-direction: column; text-align: center; }
.journey-path span { color: #f4c493; font-size: .74rem; font-weight: 900; text-transform: uppercase; letter-spacing: .09em; }
.journey-path strong { font-size: 1.12rem; }
.journey-path i { color: #f4c493; font-style: normal; font-size: 1.5rem; }

.section--latest { background: var(--mg-soft-orange); border-top: 1px solid #efd5ba; border-bottom: 1px solid #efd5ba; }
.section-heading--compact { align-items: center; }
.section-heading--compact h2 { margin-bottom: 0; }
.section-heading--compact > p { max-width: 330px; margin: 0; color: var(--muted); font-size: .93rem; }
.latest-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }
.latest-grid article { position: relative; min-height: 245px; display: flex; flex-direction: column; padding: 22px; background: white; border-radius: 12px; box-shadow: 0 8px 24px rgba(40,35,28,.06); }
.latest-grid article > span { color: var(--amber-dark); font-size: .72rem; font-weight: 900; letter-spacing: .12em; }
.latest-grid article > strong { margin-top: 14px; color: var(--green-dark); font-size: 1.12rem; }
.latest-grid article p { margin: 10px 0 18px; color: var(--muted); font-size: .9rem; line-height: 1.48; }
.latest-grid article a { margin-top: auto; font-size: .86rem; font-weight: 900; }

.section--issues-v180 { background: #f7f8f6; }
.section-heading__copy { max-width: 430px; margin-bottom: 15px; color: var(--muted); }
.issue-explainer-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.issue-explainer { display: flex; min-height: 100%; flex-direction: column; padding: 26px; background: white; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 8px 26px rgba(18,37,31,.05); transition: transform .16s ease, box-shadow .16s ease; }
.issue-explainer:hover { transform: translateY(-3px); box-shadow: 0 15px 34px rgba(18,37,31,.09); }
.issue-explainer__top { display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: center; }
.issue-explainer__top > span { display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 50%; background: var(--amber); color: #1e211c; font-weight: 900; font-size: .76rem; }
.issue-explainer h3 { margin: 0; color: var(--green-dark); font-size: 1.35rem; line-height: 1.15; }
.issue-explainer__summary { margin: 18px 0; font-size: 1.02rem; font-weight: 800; line-height: 1.45; }
.issue-explainer dl { margin: 0 0 20px; }
.issue-explainer dl > div { margin-top: 14px; padding-top: 14px; border-top: 1px solid #e3e8e4; }
.issue-explainer dt { margin-bottom: 4px; color: var(--amber-dark); font-size: .74rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.issue-explainer dd { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.52; }
.issue-explainer > .text-link { margin-top: auto; }

.section--four-questions { background: white; }
.resident-route-grid--v180 article { border-top: 0; border-left: 5px solid var(--amber); border-radius: 8px; }
.method-disclosure { margin-top: 28px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); }
.method-disclosure summary { padding: 18px 20px; cursor: pointer; color: var(--green-dark); font-weight: 900; }
.method-disclosure__body { padding: 0 20px 20px; }
.mini-test-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.mini-test-grid article { display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 15px; background: white; border-radius: 8px; }
.mini-test-grid article > span { color: var(--amber-dark); font-weight: 900; }
.mini-test-grid h3 { margin: 0 0 4px; font-size: 1rem; }
.mini-test-grid p { margin: 0; color: var(--muted); font-size: .85rem; }

.section--visual-story { background: var(--green-dark); color: white; }
.section--visual-story .eyebrow { color: #f3bf8b; }
.section--visual-story h2 { max-width: 850px; color: white; }
.visual-story-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-top: 34px; }
.visual-panel { padding: 28px; color: var(--ink); background: white; border-radius: 14px; }
.visual-panel h3 { margin-top: 0; color: var(--green-dark); font-size: 1.35rem; }
.visual-panel p { margin-bottom: 0; color: var(--muted); }
.timeline-v180 { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin: 26px 0 18px; }
.timeline-v180::before { content: ''; position: absolute; left: 8%; right: 8%; top: 17px; height: 3px; background: var(--sage); z-index: 0; }
.timeline-v180 > div { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; }
.timeline-v180 > div::before { content: ''; width: 34px; height: 34px; border: 7px solid var(--amber); background: white; border-radius: 50%; }
.timeline-v180 span { margin-top: 8px; color: var(--amber-dark); font-size: .7rem; font-weight: 900; text-transform: uppercase; }
.timeline-v180 strong { font-size: .82rem; }
.journey-chain { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; margin: 36px 0 26px; }
.journey-chain span { padding: 10px 13px; background: var(--mg-soft-green); border: 1px solid var(--line); border-radius: 999px; font-size: .84rem; font-weight: 900; color: var(--green-dark); }
.journey-chain i { color: var(--amber-dark); font-style: normal; font-weight: 900; }

.section--delivery-v180 { background: var(--mg-soft-green); }
.delivery-heading { display: flex; justify-content: space-between; gap: 35px; align-items: end; }
.delivery-key { display: flex; flex-wrap: wrap; gap: 12px 18px; margin-bottom: 20px; color: var(--muted); font-size: .78rem; }
.delivery-key span { display: inline-flex; align-items: center; gap: 6px; }
.dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; }
.dot--green { background: #2d8a4c; }
.dot--amber { background: #d98b2f; }
.dot--grey { background: #a6afaa; }
.delivery-lead { max-width: 880px; }
.delivery-snapshot-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 30px 0; }
.delivery-card { padding: 20px; background: white; border: 1px solid var(--line); border-radius: 12px; }
.delivery-card__title { display: flex; gap: 10px; align-items: center; }
.delivery-card__title h3 { margin: 0; font-size: 1.15rem; color: var(--green-dark); }
.delivery-stages { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; margin-top: 16px; background: var(--line); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.delivery-stages span { display: flex; min-height: 76px; flex-direction: column; justify-content: center; gap: 3px; padding: 10px; background: #fff; }
.delivery-stages small { color: var(--muted); font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.delivery-stages strong { font-size: .78rem; line-height: 1.3; }

.section--respond-v180 { background: #fff; }
.response-builder { display: grid; grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr); gap: 54px; align-items: start; }
.response-builder__intro { position: sticky; top: 160px; }
.response-principles { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.response-principles span { padding: 8px 11px; border-radius: 999px; background: var(--mg-soft-green); color: var(--green-dark); font-size: .78rem; font-weight: 900; }
.response-builder__tool { padding: 28px; background: var(--paper); border-radius: 16px; border: 1px solid var(--line); }
.response-builder__prompt { margin-top: 0; }
.topic-selector { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 22px; }
.topic-button { appearance: none; padding: 10px 13px; border: 1px solid var(--line); border-radius: 999px; background: white; color: var(--green-dark); cursor: pointer; font: inherit; font-size: .82rem; font-weight: 900; }
.topic-button:hover, .topic-button:focus { border-color: var(--amber); }
.topic-button.is-active { background: var(--green-dark); border-color: var(--green-dark); color: white; }
.response-topic { padding: 24px; background: white; border-radius: 12px; border-left: 6px solid var(--amber); }
.response-topic h3 { margin-top: 0; color: var(--green-dark); }
.response-topic__columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.response-topic__columns > div > strong { color: var(--amber-dark); font-size: .78rem; text-transform: uppercase; letter-spacing: .07em; }
.response-topic ul { margin: 10px 0 0; padding-left: 1.2em; }
.response-topic li { margin-bottom: 8px; color: var(--muted); font-size: .92rem; }
.response-builder__next { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.response-builder__next p { margin-top: 0; }

.section--action-v180 { background: var(--mg-soft-orange); }
.action-v180-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.action-v180-card { display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 28px; background: white; border: 1px solid #ead6bf; border-radius: 14px; }
.action-v180-card--highlight { background: var(--green-dark); color: white; border-color: var(--green-dark); }
.action-v180-card--highlight h2, .action-v180-card--highlight .eyebrow { color: white; }
.action-v180-card--highlight p { color: #dbe5e1; }
.action-v180-card__step { display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 50%; background: var(--amber); color: #17130f; font-weight: 900; }
.action-v180-card h2 { margin: 2px 0 10px; font-size: 1.65rem; letter-spacing: -.02em; }
.action-v180-card p { font-size: .92rem; }
.campaign-signup--compact { grid-template-columns: 1fr; }
.campaign-signup--compact input[type="text"], .campaign-signup--compact input[type="email"] { min-height: 42px; }
.share-feedback { min-height: 1.4em; margin-bottom: 0; color: var(--green-dark); font-size: .82rem; font-weight: 800; }

.section--evidence-hub { background: #f1f3f0; }
.evidence-hub-heading { display: grid; grid-template-columns: 1fr minmax(300px,.65fr); gap: 45px; align-items: end; margin-bottom: 28px; }
.evidence-hub-heading h2 { margin-bottom: 0; }
.evidence-hub-heading > p { margin: 0 0 12px; color: var(--muted); }
.evidence-accordion { margin: 10px 0; border: 1px solid var(--line); border-radius: 12px; background: white; box-shadow: 0 5px 18px rgba(18,37,31,.035); overflow: hidden; scroll-margin-top: 150px; }
.evidence-accordion > summary { display: grid; grid-template-columns: 42px 1fr auto; gap: 14px; align-items: center; min-height: 76px; padding: 14px 20px; cursor: pointer; list-style: none; }
.evidence-accordion > summary::-webkit-details-marker { display: none; }
.evidence-accordion > summary::after { content: '+'; color: var(--amber-dark); font-size: 1.55rem; font-weight: 400; }
.evidence-accordion[open] > summary::after { content: '−'; }
.evidence-accordion[open] > summary { border-bottom: 1px solid var(--line); background: #fbfcfa; }
.evidence-accordion > summary > span { display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 50%; background: var(--green-dark); color: white; font-size: .72rem; font-weight: 900; }
.evidence-accordion > summary strong { display: block; color: var(--green-dark); font-size: 1.05rem; }
.evidence-accordion > summary small { display: block; margin-top: 2px; color: var(--muted); font-size: .8rem; }
.evidence-accordion__body { padding: 26px; }
.evidence-accordion__body > h3:first-child { margin-top: 0; font-size: 1.5rem; }
.evidence-accordion .section-summary { color: var(--muted); }
.tracker-spacer { height: 24px; }

.section--useful-links { background: white; }
.section--useful-links h2 { max-width: 820px; }
.useful-link-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 28px; }
.useful-link-grid a { display: flex; min-height: 118px; flex-direction: column; justify-content: center; padding: 20px; color: var(--ink); text-decoration: none; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); transition: transform .15s ease, border-color .15s ease; }
.useful-link-grid a:hover, .useful-link-grid a:focus { transform: translateY(-2px); border-color: var(--amber); }
.useful-link-grid strong { color: var(--green-dark); font-size: .96rem; }
.useful-link-grid span { margin-top: 5px; color: var(--muted); font-size: .82rem; }

.sticky-action { position: fixed; z-index: 80; left: 0; right: 0; bottom: 0; background: rgba(16,42,35,.98); color: white; box-shadow: 0 -8px 30px rgba(0,0,0,.16); }
.sticky-action__inner { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.sticky-action__inner > div:first-child { display: flex; flex-direction: column; }
.sticky-action__inner strong { color: #f7bf88; font-size: .83rem; }
.sticky-action__inner span { font-size: .78rem; color: #d7e2dd; }
.sticky-action__buttons { display: flex; gap: 8px; align-items: center; }
.sticky-action__buttons a { display: inline-flex; align-items: center; min-height: 42px; padding: 9px 14px; color: white; text-decoration: none; border: 1px solid rgba(255,255,255,.45); border-radius: 4px; font-size: .82rem; font-weight: 900; }
.sticky-action__buttons a:hover, .sticky-action__buttons a:focus { background: white; color: var(--green-dark); }
.sticky-action__buttons .sticky-action__primary { background: var(--amber); color: #17130f; border-color: var(--amber); }
.sticky-action__buttons .sticky-action__primary:hover { background: white; }

@media (max-width: 1100px) {
  .hero-v180__grid { grid-template-columns: 1fr; }
  .hero-v180__status { max-width: 700px; }
  .latest-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .issue-explainer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .action-v180-grid { grid-template-columns: 1fr; }
  .useful-link-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 860px) {
  .mg-front-page { padding-bottom: 72px; }
  .hero--v180 { padding-top: 58px; }
  .hero-actions { grid-template-columns: 1fr; }
  .hero-action { min-height: 105px; }
  .brief-heading, .response-builder, .evidence-hub-heading { grid-template-columns: 1fr; gap: 18px; }
  .brief-story { grid-template-columns: 1fr; }
  .latest-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .visual-story-grid { grid-template-columns: 1fr; }
  .delivery-heading { display: block; }
  .delivery-key { margin-top: 10px; }
  .delivery-snapshot-grid { grid-template-columns: 1fr; }
  .response-builder__intro { position: static; }
  .useful-link-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sticky-action__inner > div:first-child { display: none; }
  .sticky-action__inner { justify-content: stretch; }
  .sticky-action__buttons { width: 100%; }
  .sticky-action__buttons a { flex: 1; justify-content: center; }
}

@media (max-width: 640px) {
  .mg-front-page { padding-bottom: 66px; }
  .hero-v180__statement { font-size: 1.22rem; }
  .application-banner--v180 { display: grid; gap: 7px; }
  .fact-grid--v180 { grid-template-columns: repeat(2,1fr); }
  .fact-grid--v180 article { min-height: 112px; padding: 18px; }
  .journey-path { grid-template-columns: 1fr; }
  .journey-path i { transform: rotate(90deg); text-align: center; }
  .latest-grid, .issue-explainer-grid, .mini-test-grid, .useful-link-grid { grid-template-columns: 1fr; }
  .latest-grid article { min-height: 0; }
  .section-heading, .section-heading--compact { display: block; }
  .section-heading__copy, .section-heading--compact > p { max-width: none; }
  .timeline-v180 { grid-template-columns: repeat(2,1fr); row-gap: 22px; }
  .timeline-v180::before { display: none; }
  .delivery-stages { grid-template-columns: repeat(2,1fr); }
  .response-builder__tool { padding: 18px; }
  .response-topic { padding: 18px; }
  .response-topic__columns { grid-template-columns: 1fr; }
  .evidence-accordion > summary { grid-template-columns: 36px 1fr auto; padding-inline: 14px; }
  .evidence-accordion > summary > span { width: 34px; height: 34px; }
  .evidence-accordion__body { padding: 18px 12px; }
  .sticky-action { padding: 7px 0; }
  .sticky-action__inner { min-height: 52px; }
  .sticky-action__buttons a { padding: 8px 9px; font-size: .74rem; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-action, .issue-explainer, .source-card, .useful-link-grid a { transition: none; }
}

/* Final v1.8.0 typography tuning */
.hero-v180__copy h1 { font-size: clamp(3rem,6vw,5.6rem); }


/* v1.8.7 — viability and delivery evidence layer */
.mg-viability-hub{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:1.25rem;align-items:start}.mg-viability-caution,.mg-secured-schedule{border-left:4px solid var(--mg-accent,#b67b2a);background:#f7f4ed;padding:1rem 1.2rem;margin:1.25rem 0}.mg-viability-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1.25rem 0 1.5rem}.mg-viability-kpis>div{background:#f4f5f2;border:1px solid rgba(19,48,42,.14);border-radius:10px;padding:1rem}.mg-viability-kpis strong{display:block;font-size:1.45rem;line-height:1.1;color:#173d34;margin-bottom:.35rem}.mg-viability-kpis span{display:block;font-size:.9rem;line-height:1.35;color:#47554f}.mg-viability-table td:nth-child(2),.mg-viability-table th:nth-child(2){white-space:nowrap;font-weight:700}.page .mg-evidence-principles{background:#eef3f0;border-radius:10px;padding:1rem 1.2rem}.page .mg-evidence-principles p:last-child{margin-bottom:0}@media(max-width:800px){.mg-viability-hub{grid-template-columns:1fr}.mg-viability-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.mg-viability-kpis{grid-template-columns:1fr}}


/* Hart Planning email fallback */
.email-hart-fallback { margin: 14px 0 0; font-size: .86rem; color: var(--muted); }
.email-hart-fallback a { color: var(--green-dark); font-weight: 800; }
.email-hart-copy { margin-left: 7px; padding: 4px 8px; border: 1px solid var(--green); border-radius: 3px; background: white; color: var(--green-dark); font: inherit; font-weight: 800; cursor: pointer; }
.email-hart-copy:hover { background: var(--green); color: white; }

/* Future Winchfield v0.1 additions */
:root {
  --fw-blue: #315b67;
  --fw-blue-dark: #183d48;
  --fw-gold: #d1a044;
  --fw-soft-blue: #e8f0f1;
}
.fw-prelaunch { background: #111b18; color: #fff; font-size: .82rem; }
.fw-prelaunch__inner { min-height: 38px; display: flex; align-items: center; gap: 16px; }
.fw-prelaunch strong { color: #ffd2a5; text-transform: uppercase; letter-spacing: .08em; font-size: .72rem; }
.campaign-mark__words { display: flex; flex-direction: column; gap: 3px; }
.campaign-mark__words small { color: var(--muted); font-size: .68rem; font-weight: 700; letter-spacing: .03em; }
.fw-hero { background: linear-gradient(130deg, var(--fw-blue-dark), #285866 68%, #3d7180); }
.fw-hero .hero__rings { border-color: rgba(209,160,68,.34); box-shadow: 0 0 0 65px rgba(255,255,255,.06), 0 0 0 135px rgba(209,160,68,.10); }
.fw-hero .hero-v180__position strong { color: #f6d79a; }
.fw-fact-grid article strong { letter-spacing: -.04em; }
.fw-brief-story { grid-template-columns: repeat(3,minmax(0,1fr)); }
.fw-area-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.fw-tests-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.fw-evidence-section { background: var(--fw-soft-blue); }
.fw-status-ladder { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 1px; margin-top: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: var(--line); }
.fw-status-ladder article { min-height: 215px; padding: 20px; background: #fff; }
.fw-status-ladder span { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 50%; background: var(--fw-blue-dark); color: #fff; font-size: .72rem; font-weight: 900; }
.fw-status-ladder strong { display: block; margin-top: 18px; color: var(--green-dark); font-size: 1.05rem; }
.fw-status-ladder p { margin-bottom: 0; color: var(--muted); font-size: .84rem; line-height: 1.5; }
.fw-evidence-principles { margin-top: 24px; }
.fw-timeline { grid-template-columns: repeat(4,1fr); }
.fw-source-note { background: #fff; border-top: 1px solid var(--line); }
.fw-footer-status { opacity: .82; font-size: .82rem; }
.button--outline { color: var(--green-dark); border-color: var(--green-dark); background: transparent; }
.button--outline:hover { background: var(--green-dark); color: #fff; }

@media (max-width: 1080px) {
  .fw-status-ladder { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .fw-tests-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .fw-area-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 780px) {
  .fw-prelaunch__inner { align-items: flex-start; flex-direction: column; gap: 2px; padding-top: 8px; padding-bottom: 8px; }
  .fw-brief-story, .fw-area-grid, .fw-tests-grid, .fw-status-ladder { grid-template-columns: 1fr; }
  .fw-timeline { grid-template-columns: 1fr 1fr; row-gap: 24px; }
  .fw-timeline::before { display: none; }
}

/* Future Winchfield v1.0 — public evidence framework */
.fw-hero--history .hero-v180__statement { max-width: 880px; }
.campaign-mark__words small { display: block; margin-top: 5px; color: var(--muted); font-size: .66rem; font-weight: 800; letter-spacing: .04em; }
.fw-current-position { border-top-color: var(--fw-gold); }
.fw-approach { background: #fff; }
.fw-approach .section-heading__copy, .fw-history-story .section-heading__copy, .fw-modern-change .section-heading__copy, .fw-continuity .section-heading__copy, .fw-future .section-heading__copy, .fw-sources .section-heading__copy { max-width: 520px; color: var(--muted); }
.fw-evidence-labels { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 32px; }
.fw-evidence-labels article { padding: 20px; background: var(--paper); border: 1px solid var(--line); border-radius: 12px; }
.fw-evidence-labels p { margin: 13px 0 0; color: var(--muted); font-size: .9rem; }
.fw-label { display: inline-block; width: max-content; max-width: 100%; padding: 5px 9px; border-radius: 999px; font-size: .69rem; line-height: 1.2; font-weight: 900; letter-spacing: .035em; text-transform: uppercase; }
.fw-label--fact { background: #dceadf; color: #1d5a31; }
.fw-label--history { background: #e8e1d1; color: #6b5320; }
.fw-label--research { background: #f8e8c8; color: #7c5415; }
.fw-label--scenario { background: #e1e9ef; color: #2f5668; }
.fw-label--proposal { background: #e8e2ef; color: #593b76; }
.fw-label--decision { background: #dfe7f4; color: #284d79; }
.fw-baseline { background: #eef2ef; }
.fw-fact-grid--baseline article { background: #fff; }
.fw-baseline-note { margin-top: 25px; padding: 22px 24px; background: #fff; border-left: 6px solid var(--green); box-shadow: 0 8px 25px rgba(18,37,31,.06); }
.fw-baseline-note p { margin: 0; }
.fw-baseline-note .fw-label { margin-right: 8px; vertical-align: .12em; }
.fw-history-story { background: #f7f3e9; }
.fw-history-axis { position: relative; display: grid; gap: 0; margin-top: 42px; }
.fw-history-axis::before { content: ''; position: absolute; left: 112px; top: 16px; bottom: 16px; width: 2px; background: #bdc9c2; }
.fw-history-axis article { position: relative; display: grid; grid-template-columns: 90px 1fr; gap: 46px; padding: 0 0 33px; }
.fw-history-axis article::before { content: ''; position: absolute; left: 104px; top: 10px; width: 18px; height: 18px; border: 4px solid #f7f3e9; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 2px var(--green-dark); }
.fw-history-axis time { padding-top: 5px; color: var(--green-dark); font-size: .9rem; font-weight: 900; text-align: right; }
.fw-history-axis h3 { margin: 0 0 6px; font-size: 1.35rem; }
.fw-history-axis p { max-width: 850px; margin: 0 0 11px; color: var(--muted); }
.fw-case-study { background: var(--fw-blue-dark); color: #fff; }
.fw-case-study .eyebrow { color: #f5cf83; }
.fw-case-study h2 { max-width: 780px; }
.fw-case-study .lead { color: #e7eff1; }
.fw-case-study__grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(300px,.7fr); gap: 65px; align-items: center; }
.fw-case-study__numbers { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; padding: 1px; background: rgba(255,255,255,.16); }
.fw-case-study__numbers div { min-height: 150px; padding: 22px; background: rgba(255,255,255,.08); }
.fw-case-study__numbers strong { display: block; color: #f3cf88; font-size: 2.2rem; line-height: 1; }
.fw-case-study__numbers span { display: block; margin-top: 10px; color: #dae5e8; font-size: .87rem; }
.fw-modern-change { background: #fff; }
.fw-modern-finding { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(330px,.7fr); gap: 35px; margin: 38px 0 32px; padding: 28px; border: 1px solid #e4c07d; border-radius: 16px; background: #fff8e9; }
.fw-modern-finding h3 { margin: 12px 0 9px; font-size: clamp(1.6rem,2.8vw,2.4rem); line-height: 1.08; }
.fw-modern-finding p:last-child { margin-bottom: 0; }
.fw-modern-finding__math { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 8px; align-items: center; align-content: center; text-align: center; }
.fw-modern-finding__math span { font-size: 2.2rem; font-weight: 900; color: var(--green-dark); }
.fw-modern-finding__math small { grid-row: 2; color: var(--muted); font-size: .72rem; }
.fw-modern-finding__math b { font-size: 1.4rem; }
.fw-modern-finding__math strong { grid-column: 1 / -1; margin-top: 12px; color: var(--amber-dark); font-size: 2.7rem; line-height: 1; }
.fw-modern-finding__math strong + small { grid-column: 1 / -1; grid-row: auto; margin-top: -2px; }
.fw-change-register-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 10px 28px rgba(18,37,31,.06); }
.fw-change-register { width: 100%; min-width: 1000px; border-collapse: collapse; background: #fff; font-size: .88rem; }
.fw-change-register caption { padding: 15px 18px; background: var(--green-dark); color: #fff; font-weight: 900; text-align: left; }
.fw-change-register th, .fw-change-register td { padding: 14px 16px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.fw-change-register thead th { background: #edf1ee; color: var(--green-dark); }
.fw-change-register tbody th { min-width: 190px; color: var(--green-dark); }
.fw-change-register tbody tr:last-child th, .fw-change-register tbody tr:last-child td { border-bottom: 0; }
.fw-table-note { margin-top: 14px; color: var(--muted); font-size: .82rem; }
.fw-continuity { background: #e7efeb; }
.fw-change-continuity-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.fw-change-continuity-grid article { padding: 26px; background: #fff; border-top: 6px solid var(--amber); box-shadow: 0 8px 24px rgba(18,37,31,.06); }
.fw-change-continuity-grid h3 { margin: 10px 0 16px; font-size: 1.45rem; }
.fw-change-continuity-grid ul { margin: 0; padding-left: 20px; }
.fw-change-continuity-grid li + li { margin-top: 9px; }
.fw-learning-question { margin-top: 24px; padding: 24px 26px; border-left: 7px solid var(--fw-blue); background: #fff; }
.fw-learning-question p { margin: 10px 0 0; font-size: 1.16rem; font-weight: 800; }
.fw-development-lens { background: #182b26; color: #fff; }
.fw-development-lens .eyebrow { color: #f2ba82; }
.fw-lens-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 34px; }
.fw-lens-grid article { padding: 27px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06); }
.fw-lens-grid span { color: #f2ba82; font-weight: 900; }
.fw-lens-grid h3 { margin: 16px 0 8px; font-size: 1.5rem; }
.fw-lens-grid p { color: #dce6e2; }
.fw-lens-grid small { color: #aabbb5; }
.fw-lens-note { max-width: 900px; margin: 28px 0 0; color: #cddbd6; }
.fw-future { background: #f8faf9; }
.fw-fact-grid--future { margin-top: 22px; border: 1px solid var(--line); }
.fw-future-watch { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 28px; }
.fw-future-watch article { padding: 23px; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.fw-future-watch h3 { margin: 13px 0 8px; font-size: 1.28rem; }
.fw-future-watch p { margin: 0; color: var(--muted); font-size: .92rem; }
.fw-watchlist { background: #eef3f4; }
.fw-sources { background: #fff; }
.fw-source-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.fw-source-grid article { display: flex; flex-direction: column; min-height: 270px; padding: 24px; border: 1px solid var(--line); border-radius: 13px; background: #fafbfa; }
.fw-source-grid h3 { margin: 15px 0 9px; font-size: 1.3rem; line-height: 1.18; }
.fw-source-grid p { color: var(--muted); font-size: .91rem; }
.fw-source-grid .text-link { margin-top: auto; }
.fw-source-note { background: #f4f0e7; border-top: 1px solid var(--line); }
@media (max-width: 1040px) {
  .fw-evidence-labels, .fw-future-watch, .fw-source-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .fw-change-continuity-grid { grid-template-columns: 1fr; }
  .fw-modern-finding, .fw-case-study__grid { grid-template-columns: 1fr; }
}
@media (max-width: 780px) {
  .fw-history-axis::before { left: 16px; }
  .fw-history-axis article { grid-template-columns: 1fr; gap: 5px; padding-left: 50px; }
  .fw-history-axis article::before { left: 8px; top: 8px; }
  .fw-history-axis time { text-align: left; }
  .fw-lens-grid { grid-template-columns: 1fr; }
  .fw-modern-finding__math { grid-template-columns: 1fr; text-align: left; }
  .fw-modern-finding__math small, .fw-modern-finding__math strong, .fw-modern-finding__math strong + small { grid-column: 1; grid-row: auto; }
  .fw-modern-finding__math b { display: none; }
}
@media (max-width: 560px) {
  .fw-evidence-labels, .fw-future-watch, .fw-source-grid { grid-template-columns: 1fr; }
  .fw-case-study__numbers { grid-template-columns: 1fr; }
}

/* Future Winchfield v1.0 — public Local Plan evidence release */
.campaign-mark--fw { grid-template-columns: 54px 1fr; gap: 12px; }
.campaign-mark__image { width: 54px; height: 54px; border-radius: 12px; box-shadow: 0 6px 16px rgba(18,37,31,.12); }
.campaign-mark--fw .campaign-mark__words { max-width: 250px; font-size: 1.02rem; }

.fw-hero--launch { padding-top: 78px; padding-bottom: 62px; background: linear-gradient(132deg,#14372e 0%,#245144 58%,#39715f 100%); }
.fw-hero--launch .hero__rings { border-color: rgba(185,219,105,.23); box-shadow: 0 0 0 65px rgba(255,255,255,.055),0 0 0 135px rgba(114,174,132,.12); }
.fw-hero--launch .hero-v180__copy h1 { margin-bottom: 12px; }
.fw-hero-mini-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:22px; border:1px solid #dce5df; background:#dce5df; }
.fw-hero-mini-stats div { padding:12px 10px; background:#fff; }
.fw-hero-mini-stats b { display:block; color:var(--green-dark); font-size:1.35rem; line-height:1; }
.fw-hero-mini-stats span { display:block; margin-top:5px; color:var(--muted); font-size:.7rem; line-height:1.25; }

.fw-quick-brief { background:#fff; }
.fw-brief-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.fw-brief-grid article { position:relative; padding:25px 24px 22px; border:1px solid var(--line); border-radius:14px; background:#fafbf9; box-shadow:0 8px 24px rgba(18,37,31,.045); }
.fw-brief-grid article > span { display:flex; width:38px; height:38px; align-items:center; justify-content:center; border-radius:50%; background:var(--green-dark); color:#fff; font-size:.72rem; font-weight:900; }
.fw-brief-grid h3 { margin:18px 0 8px; color:var(--green-dark); font-size:1.28rem; line-height:1.18; }
.fw-brief-grid p { margin:0; color:var(--muted); font-size:.91rem; }
.fw-brief-grid em { display:block; margin-top:18px; color:var(--amber-dark); font-size:.72rem; font-style:normal; font-weight:900; text-transform:uppercase; letter-spacing:.075em; }

.fw-october { background:#eef3ef; }
.fw-plan-facts { border:1px solid var(--line); background:#fff; }
.fw-plan-facts article { background:#fff; }
.fw-october-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:28px; }
.fw-october-card { padding:26px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.fw-october-card--accent { border-top:6px solid var(--amber); }
.fw-october-card h3 { margin:14px 0 9px; color:var(--green-dark); font-size:1.42rem; }
.fw-october-card p { margin:0; color:var(--muted); }
.fw-plan-callout { display:grid; grid-template-columns:minmax(210px,.55fr) minmax(300px,1.25fr) auto; gap:25px; align-items:center; margin-top:25px; padding:26px; border-left:7px solid var(--green); background:#fff; box-shadow:0 10px 28px rgba(18,37,31,.055); }
.fw-plan-callout h3 { margin:10px 0 0; font-size:1.5rem; }
.fw-plan-callout p { margin:0; color:var(--muted); }
.fw-plan-callout .button { white-space:nowrap; }

.fw-boundary-note { padding-top:70px; padding-bottom:70px; background:#172a25; color:#fff; }
.fw-boundary-note .eyebrow { color:#f2ba82; }
.fw-boundary-note h2 { max-width:820px; }
.fw-boundary-note .lead { color:#e7efeb; }
.fw-boundary-note p { color:#d1ded9; }
.fw-boundary-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr); gap:55px; align-items:center; }
.fw-boundary-grid aside { padding:28px; border:1px solid rgba(255,255,255,.16); border-top:6px solid var(--amber); background:rgba(255,255,255,.06); }
.fw-boundary-grid aside strong { display:block; margin-bottom:10px; color:#fff; font-size:1.35rem; }
.fw-boundary-grid aside .text-link { color:#f2c18e; }

.fw-sites-section { background:#fff; }
.fw-site-kpis { display:grid; grid-template-columns:repeat(4,1fr); margin:25px 0 32px; border:1px solid var(--line); }
.fw-site-kpis article { min-height:125px; padding:22px; border-right:1px solid var(--line); background:#f7f9f7; }
.fw-site-kpis article:last-child { border-right:0; }
.fw-site-kpis strong { display:block; color:var(--green-dark); font-size:2.3rem; line-height:1; }
.fw-site-kpis span { display:block; margin-top:10px; color:var(--muted); font-size:.84rem; font-weight:800; }
.fw-featured-sites { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.fw-site-card { display:flex; flex-direction:column; padding:24px; border:1px solid var(--line); border-radius:15px; background:#fafbf9; box-shadow:0 8px 26px rgba(18,37,31,.05); }
.fw-site-card__top { display:flex; justify-content:space-between; gap:10px; align-items:flex-start; }
.fw-site-code { display:inline-block; color:var(--green-dark); font-size:.72rem; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.fw-site-card h3 { min-height:2.45em; margin:16px 0; color:var(--green-dark); font-size:1.28rem; line-height:1.2; }
.fw-site-card__numbers { display:grid; grid-template-columns:1.25fr .75fr; gap:1px; margin-bottom:17px; border:1px solid var(--line); background:var(--line); }
.fw-site-card__numbers div { padding:13px; background:#fff; }
.fw-site-card__numbers b { display:block; color:var(--amber-dark); font-size:1.17rem; }
.fw-site-card__numbers span { display:block; margin-top:3px; color:var(--muted); font-size:.7rem; }
.fw-site-card dl { margin:0; }
.fw-site-card dl > div { display:grid; grid-template-columns:105px 1fr; gap:8px; padding:9px 0; border-top:1px solid #e1e7e2; }
.fw-site-card dt { color:var(--amber-dark); font-size:.68rem; font-weight:900; text-transform:uppercase; letter-spacing:.055em; }
.fw-site-card dd { margin:0; color:var(--muted); font-size:.82rem; }
.fw-site-card__note { margin-top:auto; padding-top:16px; color:#4c5a55; font-size:.82rem; }
.fw-site-status { display:inline-block; padding:5px 8px; border-radius:999px; font-size:.63rem; font-weight:900; line-height:1.2; }
.fw-site-status--green { background:#dceadf; color:#1d5a31; }
.fw-site-status--amber { background:#f8e8c8; color:#7c5415; }
.fw-site-register { margin-top:28px; }
.fw-site-register__intro { display:grid; grid-template-columns:1.4fr .6fr; gap:30px; align-items:start; }
.fw-site-register__intro h3 { margin:0 0 8px; }
.fw-site-register__intro p { color:var(--muted); }
.fw-register-key { display:flex; flex-direction:column; gap:8px; align-items:flex-start; }
.fw-site-filters { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }
.fw-site-filters button { appearance:none; border:1px solid var(--line); border-radius:999px; padding:8px 12px; background:#fff; color:var(--green-dark); font:inherit; font-size:.75rem; font-weight:900; cursor:pointer; }
.fw-site-filters button:hover,.fw-site-filters button.is-active { border-color:var(--green-dark); background:var(--green-dark); color:#fff; }
.fw-site-table-wrap { overflow-x:auto; border:1px solid var(--line); }
.fw-site-table { width:100%; min-width:1120px; border-collapse:collapse; font-size:.79rem; }
.fw-site-table th,.fw-site-table td { padding:13px 12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.fw-site-table thead th { position:sticky; top:0; background:var(--green-dark); color:#fff; z-index:1; }
.fw-site-table tbody th { min-width:135px; color:var(--green-dark); }
.fw-site-table small { display:block; margin-top:5px; color:var(--muted); font-size:.72rem; line-height:1.35; }
.fw-site-table tr[hidden] { display:none; }
.fw-availability-footnote { margin-top:24px; padding:23px 25px; border-left:7px solid var(--amber); background:#fff8e9; }
.fw-availability-footnote p { margin:10px 0 0; }

.fw-then-now { background:#f5f0e6; }
.fw-then-now-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.fw-then-now-grid article { padding:30px; border:1px solid #d8d3c7; background:#fff; }
.fw-then-now-grid__now { border-top:7px solid var(--green) !important; }
.fw-then-now-grid article > span { color:var(--amber-dark); font-size:.76rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.fw-then-now-grid h3 { margin:10px 0 17px; color:var(--green-dark); font-size:1.55rem; }
.fw-then-now-grid ul { padding-left:20px; color:#3f4c47; }
.fw-then-now-grid li+li { margin-top:8px; }
.fw-tests-strip { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; margin-top:24px; background:#c8d3cc; border:1px solid #c8d3cc; }
.fw-tests-strip div { padding:18px 15px; background:var(--green-dark); color:#fff; }
.fw-tests-strip strong { display:block; color:#f1c187; }
.fw-tests-strip span { display:block; margin-top:6px; color:#d9e4df; font-size:.76rem; }

.fw-journey-facts { display:grid; grid-template-columns:repeat(4,1fr); margin-bottom:28px; border:1px solid var(--line); }
.fw-journey-facts article { padding:22px; border-right:1px solid var(--line); background:#f7f9f7; }
.fw-journey-facts article:last-child { border-right:0; }
.fw-journey-facts strong { display:block; color:var(--green-dark); font-size:2rem; line-height:1; }
.fw-journey-facts span { display:block; margin-top:8px; color:var(--muted); font-size:.82rem; font-weight:800; }
.fw-growth-panel { display:grid; grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr); gap:44px; align-items:center; margin:28px 0 48px; padding:31px; border:1px solid #e0c791; border-radius:16px; background:#fff8e9; }
.fw-growth-copy h3 { margin:13px 0 10px; color:var(--green-dark); font-size:1.7rem; line-height:1.13; }
.fw-growth-copy p { color:#4d5a55; }
.fw-small-note { font-size:.8rem; }
.fw-growth-bars { display:grid; gap:8px; }
.fw-growth-bars > div { display:grid; grid-template-columns:54px 1fr; gap:10px; align-items:center; }
.fw-growth-bars time { color:var(--green-dark); font-size:.72rem; font-weight:900; }
.fw-growth-bars span { position:relative; min-height:30px; border-radius:4px; background:#e7ece7; overflow:hidden; }
.fw-growth-bars span::before { content:''; position:absolute; inset:0 auto 0 0; width:max(5px,var(--gain)); background:linear-gradient(90deg,var(--green),#6b947e); }
.fw-growth-bars b { position:relative; z-index:2; display:block; padding:5px 8px; color:#17221f; font-size:.78rem; }
.fw-history-axis--compact { margin-top:30px; }

.fw-watch-next { background:#eef3f4; }
.fw-latest-updates { background:#fff; }
.fw-latest-updates .post-card h3 { margin:.25rem 0 .5rem; font-size:1.25rem; }
.fw-latest-updates .post-card h3 a { color:var(--green-dark); text-decoration:none; }

@media (max-width:1080px) {
  .fw-brief-grid,.fw-featured-sites { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fw-site-kpis,.fw-journey-facts { grid-template-columns:repeat(2,1fr); }
  .fw-site-kpis article:nth-child(2),.fw-journey-facts article:nth-child(2) { border-right:0; }
  .fw-site-kpis article:nth-child(-n+2),.fw-journey-facts article:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .fw-plan-callout { grid-template-columns:1fr; }
  .fw-tests-strip { grid-template-columns:repeat(3,1fr); }
  .fw-growth-panel { grid-template-columns:1fr; }
}
@media (max-width:780px) {
  .campaign-mark--fw { grid-template-columns:46px 1fr; }
  .campaign-mark__image { width:46px; height:46px; }
  .fw-hero-mini-stats { grid-template-columns:1fr; }
  .fw-brief-grid,.fw-october-grid,.fw-featured-sites,.fw-then-now-grid,.fw-boundary-grid,.fw-site-register__intro { grid-template-columns:1fr; }
  .fw-site-kpis,.fw-journey-facts { grid-template-columns:1fr; }
  .fw-site-kpis article,.fw-journey-facts article { border-right:0; border-bottom:1px solid var(--line); }
  .fw-site-kpis article:last-child,.fw-journey-facts article:last-child { border-bottom:0; }
  .fw-tests-strip { grid-template-columns:1fr 1fr; }
  .fw-growth-panel { padding:23px 18px; }
  .fw-growth-bars > div { grid-template-columns:48px 1fr; }
}
@media (max-width:520px) {
  .fw-tests-strip { grid-template-columns:1fr; }
  .fw-site-card__numbers { grid-template-columns:1fr; }
  .fw-site-card dl > div { grid-template-columns:1fr; gap:2px; }
}

/* Public v1.0 - longer strategic-history evidence trail */
.fw-history-evidence { margin-top: 28px; }
.fw-history-source-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.fw-history-source-grid article { padding: 22px; border: 1px solid rgba(24,61,72,.14); border-radius: 16px; background: #fff; }
.fw-history-source-grid h3 { margin: 12px 0 8px; }
.fw-history-source-grid p { margin-bottom: 0; }
@media (max-width: 760px) { .fw-history-source-grid { grid-template-columns: 1fr; } }

/* =========================================================
   Future Winchfield v1.1.0 — layered 2 / 10 / keep-track home
   ========================================================= */
.fw-v11-home .section { scroll-margin-top: 145px; }
.fw-hero--v11 { padding: 78px 0 64px; }
.fw-v11-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(285px,.6fr); gap:54px; align-items:center; }
.fw-v11-hero-copy h1 { margin-bottom:14px; }
.fw-v11-hero-intro { max-width:820px; margin:.55rem 0; color:#e1ebe7; font-size:1.04rem; }
.fw-v11-promise { margin:22px 0 0; color:#ffd2a5; font-size:1rem; }
.fw-v11-now { padding:27px; border-top:6px solid var(--amber); border-radius:16px; background:#fff; color:var(--ink); box-shadow:0 20px 55px rgba(0,0,0,.20); }
.fw-v11-now__label { display:block; margin-bottom:8px; color:var(--amber-dark); font-size:.72rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.fw-v11-now > strong { display:block; color:var(--green-dark); font-size:1.32rem; line-height:1.24; }
.fw-v11-now p { color:var(--muted); font-size:.92rem; }

.fw-v11-routes { position:relative; z-index:5; margin-top:-24px; }
.fw-v11-route-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.fw-v11-route { min-height:176px; display:flex; flex-direction:column; justify-content:center; padding:27px; border:1px solid var(--line); border-top:7px solid var(--green); border-radius:14px; background:#fff; box-shadow:0 12px 34px rgba(18,37,31,.09); color:var(--ink); text-decoration:none; transition:transform .15s ease,box-shadow .15s ease; }
.fw-v11-route:hover,.fw-v11-route:focus { transform:translateY(-3px); box-shadow:0 18px 40px rgba(18,37,31,.13); color:var(--ink); }
.fw-v11-route--primary { border-top-color:var(--amber); background:#fff8ed; }
.fw-v11-route > span { margin-bottom:8px; color:var(--amber-dark); font-size:.73rem; font-weight:900; text-transform:uppercase; letter-spacing:.12em; }
.fw-v11-route > strong { color:var(--green-dark); font-size:1.42rem; line-height:1.13; }
.fw-v11-route > small { margin-top:9px; color:var(--muted); font-size:.86rem; line-height:1.45; }
.fw-v11-nav { margin-top:24px; }

.fw-v11-heading { align-items:start; }
.fw-v11-heading h2 { max-width:890px; }
.fw-v11-two { padding-top:72px; background:#fff; }
.fw-v11-four { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.fw-v11-four article { padding:28px; border:1px solid var(--line); border-radius:14px; background:#f8faf8; }
.fw-v11-four article > span { color:var(--amber-dark); font-size:.74rem; font-weight:900; letter-spacing:.1em; }
.fw-v11-four h3 { margin:12px 0 10px; color:var(--green-dark); font-size:1.42rem; line-height:1.18; }
.fw-v11-four p { margin:0; color:var(--muted); }
.fw-v11-next-step { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:18px; margin-top:24px; padding:22px 25px; border-left:7px solid var(--amber); background:#fff5e9; }
.fw-v11-next-step strong { color:var(--green-dark); font-size:1.1rem; }

.fw-v11-ten { background:#edf3ef; }
.fw-v11-chapters { display:grid; gap:1px; border:1px solid var(--line); background:var(--line); }
.fw-v11-chapters article { display:grid; grid-template-columns:68px minmax(0,1fr); gap:18px; padding:25px 28px; background:#fff; }
.fw-v11-chapters article > span { display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:50%; background:var(--green-dark); color:#fff; font-weight:900; }
.fw-v11-chapters h3 { margin:0 0 7px; color:var(--green-dark); font-size:1.32rem; }
.fw-v11-chapters p { margin:0; color:var(--muted); }
.fw-v11-topic-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.fw-v11-topic-links a { padding:9px 13px; border:1px solid var(--green); border-radius:999px; color:var(--green-dark); background:#fff; text-decoration:none; font-size:.82rem; font-weight:900; }
.fw-v11-topic-links a:hover { background:var(--green-dark); color:#fff; }

.fw-v11-track { background:#172a25; color:#fff; }
.fw-v11-track .eyebrow { color:#f2ba82; }
.fw-v11-track h2 { color:#fff; }
.fw-v11-track .lead { color:#d7e4df; }
.fw-v11-track-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(290px,.55fr); gap:54px; align-items:start; }
.fw-v11-track-status { margin-top:28px; border:1px solid rgba(255,255,255,.15); }
.fw-v11-track-status > div { display:grid; grid-template-columns:190px 1fr; gap:18px; padding:15px 18px; border-bottom:1px solid rgba(255,255,255,.12); }
.fw-v11-track-status > div:last-child { border-bottom:0; }
.fw-v11-track-status strong { color:#f4c493; }
.fw-v11-track-status span { color:#e3ece8; }
.fw-v11-email-card { padding:28px; border-top:6px solid var(--amber); border-radius:14px; background:#fff; color:var(--ink); }
.fw-v11-email-card h3 { margin:13px 0 9px; color:var(--green-dark); font-size:1.55rem; }
.fw-v11-email-card p { color:var(--muted); }
.fw-v11-email-card .button { margin-top:8px; }
.fw-v11-email-card small { display:block; margin-top:13px; color:var(--muted); }
.fw-v11-latest { margin-top:42px; }
.fw-v11-latest > h3 { color:#fff; font-size:1.4rem; }
.fw-v11-latest .post-card { color:var(--ink); }

.fw-v11-deeper { background:#f7f6f1; }
.fw-v11-disclosure { margin:0 0 14px; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(18,37,31,.045); overflow:hidden; }
.fw-v11-disclosure > summary { position:relative; display:block; padding:24px 64px 24px 26px; cursor:pointer; list-style:none; }
.fw-v11-disclosure > summary::-webkit-details-marker { display:none; }
.fw-v11-disclosure > summary::after { content:'+'; position:absolute; right:25px; top:50%; transform:translateY(-50%); color:var(--amber-dark); font-size:2rem; font-weight:700; }
.fw-v11-disclosure[open] > summary::after { content:'−'; }
.fw-v11-disclosure[open] > summary { border-bottom:1px solid var(--line); background:#fbfcfa; }
.fw-v11-disclosure summary span { display:block; margin-bottom:3px; color:var(--amber-dark); font-size:.69rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.fw-v11-disclosure summary strong { display:block; color:var(--green-dark); font-size:1.35rem; line-height:1.2; }
.fw-v11-disclosure summary small { display:block; margin-top:5px; color:var(--muted); font-size:.82rem; }
.fw-v11-disclosure__body { padding:30px 28px 34px; }
.fw-v11-disclosure__body > :first-child { margin-top:0; }
.fw-v11-boundary-note { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:28px; }
.fw-v11-boundary-note > div { padding:24px; border-left:6px solid var(--amber); background:#fff8e9; }
.fw-v11-boundary-note h3 { margin:12px 0 8px; color:var(--green-dark); font-size:1.35rem; }
.fw-v11-boundary-note p { margin:0; color:var(--muted); }
.fw-v11-lens { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:30px; }
.fw-v11-lens article { padding:22px; border:1px solid var(--line); border-top:5px solid var(--green); background:#fff; }
.fw-v11-lens span { color:var(--amber-dark); font-size:.72rem; font-weight:900; }
.fw-v11-lens h3 { margin:10px 0 7px; color:var(--green-dark); }
.fw-v11-lens p { margin:0; color:var(--muted); }
.fw-v11-close { background:#fff; }

@media (max-width:980px) {
  .fw-v11-hero-grid,.fw-v11-track-grid { grid-template-columns:1fr; }
  .fw-v11-route-grid { grid-template-columns:1fr; }
  .fw-v11-route { min-height:0; }
  .fw-v11-lens { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  .fw-v11-four,.fw-v11-boundary-note { grid-template-columns:1fr; }
  .fw-v11-chapters article { grid-template-columns:50px minmax(0,1fr); padding:21px 17px; gap:12px; }
  .fw-v11-chapters article > span { width:40px; height:40px; }
  .fw-v11-track-status > div { grid-template-columns:1fr; gap:4px; }
  .fw-v11-disclosure > summary { padding:20px 52px 20px 18px; }
  .fw-v11-disclosure__body { padding:23px 16px 28px; }
  .fw-v11-routes { margin-top:0; padding-top:14px; background:var(--paper); }
}


/* v1.1.1 Stay Informed + Spread the Word */
.fw-v11-informed-card { scroll-margin-top: 150px; }
.fw-mailchimp-form { margin-top: 18px; }
.fw-mailchimp-form form { display: grid; gap: 12px; }
.fw-mailchimp-form p { margin: 0; }
.fw-mailchimp-form label { display: grid; gap: 5px; color: var(--green-dark); font-size: .86rem; font-weight: 900; }
.fw-mailchimp-form input[type="text"],
.fw-mailchimp-form input[type="email"] { width: 100%; min-height: 46px; padding: 10px 12px; border: 2px solid rgba(23,34,31,.28); border-radius: 4px; background: #fff; color: var(--ink); font: inherit; }
.fw-mailchimp-form input[type="text"]:focus,
.fw-mailchimp-form input[type="email"]:focus { outline: 3px solid rgba(37,79,67,.22); border-color: var(--green-dark); }
.fw-mailchimp-form input[type="submit"],
.fw-mailchimp-form button[type="submit"] { width: max-content; min-height: 46px; padding: 11px 18px; border: 2px solid var(--amber); border-radius: 3px; background: var(--amber); color: #17130f; cursor: pointer; font: inherit; font-weight: 900; }
.fw-mailchimp-form input[type="submit"]:hover,
.fw-mailchimp-form button[type="submit"]:hover { background: #fff; border-color: var(--green-dark); color: var(--green-dark); }
.fw-mailchimp-form .mc4wp-response { margin-top: 10px; color: var(--green-dark); font-size: .88rem; font-weight: 800; }

.fw-v11-spread-card { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); gap:40px; align-items:center; margin-top:26px; padding:28px 30px; border:1px solid rgba(255,255,255,.16); border-left:6px solid var(--amber); border-radius:14px; background:rgba(255,255,255,.07); color:#fff; scroll-margin-top:150px; }
.fw-v11-spread-card h3 { margin:12px 0 8px; color:#fff; font-size:1.55rem; }
.fw-v11-spread-card p { margin-bottom:0; color:#dbe5e1; }
.fw-v11-share-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.fw-v11-share-actions .button--outline { border-color:rgba(255,255,255,.7); color:#fff; }
.fw-v11-share-actions .button--outline:hover,
.fw-v11-share-actions .button--outline:focus { border-color:#fff; background:#fff; color:var(--green-dark); }
.fw-v11-share-actions .share-feedback { flex-basis:100%; min-height:1.5em; margin:4px 0 0; color:#f4c493; }

@media (max-width: 820px) {
  .fw-v11-spread-card { grid-template-columns:1fr; gap:22px; }
}
@media (max-width: 560px) {
  .fw-v11-share-actions { display:grid; grid-template-columns:1fr 1fr; }
  .fw-v11-share-actions .button { width:100%; }
  .fw-v11-share-actions .share-feedback { grid-column:1 / -1; }
}
\n\n/* v1.2.0 — headline question, maps and simplified housing figures */\n.fw-hero--v11 { padding: 66px 0 58px; }\n.fw-v12-hero { position: relative; z-index: 2; }\n.fw-v12-hero-heading { max-width: 980px; margin-bottom: 28px; }\n.fw-v12-hero-heading h1 { margin: 0 0 12px; font-size: clamp(2.7rem, 6vw, 5.45rem); line-height: .98; letter-spacing: -.045em; }\n.fw-v12-hero-strap { max-width: 820px; margin: 0; color: #e1ebe7; font-size: clamp(1.05rem, 2vw, 1.3rem); line-height: 1.5; }\n.fw-v12-map-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin: 30px 0 34px; }\n.fw-v12-map { margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.2); border-radius: 16px; background: #fff; box-shadow: 0 18px 45px rgba(0,0,0,.2); }\n.fw-v12-map__viewport { overflow: hidden; background: #eef2e9; }\n.fw-v12-map__viewport img { display: block; width: 100%; height: 100%; object-fit: cover; }\n.fw-v12-map--winchfield .fw-v12-map__viewport { aspect-ratio: 3 / 4; }\n.fw-v12-map--winchfield .fw-v12-map__viewport img { object-position: 50% 54%; }\n.fw-v12-map--hart .fw-v12-map__viewport { aspect-ratio: 3 / 4; }\n.fw-v12-map--hart .fw-v12-map__viewport img { object-position: 50% 56%; }\n.fw-v12-map figcaption { display: grid; gap: 3px; padding: 13px 15px 15px; color: var(--ink); background: #fff; }\n.fw-v12-map figcaption strong { color: var(--green-dark); font-size: .92rem; }\n.fw-v12-map figcaption span { color: var(--muted); font-size: .75rem; line-height: 1.4; }\n.fw-v12-hero-lower { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(285px,.6fr); gap: 54px; align-items: center; margin-top: 4px; }\n.fw-v12-headline-numbers { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 28px; }\n.fw-v12-headline-numbers article { padding: 20px 22px; border: 1px solid rgba(255,255,255,.18); border-left: 6px solid var(--amber); border-radius: 12px; background: rgba(255,255,255,.08); }\n.fw-v12-headline-numbers strong { display: block; color: #fff; font-size: clamp(2.1rem,4vw,3.35rem); line-height: 1; }\n.fw-v12-headline-numbers span { display: block; margin-top: 8px; color: #e3ece8; font-size: .9rem; font-weight: 800; line-height: 1.35; }\n.fw-v12-number-note { max-width: 980px; margin: 11px 0 0; color: #c9d9d3; font-size: .78rem; line-height: 1.45; }\n.fw-register-key { align-content: start; gap: 8px; }\n.fw-area-key { display: block; margin-top: 4px; padding: 8px 10px; border: 1px solid rgba(24,61,72,.14); border-radius: 8px; background: #f5f7f5; color: var(--green-dark); font-size: .78rem; line-height: 1.35; }\n\n@media (max-width: 980px) {\n  .fw-v12-hero-lower { grid-template-columns: 1fr; gap: 28px; }\n}\n@media (max-width: 760px) {\n  .fw-v12-map-grid, .fw-v12-headline-numbers { grid-template-columns: 1fr; }\n  .fw-v12-map--winchfield .fw-v12-map__viewport { aspect-ratio: 1 / 1; }\n  .fw-v12-map--hart .fw-v12-map__viewport { aspect-ratio: 4 / 5; }\n  .fw-v12-map--hart .fw-v12-map__viewport img { object-position: 50% 62%; }\n}\n

/* v1.3.0 — a welcoming fourth route for residents to participate */
.fw-v11-route-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.fw-v13-route--action { background: #fff4e1; border-top-color: var(--amber); }
.fw-v13-route--action strong { font-weight: 900; }
.fw-v13-header-cta { flex-shrink: 0; display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:10px 17px; border-radius:6px; color:#151a15; background:var(--amber); font-size:.88rem; font-weight:900; text-decoration:none; }
.fw-v13-header-cta:hover,.fw-v13-header-cta:focus { background:var(--green-dark); color:#fff; }
.fw-v13-next-step { align-items:center; }
.fw-v13-next-step p { margin:7px 0 0; font-size:.91rem; }
.fw-v13-next-step .button-row { display:flex; flex-wrap:wrap; gap:10px; }
.fw-v13-final-cta { background:var(--green-dark); color:#fff; padding:42px 0; }
.fw-v13-final-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.fw-v13-final-cta h2 { margin:4px 0 10px; color:#fff; max-width:670px; }
.fw-v13-final-cta p { max-width:780px; margin:0; color:#dce7e0; }
.fw-v13-final-cta .button { flex-shrink:0; }

/* Standalone Have your say page: practical, readable and intentionally concise. */
.fw-hys-hero { padding:75px 0 50px; background:var(--green-dark); color:#fff; }
.fw-hys-hero .eyebrow { color:#f4be6d; }
.fw-hys-hero h1 { max-width:900px; margin:10px 0 18px; color:#fff; font-size:clamp(2.7rem,5.4vw,4.9rem); letter-spacing:-.045em; line-height:1.04; }
.fw-hys-lead { color:#e5ece8; max-width:870px; font-size:clamp(1.15rem,2.1vw,1.42rem); line-height:1.55; }
.fw-hys-deadline { display:inline-block; margin:16px 0 25px; padding:10px 15px; background:rgba(255,255,255,.1); border-left:5px solid var(--amber); color:#fff; font-weight:800; }
.fw-hys-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin:10px 0 0; }
.fw-hys-hero-actions .button--outline { border-color:#fff; color:#fff; }
.fw-hys-hero-actions .button--outline:hover { background:#fff; color:var(--green-dark); }
.fw-hys-content { background:#fff; padding:50px 0 70px; }
.fw-hys-content h2 { margin:12px 0 15px; color:var(--green-dark); font-size:clamp(1.55rem,3.3vw,2.45rem); }
.fw-hys-content h3 { color:var(--green-dark); }
.fw-hys-intro { max-width:800px; font-size:1.07rem; line-height:1.65; }
.fw-hys-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin:28px 0 38px; }
.fw-hys-step { border:1px solid var(--line); border-top:5px solid var(--green); border-radius:12px; padding:22px; background:#f9faf8; }
.fw-hys-step > span { font-size:.77rem; letter-spacing:.1em; text-transform:uppercase; font-weight:900; color:var(--amber-dark); }
.fw-hys-step h3 { font-size:1.18rem; margin:8px 0 10px; }
.fw-hys-step p { margin:0; font-size:.93rem; }
.fw-hys-box { border:1px solid var(--line); border-left:6px solid var(--amber); border-radius:10px; margin:26px 0; padding:25px 28px; background:#fff8ec; }
.fw-hys-box h2 { margin:0 0 13px; }
.fw-hys-box ul { margin-bottom:4px; padding-left:22px; }
.fw-hys-box li { padding-bottom:6px; }
.fw-hys-link-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:26px 0 38px; }
.fw-hys-link { display:block; padding:22px; background:#f6f8f5; border:1px solid var(--line); border-radius:10px; color:var(--ink); text-decoration:none; }
.fw-hys-link:hover,.fw-hys-link:focus { border-color:var(--green-dark); background:#eaf2e9; }
.fw-hys-link strong { display:block; font-size:1.05rem; color:var(--green-dark); margin-bottom:7px; }
.fw-hys-link span { display:block; font-size:.89rem; line-height:1.5; }
.fw-hys-methods { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:22px 0 32px; }
.fw-hys-methods article { border:1px solid var(--line); border-radius:10px; padding:22px; background:#fff; min-width:0; overflow-wrap:anywhere; }
.fw-hys-methods p { margin-bottom:8px; font-size:.92rem; }
.fw-hys-methods h3 { margin:0 0 8px; }
.fw-hys-note { max-width:850px; margin:20px 0 30px; padding:15px 20px; border-radius:9px; background:#f4f7f3; font-size:.92rem; line-height:1.5; }
.fw-hys-bottom { background:var(--green-dark); color:#fff; padding:38px 0; }
.fw-hys-bottom h2 { color:#fff; }
.fw-hys-bottom p { color:#dfe8e3; max-width:800px; }
.fw-hys-bottom .button { margin-top:10px; }
.fw-hys-strong { color:var(--green-dark); font-weight:900; }
.fw-hys-prompt { border-top:1px solid var(--line); padding:20px 0; }
.fw-hys-prompt:first-child { border-top:0; }
.fw-hys-prompt h3 { margin:0 0 8px; }
@media (max-width:1220px) { .fw-v11-route-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:980px) { .fw-v13-final-cta-inner { flex-direction:column; align-items:flex-start; } .fw-hys-steps,.fw-hys-methods { grid-template-columns:1fr; } }
@media (max-width:820px) { .fw-v11-route-grid { grid-template-columns:1fr; } .fw-v13-header-cta { margin-left:auto; font-size:.79rem; padding:9px 12px; } .fw-hys-link-grid { grid-template-columns:1fr; } }
@media (max-width:560px) { .fw-hys-hero { padding:50px 0 40px; } .fw-hys-content { padding:32px 0 55px; } .fw-hys-hero-actions { flex-direction:column; } .fw-hys-hero-actions .button { width:100%; text-align:center; } .fw-hys-box { padding:20px; } }
@media print { .fw-hys-hero { color:#000; background:#fff; } .fw-hys-hero h1,.fw-hys-lead { color:#000; } .fw-hys-methods,.fw-hys-step { break-inside:avoid; } .site-header,.site-footer,.fw-hys-bottom { display:none !important; } }

/* v1.3.2: display the user-supplied cropped PNG maps in full on every viewport.
   Previous fixed aspect-ratio + object-fit:cover cropped the images again on desktop. */
.fw-v12-map--winchfield .fw-v12-map__viewport,
.fw-v12-map--hart .fw-v12-map__viewport { aspect-ratio: auto; }
.fw-v12-map__viewport img { width: 100%; height: auto; object-fit: contain; object-position: center; }


/* v1.3.3: show both supplied PNGs at approximately 40% of their former
   desktop display width, centred together, with no clipping or upscaling
   to the width of the large original cards. Keep the pair side by side. */
.fw-v12-map-grid {
    grid-template-columns: repeat(2, minmax(0, 20%));
    justify-content: center;
    align-items: start;
    gap: 20px;
}
.fw-v12-map__viewport img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}
@media (max-width: 900px) {
    .fw-v12-map-grid {
        grid-template-columns: repeat(2, minmax(0, min(40%, 200px)));
        gap: 12px;
    }
}
@media (max-width: 480px) {
    .fw-v12-map-grid { gap: 10px; }
    .fw-v12-map { border-radius: 10px; }
    .fw-v12-map figcaption { padding: 8px; }
    .fw-v12-map figcaption strong { font-size: .78rem; }
    .fw-v12-map figcaption span { font-size: .68rem; line-height: 1.3; }
}

/* v1.3.5: one combined user-provided map image. No per-map cards, crop, forced
   aspect ratio or CSS enlargement. Keep original proportions and cap desktop
   display width to retain clarity. */
.fw-v12-map-grid.fw-v134-map-single {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 768px;
    margin: 30px auto 34px;
    justify-content: center;
    gap: 0;
}
.fw-v134-map-combined { width: 100%; min-width: 0; }
.fw-v134-map-combined .fw-v12-map__viewport {
    aspect-ratio: auto !important;
    overflow: visible;
}
.fw-v134-map-combined .fw-v12-map__viewport img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    object-fit: contain !important;
    object-position: center;
}
@media (max-width: 480px) {
    .fw-v12-map-grid.fw-v134-map-single { margin: 22px auto 28px; }
}


/* v1.3.6 — native-resolution Winchfield crop, left-aligned, with clear
   current-position reading order and two equivalent housing-figure panels. */
.fw-v136-overview-grid {
    display: grid;
    grid-template-columns: 323px minmax(0, 1fr);
    align-items: start;
    column-gap: clamp(28px, 4vw, 60px);
    margin: 24px 0 28px;
}
.fw-v136-overview-grid .fw-v12-map-grid.fw-v134-map-single {
    display: block;
    max-width: 323px;
    width: 100%;
    margin: 0;
    justify-self: start;
}
.fw-v136-overview-grid .fw-v134-map-combined { width: 100%; }
.fw-v136-overview-grid .fw-v134-map-combined .fw-v12-map__viewport img {
    display: block;
    width: 100%;
    max-width: 323px;
    height: auto !important;
    object-fit: contain !important;
    object-position: left top;
}
.fw-v136-hero-explainer.fw-v12-hero-lower {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 24px;
    margin: 0;
}
.fw-v136-hero-explainer .fw-v11-hero-copy {
    border-left: 4px solid rgba(244, 196, 147, .85);
    padding: 4px 0 4px 20px;
}
.fw-v136-hero-explainer .fw-v11-hero-intro {
    margin: 0 0 11px;
    font-size: 1rem;
    line-height: 1.58;
    color: #dfece7;
}
.fw-v136-hero-explainer .fw-v136-intro-lead {
    font-weight: 700;
    color: #fff;
    font-size: clamp(1.07rem, 1.5vw, 1.25rem);
    line-height: 1.43;
}
.fw-v136-hero-explainer .fw-v11-promise {
    margin: 17px 0 0;
    color: #ffd2a5;
}
.fw-v136-hero-explainer .fw-v11-now { padding: 22px 25px; }
.fw-v136-hero-explainer .fw-v11-now__label {
    margin: 0 0 12px;
    padding-bottom: 9px;
    font-size: .9rem;
    letter-spacing: .07em;
    border-bottom: 1px solid #dbe6df;
}
.fw-v136-hero-explainer .fw-v11-now > strong { font-size: 1.22rem; line-height: 1.3; }
.fw-v136-hero-explainer .fw-v11-now p { font-size: .95rem; line-height: 1.5; }
.fw-v136-headline-numbers.fw-v12-headline-numbers {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 16px;
    margin-top: 12px;
}
.fw-v136-headline-numbers article {
    display: flex;
    flex-direction: column;
    min-height: 156px;
    justify-content: center;
    padding: 24px 28px;
    border-left-width: 6px;
}
.fw-v136-headline-numbers article strong {
    font-size: clamp(2.65rem, 4.4vw, 3.6rem);
    line-height: 1.04;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.025em;
}
.fw-v136-headline-numbers article span {
    font-size: clamp(.98rem, 1.2vw, 1.13rem);
    font-weight: 700;
    line-height: 1.42;
    margin-top: 12px;
    max-width: 37ch;
}
@media (max-width: 790px) {
    .fw-v136-overview-grid { grid-template-columns: minmax(0, 1fr); row-gap: 25px; }
    .fw-v136-hero-explainer.fw-v12-hero-lower { gap: 20px; }
}
@media (max-width: 620px) {
    .fw-v136-headline-numbers.fw-v12-headline-numbers { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .fw-v136-headline-numbers article { min-height: 0; padding: 20px 23px; }
}


/* v1.3.7 — full opening map first, followed by the explanation and current
   position. Keep the hero question on a single line where space permits. */
.fw-v12-hero-heading { max-width: 100%; }
.fw-v12-hero-heading h1 {
    max-width: none;
    white-space: nowrap;
    font-size: clamp(1.42rem, 5.15vw, 5.2rem);
    line-height: 1.08;
}
.fw-v136-overview-grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
    align-items: start;
}
.fw-v136-overview-grid .fw-v12-map-grid.fw-v134-map-single {
    display: block;
    width: 323px;
    max-width: 100%;
    margin: 0;
    justify-self: start;
}
.fw-v136-overview-grid .fw-v134-map-combined {
    width: 100%;
    height: auto;
    overflow: visible;
}
.fw-v136-overview-grid .fw-v134-map-combined .fw-v12-map__viewport {
    height: auto !important;
    aspect-ratio: auto !important;
    overflow: visible;
}
.fw-v136-overview-grid .fw-v134-map-combined .fw-v12-map__viewport img {
    display: block;
    width: 100%;
    max-width: 323px;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left top;
}
.fw-v136-overview-grid .fw-v136-hero-explainer {
    width: 100%;
    max-width: 940px;
    min-width: 0;
    margin: 0;
}
@media (max-width: 340px) {
    .fw-v12-hero-heading h1 { white-space: normal; }
}


/* v1.3.8 — Media Library-selected landscape map. Do not apply the portrait
   width limit when an administrator selects a combined map. Preserve all of it. */
.fw-v136-overview-grid .fw-v12-map-grid.fw-v134-map-single.fw-v138-custom-map {
    display: block;
    width: 100%;
    max-width: 1200px;
    margin: 0;
    justify-self: start;
}
.fw-v136-overview-grid .fw-v138-custom-map .fw-v134-map-combined,
.fw-v136-overview-grid .fw-v138-custom-map .fw-v12-map__viewport {
    width: 100%;
    height: auto !important;
    aspect-ratio: auto !important;
    overflow: visible;
}
.fw-v136-overview-grid .fw-v138-custom-map .fw-v12-map__viewport img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left top;
}


/* v1.3.9 — direct landscape hero map supplied in the theme. Display it across
   the available width without portrait limits, with text following below. */
.fw-v136-overview-grid .fw-v12-map-grid.fw-v134-map-single {
    display: block;
    width: 100%;
    max-width: 1200px;
    margin: 0;
    justify-self: start;
}
.fw-v136-overview-grid .fw-v134-map-combined,
.fw-v136-overview-grid .fw-v12-map__viewport {
    width: 100%;
    height: auto !important;
    aspect-ratio: auto !important;
    overflow: visible;
}
.fw-v136-overview-grid .fw-v134-map-combined .fw-v12-map__viewport img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left top;
}

/* v1.3.10: dedicated landscape image — no legacy map card, no cropped viewport,
   no aspect-ratio container. Always show BOTH sides and all source pixels,
   scaled proportionally to the actual available viewport width. */
.fw-v136-overview-grid {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    overflow: visible;
}
.fw-hero-map-v1310 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}
.fw-hero-map-v1310 > img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: left top !important;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}