/* Shared station-console treatment. Keep operating information ahead of decoration. */
:root { --night: #141713; --panel: #20251e; --line: #505949; --paper: #e4e6d7; --muted: #afb5a6; --phosphor: #b6d991; }
body { background-image: linear-gradient(90deg, #ffffff02 1px, transparent 1px); background-size: 8px 8px; }
body::before { opacity: .008; }
.site-header { height: 68px; background: #11140f; }
.brand strong { font: 800 17px monospace; letter-spacing: .14em; }
.station-nav { display: flex; gap: 24px; font: 700 10px/1.5 monospace; }
.station-nav a:hover, .station-strip a:hover { text-decoration: underline; }
a:focus-visible { outline: 2px solid var(--phosphor); outline-offset: 5px; }
.station-strip { display: flex; align-items: center; gap: 0; padding: 0 5vw; background: #2a3025; border-block: 1px solid #59634e; font: 700 12px/1.4 monospace; }
.station-strip > * { padding: 12px 22px; border-right: 1px solid #59634e; }
.station-strip > :first-child { padding-left: 0; }
.station-strip span { text-transform: uppercase; }
.station-strip a { text-decoration: underline; text-underline-offset: 3px; }
.hero { min-height: 0; padding: 52px 5vw; gap: 5vw; background: none; }
.hero h1, .guide-hero h1 { font: 800 clamp(29px, 3.5vw, 48px)/1.1 monospace; letter-spacing: -.065em; margin: 22px 0; }
.heading-subline { display: block; margin-top: 15px; font: 400 clamp(24px, 2.8vw, 38px)/1.15 Arial, sans-serif; letter-spacing: -.03em; color: var(--muted); }
.intro, .operator-welcome, .about-copy, .radio-guide p, .radio-guide dd, .new-to-radio p:not(.signal-label) { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.65; }
.signal-label { font-size: 10px; }
.primary-action { background: #b6d991; padding: 14px 18px; margin-top: 15px; border: 1px solid #d0e8b6; box-shadow: 0 3px 0 #080b07; }
.radio { padding: 22px; border: 2px solid #5c6653; border-radius: 5px; box-shadow: 7px 8px 0 #080b08; background: linear-gradient(#30362b, #20251e); }
.display { background: #c2cea7; }
.display > strong { font-size: clamp(54px, 7vw, 100px); }
.controls > div { background: #141811; border-color: #58614f; }
.controls span { color: #a3ad97; }
.question { background: #10140f; padding-block: 22px; border-block: 1px solid #59634e; }
.question h2 { font: 400 22px/1.35 Georgia, serif; }
.question-note { font: 13px/1.5 Arial, sans-serif; }
.join { padding-block: 48px; gap: 5vw; }
.join h2, .radio-guide h2, .new-to-radio h2 { font: 600 clamp(25px, 3vw, 36px)/1.1 Arial, sans-serif; letter-spacing: -.03em; }
.join li b { font: 600 17px/1.3 Arial, sans-serif; }
.join li p { font-family: Arial, sans-serif; }
.about-copy { margin-top: 18px; }
.guide-hero, .guide-section { padding-block: 48px; gap: 5vw; }
.guide-hero .guide-intro { font: 400 19px/1.5 Arial, sans-serif; }
.guide-note, .tuning-card { box-shadow: 7px 8px 0 #080b08; border-radius: 3px; }
.guide-note::after { content: none; }
.guide-note::before { content: "OPERATING NOTES / FRAMERATES"; }
.operating-modes { margin: 24px 0 0; }
.operating-modes > div { display: grid; grid-template-columns: 95px 1fr; gap: 10px; border-top: 1px solid var(--line); padding: 12px 0; }
.operating-modes dt { color: var(--phosphor); font: 700 11px/1.5 monospace; }
.radio-guide .operating-modes dd { margin: 0; font: 13px/1.5 Arial, sans-serif; }
.radio-terms > div { border-left-width: 1px; padding: 16px 20px; margin-bottom: 0; border-bottom: 0; }
.radio-terms > div:last-child { border-bottom: 1px solid var(--line); }
.radio-terms dt, .license-steps h3 { font: 600 18px/1.3 Arial, sans-serif; }
.guide-outro { padding-block: 40px; background: #20251e; }
.site-footer { font-size: 10px; }
@media (max-width: 800px) {
  .station-strip { padding-inline: 20px; font-size: 10px; flex-wrap: wrap; }
  .station-strip > * { padding: 10px; }
  .station-nav { gap: 12px; font-size: 9px; }
  .hero, .guide-hero, .guide-section, .join { padding: 32px 20px; gap: 28px; }
  .hero h1, .guide-hero h1 { font-size: clamp(27px, 7vw, 40px); }
  .radio { margin-top: 0; padding: 15px; }
  .display { padding: 18px; }
  .display > strong { font-size: clamp(48px, 13vw, 80px); }
  .controls { grid-template-columns: repeat(3, 1fr) 40px; }
  .controls > div { padding: 10px 7px; }
}