/* About: local newspaper profile */
.theme-news { --paper: #F1EDE3; --raised: #F8F5EE; --line: #CFC7B6; --line-soft: #DED7C8; --ink: #1A1A17; background: var(--paper);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.theme-news nav.top.solid .bar, .theme-news nav.top.scrolled .bar { background: rgba(248,245,238,.9); }
.news-hero { padding: clamp(112px, 14vh, 150px) 0 0; }
.masthead { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: 20px; padding-bottom: 14px; border-bottom: 4px double var(--ink); }
.mh-name { font-family: var(--serif); font-weight: 600; font-size: clamp(2.6rem, 7vw, 6rem); letter-spacing: -0.03em; line-height: .9; font-variation-settings: "opsz" 144; }
.mh-l, .mh-r { font: 500 .72rem/1.3 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--ink-soft); }
.mh-r { text-align: right; }
.mh-sub { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--ink); font: 500 .72rem/1 var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.news-head { padding: clamp(36px, 5vw, 64px) 0 clamp(28px, 4vw, 44px); border-bottom: 1px solid var(--line); text-align: center; }
.kicker { display: inline-block; font: 500 .76rem/1 var(--mono); color: #A9501A; letter-spacing: .06em; text-transform: uppercase; }
.news-head h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(3rem, 8vw, 7.4rem); line-height: .92; letter-spacing: -0.04em; margin: 16px auto 0; max-width: 14ch; font-variation-settings: "opsz" 144; }
.news-head h1 em { font-weight: 300; color: var(--orange); }
.standfirst { max-width: 60ch; margin: 22px auto 0; font-size: 1.18rem; color: #45463F; }
.news-body { padding-top: clamp(36px, 5vw, 60px); }
.news-grid { display: grid; grid-template-columns: 1fr 320px; gap: clamp(30px, 4vw, 56px); }
.sidebar { border-left: 1px solid var(--line); padding-left: clamp(22px, 3vw, 40px); display: grid; gap: 30px; align-content: start; }
.lead-photo { margin: 0 0 30px; }
.lead-photo .ph { aspect-ratio: 16 / 9; background: url(../img/about-coast-1600.webp) 50% 55% / cover, linear-gradient(180deg, #C9D8E0 0%, #E8DCC8 55%, #6E8A5E 56%, #3F5B3A 100%); filter: grayscale(.15) contrast(1.02); }
.lead-photo figcaption { display: flex; justify-content: space-between; gap: 12px; padding-top: 8px; border-bottom: 1px solid var(--line); padding-bottom: 8px; font: 400 .78rem/1.3 var(--sans); color: var(--ink-soft); font-style: italic; }
.lead-photo figcaption span { font-style: normal; font-family: var(--mono); font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; }
.story-cols { column-count: 2; column-gap: 40px; column-rule: 1px solid var(--line-soft); }
.story-cols p { margin: 0 0 1em; font-family: var(--serif); font-size: 1.08rem; line-height: 1.62; color: #2A2A25; font-variation-settings: "opsz" 14; text-align: justify; hyphens: auto; }
.story-cols .dropcap::first-letter { float: left; font-size: 4.6em; line-height: .82; padding: 6px 10px 0 0; font-weight: 600; color: var(--orange); }
.story-cols blockquote { break-inside: avoid; margin: 8px 0 18px; padding: 16px 0; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--ink); font-family: var(--serif); font-style: italic; font-weight: 400; font-size: 1.5rem; line-height: 1.15; letter-spacing: -0.02em; }
.story-cols .sig { font-family: var(--serif); font-style: italic; text-align: right; font-size: 1.3rem; }
.story-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; padding-top: 22px; border-top: 1px solid var(--line); }
.box-h { display: block; font: 600 .74rem/1 var(--mono); text-transform: uppercase; letter-spacing: .12em; padding-bottom: 10px; margin-bottom: 14px; border-bottom: 2px solid var(--ink); }
.now-box { background: #1A1A17; color: #F1EDE3; padding: 20px; }
.now-box .box-h { border-color: #F1EDE3; color: #F1A56A; }
.now-box ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.now-box li { display: grid; gap: 2px; }
.now-box b { font: 500 .7rem/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: #A6A296; }
.now-box span { font-size: .98rem; }
.mb-map { width: 100%; height: auto; display: block; color: #3F6B8A; }
.mb-map .land { fill: #E6DFCF; stroke: #1A1A17; stroke-width: 1.2; }
.mb-map .sea { color: #3F6B8A; }
.mb-map .road { fill: none; stroke: #B5A98F; stroke-width: 2; stroke-dasharray: 5 4; }
.mb-map .sub circle { fill: #1A1A17; }
.mb-map text { font: 500 9.5px var(--mono); fill: #45463F; letter-spacing: .02em; }
.mb-map .pin path { fill: var(--orange); }
.mb-map .pin-t { font: 700 12px var(--sans); fill: var(--orange); }
.mb-map .pulse { fill: var(--orange); opacity: .35; transform-origin: 140px 124px; animation: pulse 2.2s ease-out infinite; }
.mb-map .nts { font-size: 8px; fill: #8A877C; text-transform: uppercase; }
@keyframes pulse { from { transform: scale(.6); opacity: .5; } to { transform: scale(3); opacity: 0; } }
.facts-box dl { margin: 0; display: grid; }
.facts-box dl div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px dotted var(--line); font-size: .9rem; }
.facts-box dt { font: 500 .72rem/1.6 var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--ink-soft); }
.facts-box dd { margin: 0; text-align: right; font-weight: 500; }
.tools { margin-top: clamp(60px, 8vw, 100px); border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); background: #1A1A17; color: #F1EDE3; overflow: hidden; padding: 0; }
.tools-track { display: flex; width: max-content; animation: ticker 40s linear infinite; }
.tools-track span { padding: 18px 28px; font: 500 .9rem/1 var(--mono); text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; display: flex; align-items: center; gap: 28px; }
.tools-track span::after { content: "✦"; color: var(--orange-bright); }
@keyframes ticker { to { transform: translateX(-50%); } }
.rules-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; border-bottom: 4px double var(--ink); padding-bottom: 14px; margin-bottom: 0; }
.rules-head h2 { font-family: var(--serif); font-weight: 500; font-size: clamp(2.2rem, 5vw, 3.8rem); letter-spacing: -0.03em; }
.rules-head h2 em { font-weight: 300; color: var(--orange); }
.rules { display: grid; grid-template-columns: repeat(4, 1fr); }
.rules div { padding: 24px 22px 0; border-right: 1px solid var(--line); }
.rules div:first-child { padding-left: 0; } .rules div:last-child { border-right: 0; }
.rules b { font-family: var(--serif); font-weight: 300; font-size: 3rem; line-height: 1; color: var(--orange); }
.rules h3 { font-weight: 800; letter-spacing: -0.03em; margin: 10px 0 6px; font-size: 1.25rem; }
.rules p { margin: 0; color: var(--ink-soft); font-size: .96rem; }
@media (max-width: 980px) {
  .news-grid { grid-template-columns: 1fr; }
  .sidebar { border-left: 0; padding-left: 0; grid-template-columns: 1fr 1fr; }
  .sidebar .facts-box { grid-column: span 2; }
  .rules { grid-template-columns: 1fr 1fr; row-gap: 26px; }
  .rules div:nth-child(2) { border-right: 0; } .rules div:nth-child(3) { padding-left: 0; }
}
@media (max-width: 620px) {
  .masthead { grid-template-columns: 1fr; text-align: center; gap: 8px; }
  .mh-l, .mh-r { text-align: center; }
  .mh-sub span:nth-child(n+3) { display: none; }
  .story-cols { column-count: 1; }
  .story-cols p { text-align: left; }
  .sidebar { grid-template-columns: 1fr; } .sidebar .facts-box { grid-column: auto; }
  .rules { grid-template-columns: 1fr; } .rules div { padding: 20px 0 0; border-right: 0; }
  .rules-head { display: block; }
}
@media (prefers-reduced-motion: reduce) { .tools-track, .mb-map .pulse { animation: none; } }
.lead-photo .ph { background: url(../img/about-coast-1600.webp) 50% 55% / cover, #C9D8E0; }
@media (max-width: 760px) { .lead-photo .ph { background-image: url(../img/about-coast-900.webp); } }