/* West Coast News premium layer (2026-10-14). Original design: reading column, standfirst, byline bar,
   share bar, most-read rail, index cards, focus states. Loaded last on every WCN page by
   scripts/finalize-west-coast-news-paper.mjs so all existing and future pages inherit it. Navy and blue ink only. */
:root{--wx-ink:#111827;--wx-sub:#374151;--wx-mute:#5b6472;--wx-rule:#d9d4c7;--wx-navy:#0b2545;--wx-acc:#1f4e79;--wx-bg:#fff}
.wcnx-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.wcn-paper a:focus-visible,body.wcn-paper button:focus-visible,body.wcn-paper summary:focus-visible{outline:3px solid #1d6fd6;outline-offset:2px;border-radius:2px}
/* article typography scale */
main.wcn-article h1{font-size:clamp(2rem,1.3rem + 2.6vw,3.2rem);line-height:1.08;letter-spacing:-.015em;margin:.25em 0 .35em;color:var(--wx-ink);max-width:22ch}
main.wcn-article .dek{font-size:clamp(1.12rem,1rem + .45vw,1.38rem);line-height:1.45;color:var(--wx-sub);max-width:42em;margin:0 0 1rem}
main.wcn-article>.meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem;align-items:center;font:600 .86rem/1.4 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--wx-mute);border-top:1px solid var(--wx-rule);border-bottom:1px solid var(--wx-rule);padding:.65rem 0;margin:0 0 1rem}
main.wcn-article .wcn-copy{font-size:1.1rem;line-height:1.7}
main.wcn-article .wcn-copy>p,main.wcn-article .wcn-copy>ul,main.wcn-article .wcn-copy>ol,main.wcn-article .wcn-copy>h2{max-width:40em}
main.wcn-article .wcn-copy h2{font-size:1.45rem;line-height:1.25;margin:2rem 0 .6rem;padding-top:.9rem;border-top:3px solid var(--wx-navy);color:var(--wx-ink)}
main.wcn-article figure figcaption{font:.82rem/1.45 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--wx-mute);padding:.45rem 0 .6rem;border-bottom:1px solid var(--wx-rule)}
/* share bar */
.wcnx-share{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.25rem;font:700 .74rem/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--wx-mute)}
.wcnx-share a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 .8rem;border:1px solid var(--wx-rule);border-radius:999px;background:#fff;color:var(--wx-navy);text-decoration:none;font-size:.8rem;letter-spacing:0;text-transform:none}
.wcnx-share a:hover{background:var(--wx-navy);color:#fff;border-color:var(--wx-navy)}
/* most read + more from rails */
.wcnx-rails{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;margin:3rem 0 1rem;padding-top:1.2rem;border-top:4px solid var(--wx-navy)}
.wcnx-rails h2{font:800 1rem/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--wx-navy);margin:0 0 .8rem}
body.wcn-paper main .wcnx-mostread{counter-reset:mr;list-style:none;margin:0;padding:0}
body.wcn-paper main .wcnx-mostread li{counter-increment:mr;display:grid;grid-template-columns:2.2rem 1fr;gap:.6rem;padding:.7rem 0;border-bottom:1px solid var(--wx-rule)}
body.wcn-paper main .wcnx-mostread li::before{content:counter(mr);font:800 1.7rem/1 Georgia,serif;color:var(--wx-acc)}
body.wcn-paper main .wcnx-mostread a, body.wcn-paper main .wcnx-more a{color:var(--wx-ink);text-decoration:none;font:700 1rem/1.3 Georgia,"Times New Roman",serif}
body.wcn-paper main .wcnx-mostread a:hover, body.wcn-paper main .wcnx-more a:hover{text-decoration:underline}
body.wcn-paper main .wcnx-more{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
body.wcn-paper main .wcnx-more li{display:grid;grid-template-columns:112px 1fr;gap:.8rem;align-items:start}
body.wcn-paper main .wcnx-more img{width:112px;height:75px;object-fit:cover;display:block;background:#e9e5da}
body.wcn-paper main .wcnx-more small{display:block;font:700 .7rem/1.3 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--wx-acc);margin-bottom:.2rem}
@media (max-width:760px){.wcnx-rails{grid-template-columns:1fr}}
/* index pages: chips, lead grid, table */
body.wcn-paper main .wcnx-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1.4rem}
body.wcn-paper main .wcnx-chips a{display:inline-flex;align-items:center;min-height:36px;padding:0 .85rem;border:1px solid var(--wx-rule);border-radius:999px;background:#fff;color:var(--wx-navy);font:600 .85rem/1 system-ui,sans-serif;text-decoration:none}
body.wcn-paper main .wcnx-chips a:hover, body.wcn-paper main .wcnx-chips a[aria-current]{background:var(--wx-navy);color:#fff;border-color:var(--wx-navy)}
body.wcn-paper main .wcnx-lead-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin:0 0 2rem}
body.wcn-paper main .wcnx-card{border-top:3px solid var(--wx-navy);padding-top:.7rem}
body.wcn-paper main .wcnx-card--lead{grid-column:span 2;grid-row:span 2}
body.wcn-paper main .wcnx-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:.6rem}
body.wcn-paper main .wcnx-card h3{margin:.15rem 0 .35rem;font:700 1.08rem/1.25 Georgia,"Times New Roman",serif}
body.wcn-paper main .wcnx-card--lead h3{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);line-height:1.15}
body.wcn-paper main .wcnx-card h3 a{color:var(--wx-ink);text-decoration:none}body.wcn-paper main .wcnx-card h3 a:hover{text-decoration:underline}
body.wcn-paper main .wcnx-kicker{margin:0;font:800 .72rem/1.2 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--wx-acc)}
body.wcn-paper main .wcnx-cardmeta{margin:0;font:.82rem/1.4 system-ui,sans-serif;color:var(--wx-mute)}
.wcnx-rule{font:800 1rem/1.2 system-ui,sans-serif!important;letter-spacing:.06em;text-transform:uppercase;color:var(--wx-navy)!important}
body.wcn-paper main .wcnx-table-wrap{overflow-x:auto}
body.wcn-paper main .wcnx-table{width:100%;border-collapse:collapse;font:.95rem/1.45 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
body.wcn-paper main .wcnx-table th{text-align:left;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--wx-mute);border-bottom:2px solid var(--wx-navy);padding:.5rem .6rem}
body.wcn-paper main .wcnx-table td{border-bottom:1px solid var(--wx-rule);padding:.6rem;vertical-align:top}
body.wcn-paper main .wcnx-table tbody tr:hover{background:#f4f1e8}
body.wcn-paper main .wcnx-table td a{color:var(--wx-ink);font-weight:700}
body.wcn-paper main .wcnx-chip{display:inline-block;padding:.15rem .5rem;border-radius:4px;background:#e8eef5;color:var(--wx-navy);font-size:.78rem;font-weight:700}
@media (max-width:760px){body.wcn-paper main .wcnx-lead-grid{grid-template-columns:1fr}body.wcn-paper main .wcnx-card--lead{grid-column:auto;grid-row:auto}
 body.wcn-paper main body.wcn-paper main .wcnx-table thead{display:none}body.wcn-paper main .wcnx-table tr{display:block;border-bottom:1px solid var(--wx-rule);padding:.5rem 0}body.wcn-paper main .wcnx-table td{display:block;border:0;padding:.15rem 0}body.wcn-paper main .wcnx-table td[data-l="Live date"],body.wcn-paper main .wcnx-table td[data-l="Price"]{font-size:.84rem;color:var(--wx-mute)}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
body.wcn-paper main .wcnx-card p,body.wcn-paper main .wcnx-card h3{max-width:none}
body.wcn-paper main .wcnx-mostread a,body.wcn-paper main .wcnx-more a,body.wcn-paper main .wcnx-table td a,body.wcn-paper main .wcnx-share a,body.wcn-paper main .wcnx-chips a{border-bottom:0;background-image:none;text-decoration:none}