[hidden] {
  display: none !important;
}
.preview-bar {
  background: #ede9d8;
  color: #4c584c;
  font-size: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding: 8px 5vw;
}
.preview-bar > span {
  display: flex;
  gap: 8px;
  align-items: center;
  letter-spacing: 1.2px;
}
.preview-bar i {
  height: 6px;
  width: 6px;
  background: #a78c2d;
  border-radius: 50%;
}
.preview-bar button {
  border: 0;
  background: none;
  color: inherit;
  font-size: 11px;
  padding: 0;
}
.brand img {
  object-fit: contain;
}
.site-header {
  padding-top: 15px;
  padding-bottom: 15px;
}
.station-strip {
  padding: 14px 5vw;
  background: #e6eddc;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  font-size: 12px;
}
.station-strip b {
  font-size: 10px;
  letter-spacing: 1px;
  margin-right: 14px;
}
.station-strip a {
  font-weight: bold;
  text-decoration: none;
}
.news-tools {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 15px;
}
.search-box {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 25px;
  color: var(--green);
  max-width: 330px;
}
.search-box input {
  font-size: 12px;
  padding: 10px 14px !important;
  background: transparent !important;
  border-color: var(--line) !important;
}
.snapshot-date {
  font-size: 10px;
  color: var(--muted);
}
.story h4 {
  font-size: 25px;
}
.announcement-art {
  height: 165px;
  background: var(--forest);
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  color: var(--yellow);
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 18px;
}
.announcement-art small {
  font-size: 9px;
  letter-spacing: 2px;
  color: #c2d7c8;
  margin-bottom: 10px;
}
.announcement-art strong {
  font-size: 36px;
  line-height: 1;
  letter-spacing: -1px;
  position: relative;
  z-index: 1;
}
.announcement-art:after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  border: 28px solid #73a38540;
  right: -45px;
  top: 20px;
  border-radius: 50%;
}
.story-tag {
  font-size: 9px;
  font-weight: bold;
  color: var(--green);
  letter-spacing: 1px;
}
.read-story {
  border: 0;
  background: none;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  text-align: left;
  line-height: inherit;
  font-weight: inherit;
}
.read-story:hover {
  text-decoration: underline;
}
.story-excerpt {
  font-size: 14px;
  color: var(--muted);
}
.empty-feed {
  padding: 25px 12px;
}
.preview-ad {
  padding: 20px;
  background: #f0eee0;
  color: #48604c;
  text-align: center;
  border: 1px dashed #c7ccba;
  border-radius: 5px;
  margin: 20px 0;
}
.preview-ad > small {
  font-size: 8px;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 12px;
}
.preview-ad strong {
  font:
    23px Georgia,
    serif;
  display: block;
}
.preview-ad p {
  font-size: 11px;
  margin: 8px 0;
}
.preview-ad a {
  font-size: 11px;
  color: var(--green);
  font-weight: bold;
}
.leaderboard .preview-ad {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  margin: 0;
  padding: 18px;
}
.leaderboard .preview-ad > small {
  margin: 0;
}
.leaderboard .preview-ad strong {
  font-size: 22px;
}
.leaderboard .preview-ad p {
  margin: 0;
}
.demo-notice {
  background: #e8efdf;
  border: 1px solid #cedcc2;
  padding: 22px 25px;
  border-radius: 7px;
  display: flex;
  gap: 35px;
  justify-content: space-between;
  align-items: center;
}
.demo-notice p {
  font-size: 13px;
  margin: 6px 0 0;
  max-width: 670px;
}
.demo-notice label {
  min-width: 190px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.demo-notice select {
  font-size: 13px;
  margin-top: 7px;
  text-transform: none;
  letter-spacing: 0;
}
.stat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 25px 0;
}
.stat-grid > div {
  border: 1px solid var(--line);
  background: white;
  border-radius: 7px;
  padding: 23px;
}
.stat-grid small {
  display: block;
  font-size: 11px;
  font-weight: bold;
  color: var(--muted);
}
.stat-grid strong {
  display: block;
  font-size: 38px;
  line-height: 1.3;
  margin-top: 5px;
}
.stat-grid span {
  font-size: 11px;
  color: var(--muted);
}
.workspace-tabs {
  display: flex;
  gap: 25px;
  border-bottom: 1px solid var(--line);
  margin: 32px 0;
}
.workspace-tabs button {
  background: none;
  border: 0;
  border-bottom: 3px solid transparent;
  padding: 12px 3px;
  font-size: 13px;
  font-weight: bold;
  color: var(--muted);
}
.workspace-tabs button.selected {
  border-bottom-color: var(--green);
  color: var(--green);
}
.compact h2 {
  margin: 0 0 10px;
  font-size: 25px;
}
.compact p {
  margin: 0;
  font-size: 13px;
  color: var(--muted);
}
.story-row {
  padding: 22px 0;
  display: flex;
  gap: 20px;
  border-bottom: 1px solid var(--line);
  align-items: center;
  justify-content: space-between;
}
.story-row > div:first-child {
  flex: 1;
}
.story-row h3 {
  font-family: Georgia, serif;
  font-size: 22px;
  margin-bottom: 9px;
}
.story-row p {
  font-size: 12px;
  color: var(--muted);
  margin: 0;
}
.row-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.row-actions button {
  font-size: 11px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: white;
  color: var(--forest);
}
.row-actions button.primary {
  background: var(--forest);
  color: white;
}
.status.review {
  background: #fff0c3;
  color: #795400;
}
.status.published {
  background: #e2f0df;
  color: #215735;
}
.demo-footer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 55px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  font-size: 11px;
  color: var(--muted);
}
.demo-footer button {
  border: 0;
  background: none;
  text-decoration: underline;
  font-size: 11px;
  color: inherit;
}
.staff-panel #station-form {
  max-width: 650px;
}
.staff-panel #station-form .button {
  margin-top: 20px;
}
.story-form label,
.ad-form label {
  margin-top: 20px;
}
.rich-toolbar {
  flex-wrap: wrap;
}
.form-actions {
  display: flex;
  gap: 12px;
  margin-top: 25px;
  flex-wrap: wrap;
}
.editor-note {
  font-size: 11px;
  color: var(--muted);
}
.editor-image {
  max-width: 100%;
  max-height: 150px;
  object-fit: contain;
  margin-top: 12px;
}
.ad-card {
  background: white;
}
.ad-card .preview-ad {
  margin: 0 0 15px;
  min-height: 130px;
}
.ad-card .status {
  display: inline-block;
  margin: 8px 0;
}
.about-preview h2 {
  font-size: 30px;
  line-height: 1.2;
}
.about-preview li {
  margin: 12px 0;
}
.about-preview p {
  color: var(--muted);
  font-size: 14px;
}
#toast {
  position: fixed;
  right: 25px;
  bottom: 105px;
  z-index: 99;
  background: var(--forest);
  color: white;
  border-radius: 7px;
  padding: 16px 23px;
  max-width: min(420px, 90vw);
  box-shadow: 0 5px 30px #001a2028;
  font-size: 13px;
}
button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.form-error {
  color: #a32626;
  font-size: 13px;
  min-height: 20px;
}
.review-tag {
  font-size: 10px;
  color: #96722a;
  margin-bottom: 16px;
}
.site-footer {
  margin-bottom: 10px;
}
@media (min-width: 721px) {
  .news-tools .feed-tabs {
    display: none;
  }
}
@media (max-width: 900px) {
  .demo-notice {
    gap: 20px;
  }
  .leaderboard .preview-ad {
    gap: 15px;
  }
  .leaderboard .preview-ad strong {
    font-size: 18px;
  }
}
@media (max-width: 720px) {
  .preview-bar {
    font-size: 8px;
  }
  .preview-bar button {
    font-size: 9px;
  }
  .brand img {
    width: 60px;
    height: 60px;
  }
  .brand strong {
    font-size: 16px;
  }
  .station-strip {
    font-size: 11px;
    display: block;
  }
  .station-strip > a {
    display: block;
    margin-top: 6px;
  }
  .news-tools {
    display: block;
  }
  .search-box {
    max-width: none;
    margin: 10px 0;
  }
  .snapshot-date {
    display: block;
    margin-bottom: 18px;
  }
  .feed-tabs {
    position: static;
  }
  .leaderboard .preview-ad {
    display: block;
  }
  .leaderboard .preview-ad > small {
    margin-bottom: 8px;
  }
  .leaderboard .preview-ad strong {
    font-size: 22px;
  }
  .leaderboard .preview-ad p {
    margin-top: 8px;
  }
  .demo-notice {
    display: block;
    padding: 20px;
  }
  .demo-notice label {
    display: block;
    margin-top: 20px;
  }
  .stat-grid {
    gap: 9px;
  }
  .stat-grid > div {
    padding: 15px 10px;
  }
  .stat-grid small {
    font-size: 10px;
  }
  .stat-grid strong {
    font-size: 29px;
  }
  .stat-grid span {
    display: none;
  }
  .workspace-tabs {
    gap: 20px;
    overflow-x: auto;
  }
  .workspace-tabs button {
    white-space: nowrap;
    font-size: 12px;
  }
  .story-row {
    display: block;
  }
  .row-actions {
    justify-content: flex-start;
    margin-top: 15px;
  }
  .compact .button {
    margin-top: 15px;
  }
  .demo-footer {
    display: block;
  }
  .demo-footer button {
    margin-top: 10px;
  }
  .audio-dock {
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
  #audio-status {
    max-width: 110px;
  }
  .dashboard {
    padding-top: 30px;
  }
  .hero-copy {
    padding-bottom: 110px;
  }
  .announcement-art {
    height: 180px;
  }
  .staff-link {
    font-size: 10px;
  }
  .story h4 {
    font-size: 27px;
  }
}

