/* WCN network block + Vancouver masthead banner (2026-10-15). WCN palette, not arqs.ca black/gold. */
.wnet{margin:32px 0 8px;padding:20px 16px;border-top:3px solid #0f2a44;background:#f5f8fb;border-radius:4px;font-family:inherit;color:#13202e}
.wnet-v2{background:#fff;border:1px solid #d7e0ea;border-top:3px solid #0284c7}
.wnet-v1{background:#eef4f2;border-top-color:#0f766e}
.wnet a{color:#0b5c8a}
.wnet-lede{font-size:17px;line-height:1.55;margin:0 0 16px}
html:root body:not(#x) main section.wnet.wnet .wnet-h{font:700 13px/1.2 system-ui,-apple-system,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:#0f2a44!important;margin:18px 0 10px!important;border:0!important;padding:0!important}
.wnet-h small{font-weight:600;color:#6b7785;letter-spacing:.04em;margin-left:6px}
.wnet-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:720px){.wnet-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
.wnet-logo{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;background:#fff;border:1px solid #dbe3ec;border-radius:8px;text-decoration:none!important;min-height:44px}
.wnet-logo img{width:100%;max-width:200px;height:72px;object-fit:contain;border-radius:4px}
.wnet-logo span{font:600 13px/1.2 system-ui,-apple-system,sans-serif;color:#13202e}
.wnet-also{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;font:14px/1.3 system-ui,-apple-system,sans-serif}
.wnet-also span{font-weight:700;color:#4a5866;align-self:center}
.wnet-also a{padding:8px 12px;border:1px solid #c9d6e3;border-radius:999px;background:#fff;text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
html:root body:not(#x) main section.wnet.wnet a.wnet-promo{display:flex;gap:12px;align-items:center;margin:16px 0 0;padding:12px;background:#0f2a44;color:#fff!important;border-radius:8px;text-decoration:none!important}
.wnet-promo img{width:64px;height:64px;object-fit:contain;border-radius:6px;flex:none;background:#0b1220}
.wnet-promo span{display:flex;flex-direction:column;gap:2px;font:14px/1.35 system-ui,-apple-system,sans-serif}
.wnet-promo small{text-transform:uppercase;letter-spacing:.08em;color:#7dd3fc;font-weight:700;font-size:11px}
html:root body:not(#x) main section.wnet.wnet .wnet-promo strong{color:#fff!important;font-size:16px}.wnet-promo em{font-style:normal;color:#d6e2ee}.wnet-promo b{color:#7dd3fc}
.wnet-cards{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:600px){.wnet-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wnet-card{display:flex;gap:12px;background:#fff;border:1px solid #dbe3ec;border-radius:8px;padding:10px;margin:0}
@media(min-width:600px){.wnet-card{flex-direction:column}}
.wnet-cimg{flex:0 0 96px}
.wnet-cimg img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;display:block}
.wnet-cbody{display:flex;flex-direction:column;gap:4px;min-width:0}
html:root body:not(#x) main section.wnet.wnet .wnet-cbody h3{font:700 15px/1.3 system-ui,-apple-system,sans-serif!important;margin:0!important;color:#13202e!important}
.wnet-price{margin:0;font:700 15px/1.2 system-ui,-apple-system,sans-serif;color:#0f766e}
html:root body:not(#x) main section.wnet.wnet a.wnet-buy{align-self:flex-start;margin-top:auto;padding:10px 16px;min-height:44px;display:inline-flex;align-items:center;background:#0369a1!important;color:#fff!important;border-radius:6px;font:700 15px/1 system-ui,-apple-system,sans-serif;text-decoration:none!important}
/* Vancouver masthead banner: crisp CC0 photo (Daderot, Wikimedia Commons), subtle dark fade, no blur */
html:root body:not(#x) header.wcnp-head.wcnp-head .wcnp-band.wcnp-band4.wcnp-band4{position:relative;background-color:#0b1a2b!important;background-image:linear-gradient(180deg,rgba(6,16,30,.50) 0%,rgba(6,16,30,.72) 100%),url(/west-coast-news/assets/network/vancouver-coal-harbour-1280.webp)!important;background-size:cover!important;background-position:center 55%!important;background-repeat:no-repeat!important}
@media (min-width:900px){html:root body:not(#x) header.wcnp-head.wcnp-head .wcnp-band.wcnp-band4.wcnp-band4{background-image:linear-gradient(180deg,rgba(6,16,30,.50) 0%,rgba(6,16,30,.72) 100%),url(/west-coast-news/assets/network/vancouver-coal-harbour-2560.webp)!important}}
html:root body:not(#x) header.wcnp-head.wcnp-head .wcnp-band.wcnp-band4.wcnp-band4 .wcnp-bandin,html:root body:not(#x) header.wcnp-head.wcnp-head .wcnp-band.wcnp-band4.wcnp-band4 .wcnp-center5,html:root body:not(#x) header.wcnp-head.wcnp-head .wcnp-band.wcnp-band4.wcnp-band4 .wcnp-band5{background:transparent!important}
html:root body:not(#x) header.wcnp-head.wcnp-head .wcnp-band.wcnp-band4.wcnp-band4 .wcnp-wordmark{filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.5))!important}
html:root body:not(#x) header.wcnp-head.wcnp-head .wcnp-band.wcnp-band4.wcnp-band4,html:root body:not(#x) header.wcnp-head.wcnp-head .wcnp-band.wcnp-band4.wcnp-band4 a,html:root body:not(#x) header.wcnp-head.wcnp-head .wcnp-band.wcnp-band4.wcnp-band4 p,html:root body:not(#x) header.wcnp-head.wcnp-head .wcnp-band.wcnp-band4.wcnp-band4 span,html:root body:not(#x) header.wcnp-head.wcnp-head .wcnp-band.wcnp-band4.wcnp-band4 strong,html:root body:not(#x) header.wcnp-head.wcnp-head .wcnp-band.wcnp-band4.wcnp-band4 time{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.6)}
html:root body:not(#x) main section.wnet.wnet a.btn{text-decoration:none!important}
html:root body:not(#x) main section.wnet.wnet .wnet-promo small{color:#7dd3fc!important}
html:root body:not(#x) main section.wnet.wnet .wnet-promo b{color:#7dd3fc!important}
html:root body:not(#x) main section.wnet.wnet .wnet-promo em{color:#d6e2ee!important}
html:root body:not(#x) main section.wnet.wnet .wnet-logo span{color:#13202e!important}
html:root body:not(#x) main section.wnet.wnet .wnet-logo img{background:transparent!important;box-shadow:none!important;border:0!important}