/* Original Surrey City News stylesheet remains untouched; this is a small edition layer. */
:root{--red:#b74629;--red-dark:#b74629;--newsprint:#f8f3e9}
.network-ribbon{background:#111;color:#fff;font-size:.73rem;font-weight:650;letter-spacing:.02em}
.network-ribbon-inner{min-height:36px;display:flex;align-items:center;gap:1rem}
.network-ribbon a{color:inherit;text-decoration:none}
.network-ribbon-name{display:inline-flex;align-items:center;gap:.48rem;text-transform:uppercase;letter-spacing:.11em;white-space:nowrap}
.network-mark{display:inline-grid;place-items:center;width:19px;height:19px;background:#b74629;color:#fff;font:800 11px Arial,sans-serif}
.network-ribbon-note{margin-inline:auto;color:#dedee2}.network-ribbon-note a{text-decoration:underline;text-underline-offset:.2em}
.network-ribbon-link{white-space:nowrap}
.wordmark{font-size:clamp(1.5rem,2.55vw,2.45rem)}.wordmark span:last-child{white-space:nowrap}
.footer-wordmark{font-size:clamp(1.35rem,2vw,2rem)}
.edition-lead-image{aspect-ratio:3/2}.edition-lead-image .image-credit{padding:.32rem .5rem;background:rgb(0 0 0/.72);font-size:.6rem}
@media(max-width:700px){.network-ribbon-inner{min-height:32px}.network-ribbon-note{display:none}.network-ribbon-link{margin-left:auto}.wordmark{font-size:clamp(1.22rem,5vw,1.8rem)}}
.network-page .masthead-row{grid-template-columns:1fr auto;justify-content:space-between}.network-back{font-size:.82rem;font-weight:800;text-transform:uppercase}
.network-hero{padding-block:clamp(3rem,7vw,7rem) 4rem;border-bottom:1px solid var(--rule)}
.network-hero h1{max-width:1050px;font:700 clamp(3.7rem,9vw,8.5rem)/.92 var(--serif);letter-spacing:-.07em;margin:1rem 0 1.5rem}
.network-hero>p:last-child{max-width:680px;font-size:clamp(1.08rem,1.65vw,1.4rem)}
.network-list{padding-block:4rem}.network-list .section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:2rem}
.network-list h2,.network-policy h2{font:650 clamp(2rem,3vw,3.3rem)/1.05 var(--serif)}
.network-editions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 3rem}
.network-edition{display:flex;align-items:center;gap:1rem;padding:1.15rem 0;border-top:1px solid var(--rule);text-decoration:none}
.network-edition>span:nth-child(2){display:grid;margin-right:auto}.network-edition strong{font-size:1.12rem}.network-edition small{color:var(--muted)}
.network-edition-mark{display:grid;place-items:center;min-width:46px;height:46px;padding:.25rem;background:var(--card-accent);color:#fff;font-size:.8rem;font-weight:800}
.network-policy{padding-block:2rem 5rem;border-top:1px solid var(--rule)}.network-policy p{max-width:700px}
.results-panel{padding-block:clamp(1.8rem,3vw,3rem);border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}
.results-panel-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem 1.5rem}.results-panel-heading .eyebrow{width:100%}
.results-panel-heading h2{margin:0;font:700 clamp(2rem,3vw,3.3rem)/1 var(--serif);letter-spacing:-.04em}
.results-panel-heading>p:last-child{max-width:42ch;margin:0 0 0 auto;color:#4b4b50;font-size:.85rem}
.results-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.results-panel-grid>div{padding:1.2rem;background:#fff;border-top:4px solid var(--red);box-shadow:0 1px 0 #d7d7d7}
.results-panel-grid span{display:block;color:#57575c;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.results-panel-grid strong{display:block;margin:.45rem 0;font:700 clamp(1.4rem,2vw,2rem)/1.05 var(--serif)}
.results-panel-grid p{margin:0;color:#33343a;font-size:.82rem;line-height:1.45}
.archive-notice{margin-top:2rem;padding:1rem 1.25rem;background:#fff3dd;border-left:5px solid var(--red);color:#242424}
.archive-notice strong{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.archive-notice p{margin:.4rem 0 0;line-height:1.5}
@media(max-width:700px){.results-panel-grid{grid-template-columns:1fr}.results-panel-heading>p:last-child{margin:0}}
@media(max-width:700px){.network-editions{grid-template-columns:1fr}.network-list .section-heading{display:block}.network-back{font-size:.7rem}}

/* Metro: compact urban information design with copy-first lead and dense cards. */
body.template-metro { background: #f6f4f0; }
.template-metro .site-header { background: #f6f4f0; }
.template-metro .masthead-row { min-height: 88px; grid-template-columns: 1fr auto 1fr; }
.template-metro .wordmark { font-family: var(--sans); font-weight: 800; font-size: clamp(1.65rem, 2.65vw, 2.7rem); letter-spacing: -.075em; line-height: .86; text-transform: uppercase; }
.template-metro .primary-nav { background: #252422; }
.template-metro .nav-scroll a { padding-block: .78rem; font-size: .7rem; }
.template-metro .election-ribbon { min-height: 84px; border-bottom: 3px solid var(--red); }
.template-metro .hero-grid { grid-template-columns: minmax(0, 1.72fr) minmax(320px, 1fr); gap: clamp(1rem, 2.4vw, 2.5rem); }
.template-metro .lead-story { display: grid; grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr); background: #fff; }
.template-metro .lead-story .lead-image { order: 2; height: 100%; min-height: 420px; aspect-ratio: auto; }
.template-metro .lead-story .lead-copy { order: 1; padding: clamp(1.3rem, 2.5vw, 2.5rem); display: flex; flex-direction: column; justify-content: center; }
.template-metro .lead-story h1 { font-family: var(--sans); font-size: clamp(2.05rem, 3vw, 3.65rem); font-weight: 800; line-height: 1; letter-spacing: -.06em; }
.template-metro .dek { font-family: var(--sans); font-size: 1rem; line-height: 1.48; }
.template-metro .byline-row { display: block; }
.template-metro .byline-row a { display: block; margin-top: .6rem; }
.template-metro .top-briefs { background: #282727; color: #fff; padding: 1.25rem; border-left: 0; }
.template-metro .section-cap { border-bottom-color: var(--red); }
.template-metro .section-cap h2, .template-metro .brief-card h3 { font-family: var(--sans); font-weight: 800; }
.template-metro .section-cap > span, .template-metro .source-line, .template-metro .brief-card .story-kicker { color: #d1d1d1; }
.template-metro .brief-card { grid-template-columns: minmax(0, 1fr) 70px; min-height: 142px; gap: .7rem; border-color: #595959; }
.template-metro .brief-card h3 { font-size: clamp(1rem, 1.3vw, 1.4rem); }
.template-metro .section-heading { border-bottom: 3px solid var(--red); }
.template-metro .section-heading h2, .template-metro .news-card h3 { font-family: var(--sans); font-weight: 800; letter-spacing: -.05em; }
.template-metro .civic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.template-metro .news-card, .template-metro .news-card:nth-child(3n + 1), .template-metro .news-card:nth-child(3n) { min-height: 270px; padding: 1.4rem; border: 1px solid #d4d0ca; background: #fff; }
.template-metro .candidate-feature { border-top-width: 4px; }
.edition-metrovancouvermedia-com.template-metro .masthead-row { grid-template-columns: 1fr auto 1fr; }
.edition-metrovancouvermedia-com.template-metro .masthead-row > .wordmark { grid-column: 2; grid-row: 1; align-items: center; }
.edition-metrovancouvermedia-com.template-metro .masthead-row > .election-status { grid-column: 1; grid-row: 1; }
.edition-metrovancouvermedia-com.template-metro .masthead-row > .search { grid-column: 3; grid-row: 1; }
.edition-metrovancouvermedia-com.template-metro .lead-story { grid-template-columns: minmax(0, 1fr) minmax(270px, .85fr); }
@media (max-width: 1200px) {
  .template-metro .hero-grid { grid-template-columns: 1fr; }
  .template-metro .top-briefs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 1rem; }
  .template-metro .section-cap, .template-metro .briefs-footer { grid-column: 1/-1; }
  .template-metro .brief-card { display: flex; flex-direction: column-reverse; }
  .template-metro .brief-card .thumb { width: 100%; aspect-ratio: 16/10; }
}
@media (max-width: 700px) {
  .template-metro .masthead-row, .edition-metrovancouvermedia-com.template-metro .masthead-row { grid-template-columns: minmax(0, 1fr) auto; }
  .edition-metrovancouvermedia-com.template-metro .masthead-row > .wordmark { grid-column: 1; align-items: flex-start; }
  .edition-metrovancouvermedia-com.template-metro .masthead-row > .election-status { display: none; }
  .edition-metrovancouvermedia-com.template-metro .masthead-row > .search { grid-column: 2; }
  .template-metro .wordmark { font-size: clamp(1.2rem, 4.8vw, 1.8rem); }
  .template-metro .lead-story, .edition-metrovancouvermedia-com.template-metro .lead-story { display: flex; flex-direction: column; }
  .template-metro .lead-story .lead-image { order: 1; min-height: 0; height: auto; aspect-ratio: 16/9; }
  .template-metro .lead-story .lead-copy { order: 2; }
  .template-metro .top-briefs { display: block; }
  .template-metro .brief-card { display: grid; grid-template-columns: minmax(0, 1fr) 78px; }
  .template-metro .brief-card .thumb { aspect-ratio: 1/1; }
  .template-metro .civic-grid { grid-template-columns: 1fr; }
}