.news-figure{margin:0 0 18px;background:#eef1e9;border-radius:6px;overflow:hidden}.news-figure img{display:block;width:100%;height:210px;object-fit:contain}.news-figure figcaption{font-size:10px;padding:7px 10px;color:var(--muted);background:#f1f3ed}.archive-switch{display:flex;gap:14px;align-items:center;margin:20px 0 10px;flex-wrap:wrap}.archive-switch>a{font-size:12px;text-decoration:none;border:1px solid var(--line);border-radius:20px;padding:8px 16px}.archive-switch>a.selected{background:var(--forest);color:white;border-color:var(--forest)}.archive-switch>span{font-size:10px;color:var(--muted);margin-left:auto}@media(max-width:720px){.archive-switch>span{width:100%;margin-left:0}.news-figure img{height:240px}.site-header nav>a[href="#archive"]{display:none}}

.hero{display:block;min-height:440px}.hero-photo{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,40,31,.91) 0%,rgba(4,40,31,.75) 36%,rgba(4,40,31,.22) 72%,rgba(4,40,31,.08) 100%)}.hero-art{display:none}.hero-copy{max-width:760px;padding-top:55px;padding-bottom:55px}.hero-description{color:#f0f6ed}.hero-frequency{color:#f0f6ed}@media(max-width:720px){.hero{min-height:450px}.hero-copy{padding:42px 5vw 50px}.hero-shade{background:linear-gradient(90deg,rgba(4,40,31,.86),rgba(4,40,31,.50))}.hero-photo{object-position:center}.hero h1{font-size:56px}}

.moderation-notice{display:flex;gap:15px;background:#e2ede2;border:1px solid #bdcfbc;padding:18px;border-radius:6px;margin:20px 0}.moderation-notice strong{white-space:nowrap}.moderation-notice span,#moderation-access{font-size:12px}.moderation-filters{display:flex;align-items:end;gap:20px;margin:25px 0}.moderation-filters label:first-child{flex:1}.moderation-filters label{font-size:12px}.moderation-filters input,.moderation-filters select{margin-top:7px}.row-actions a{font-size:11px;align-self:center}.demo-footer span{max-width:650px}@media(max-width:720px){.moderation-notice,.moderation-filters{display:block}.moderation-notice strong{display:block;margin-bottom:8px}.moderation-filters label{display:block;margin-bottom:12px}}
.noticeboard{margin:48px 0 55px;padding-top:32px;border-top:1px solid var(--line)}.board-tabs{display:flex;gap:10px;overflow-x:auto;margin:25px 0}.board-tabs button{border:1px solid var(--line);background:transparent;padding:11px 18px;border-radius:24px;white-space:nowrap;font-weight:bold;font-size:12px;color:var(--forest)}.board-tabs button.selected{background:var(--forest);color:white}.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.board-card{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden}.board-card>img{width:100%;height:200px;object-fit:contain;background:#f1f2ed;display:block}.board-card-content{padding:24px}.board-card h3{font:26px/1.15 Georgia,serif;margin:13px 0}.board-card p{font-size:14px;white-space:pre-line;color:var(--muted)}.board-card .board-meta{font-size:12px;color:var(--ink)}.board-card.death{border-top:3px solid #828e83;background:#fcfcf8}.board-card.death .story-tag{color:#5d6a61}.board-empty{grid-column:1/-1;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:7px;text-align:center;padding:25px;background:#f0f2ea}.board-empty h3{font:25px Georgia,serif;margin-bottom:12px}.board-empty p{font-size:13px;color:var(--muted);margin:0}.board-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:12px;color:var(--muted)}.board-bottom p{margin:0}.board-bottom>a{white-space:nowrap;color:var(--green)}.board-form label{margin-top:18px}.board-date-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.board-form .check-label{display:flex;align-items:center;gap:9px}.board-form .check-label input{width:auto}.noticeboard .section-heading h2{font-size:38px}@media(max-width:900px){.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.board-grid{grid-template-columns:1fr}.board-bottom{display:block}.board-bottom>a{display:inline-block;margin-top:12px}.board-date-row{grid-template-columns:1fr;gap:0}.noticeboard .section-heading h2{font-size:32px}.board-card>img{height:250px}}
.business-section{margin:40px 0;padding:32px;background:#f1f5e8;border:1px solid #d8e3cb;border-radius:18px}.business-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:24px 0}.business-steps b{color:#12583d}.business-steps p{font-size:14px;line-height:1.6}.ad-guidelines{border-top:1px solid #cbd8be;padding:18px 0}.ad-guidelines summary{cursor:pointer;font-weight:700}.ad-guidelines p{font-size:14px;line-height:1.65}.table-scroll{overflow:auto}.ad-guidelines table{width:100%;border-collapse:collapse;font-size:14px}.ad-guidelines th,.ad-guidelines td{text-align:left;padding:10px;border-bottom:1px solid #d8e3cb}.submission-card{padding:22px;margin:18px 0;border:1px solid #dce4d9;border-radius:14px;background:white}.submission-review{display:grid;grid-template-columns:minmax(140px,240px) 1fr;gap:24px}.submission-review>img{width:100%;height:auto;max-height:320px;object-fit:contain}.submission-card p{line-height:1.55;overflow-wrap:anywhere}.submission-card .row-actions{flex-wrap:wrap}.board-form label>input:not([type=checkbox]),.board-form label>select,.board-form label>textarea{display:block;width:100%;margin-top:6px}.board-form .check-label{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.6}.text-link{background:none;border:0;color:#146246;font-weight:700;text-decoration:underline;cursor:pointer}.workspace-tabs{overflow-x:auto}.workspace-tabs button{flex-shrink:0}.ad-slot img{object-fit:contain}.board-card.ad .story-tag:before{content:'PAID / COMMUNITY · '}.business-section .help{font-size:12px;color:#53674f}@media(max-width:700px){.business-section{padding:22px 16px}.business-steps,.submission-review{grid-template-columns:1fr}.business-steps{gap:10px}.submission-review>img{max-height:260px}.business-section .section-heading{align-items:flex-start;gap:20px}.business-section .section-heading .button{white-space:normal}}
.community-social{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);margin:44px 0;border:1px solid #d8e3cb;border-radius:20px;overflow:hidden;background:#f8faf4;scroll-margin-top:30px}.social-intro{padding:34px;background:#154c36;color:#fff}.social-intro .eyebrow{color:#edca59}.social-intro h2{font-size:32px;line-height:1.12;margin:14px 0 20px}.social-intro p{line-height:1.65}.social-source-link{display:inline-block;color:#ffe28a;font-weight:700;margin:10px 0}.social-intro .social-schedule{font-size:12px;color:#cfdfca;margin-top:26px}.social-carousel{padding:28px 32px;min-width:0}.social-filter{display:flex;gap:8px}.social-filter button{border:1px solid #cbd9c4;border-radius:25px;padding:8px 16px;color:#204e37;background:transparent;cursor:pointer;font:inherit;font-size:13px}.social-filter button[aria-pressed=true]{background:#e4edce;border-color:#b4c58e;font-weight:700}.social-status{font-size:12px;color:#5c6d5b;min-height:30px;line-height:1.5;margin:18px 0}.social-slide{min-height:225px}.social-source-label{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#64804b}.social-post h3,.social-empty h3{font-size:25px;line-height:1.24;color:#123d2b;margin:14px 0;overflow-wrap:anywhere}.social-post>p,.social-empty p{line-height:1.65;color:#53624b}.social-post .social-post-date{font-size:12px}.social-post .button{margin:10px 0;font-size:13px}.social-controls{display:flex;gap:12px;align-items:center;border-top:1px solid #d8e3cb;padding-top:15px;margin-top:18px}.social-controls[hidden]{display:none}.social-controls button{border:1px solid #c9d6bd;background:white;border-radius:8px;padding:8px 12px;color:#194931;cursor:pointer;font:inherit;font-size:13px}.social-controls span{font-size:12px;color:#5e704e}.social-controls #social-pause{margin-left:auto}.social-caption{font-size:11px!important;line-height:1.5;color:#68775c;margin:18px 0 0}.social-carousel:focus-within{outline:2px solid #a8bf76;outline-offset:-3px}@media(max-width:700px){.community-social{grid-template-columns:1fr}.social-intro{padding:24px}.social-intro h2{font-size:29px}.social-intro .social-schedule{margin-top:12px}.social-carousel{padding:22px}.social-post h3,.social-empty h3{font-size:23px}.social-slide{min-height:220px}}