/* RachelRasmussen.com / v13 — site-wide interactive link conventions
   Visible navigation links use quiet underlines. Primary actions use shaped buttons.
   Existing photography, color palette, layout, and quiz logic are unchanged. */
:root { --r-link-gold: #d6b392; }
.site-header { position: sticky; top: 0; z-index: 1000; }
.site-header .signature-r { width:66px; height:42px; object-fit:contain; filter:none; flex:none; }
/* main navigation dots, with restrained underline cues */
.site-header .nav:not(.secondary-nav) > a:not(.nav-cta) {
  text-decoration: underline;
  text-decoration-color: rgba(213,178,146,.42);
  text-decoration-thickness: 1px;
  text-underline-offset: 7px;
}
.site-header .nav:not(.secondary-nav) > a:not(.nav-cta):hover,
.site-header .nav:not(.secondary-nav) > a:not(.nav-cta):focus-visible,
.site-header .nav:not(.secondary-nav) > a.active-section {
  text-decoration-color: #e1b995;
  color: #f1d4b7;
}
/* The dot separators are CSS, never extra focusable elements. */
@media (min-width: 1051px) {
  .site-header .nav:not(.secondary-nav) { gap: 31px; }
  .site-header .nav:not(.secondary-nav) > a:not(:first-child)::before {
    content: "·";
    display: block;
    position: absolute;
    left: -19px;
    top: 50%;
    transform: translateY(-54%);
    color: #c7a98c;
    font: 400 19px/1 Georgia,serif;
    pointer-events: none;
    text-decoration: none;
  }
}
/* Primary CTA is explicitly button-shaped; no diagonal arrow needed. */
.site-header .nav > a.nav-cta {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 11px 20px;
  min-height: 43px;
  margin-left: 6px;
  background: rgba(215,173,137,.13);
  border: 1px solid #c7a07c;
  border-radius: 9px;
  color: #f5e3d1;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .025em;
  white-space: nowrap;
  text-decoration: none;
}
.site-header .nav > a.nav-cta:hover,
.site-header .nav > a.nav-cta:focus-visible {
  background: #e6c6a7;
  border-color: #e6c6a7;
  color: #171311;
}
/* Every ordinary prose and utility link is marked by an underline. */
.under-link, .text-link, .more-writing, .essay-link,
.speaker-photo-meta a:not(.btn), .footer-links a,
.quiz-page .secondary-nav a, .quiz-page .footer a,
.privacy-page a:not(.btn), .thanks-page a:not(.btn) {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  text-decoration-color: currentColor;
}
.essay-link { text-underline-offset: 6px; }
.essay-link:hover, .essay-link:focus-visible,
.footer-links a:hover, .footer-links a:focus-visible,
.under-link:hover, .under-link:focus-visible,
.text-link:hover, .text-link:focus-visible,
.quiz-page .secondary-nav a:hover, .quiz-page .secondary-nav a:focus-visible {
  text-decoration-thickness: 2px;
}
/* Images are linked as a separate preview; preserve the circular headshot. */
.speaker-photo-preview { text-decoration: none; }
/* The base .btn style already clearly communicates the action. */
a.btn, button.btn, .btn { text-decoration: none; }
@media (max-width: 1050px) {
  .site-header .nav > a::before { display: none !important; }
  .site-header .nav > a.nav-cta { margin: 18px 0 0; padding: 15px 19px; font-size: 14px; }
}
@media (max-width: 760px) {
  .site-header .nav:not(.secondary-nav) > a:not(.nav-cta) { text-underline-offset: 5px; }
  .site-header .signature-r { width:53px; height:34px; }
  .support-page .site-header .wordmark { gap:4px; font-size:10px; letter-spacing:.07em; }
  .support-page .site-header .nav { display:flex; position:static; flex-direction:row; align-items:center; gap:10px; padding:0; width:auto; background:transparent; border:0; }
  .support-page .site-header .nav > a:not(.nav-cta) { font-size:11px; white-space:nowrap; }
  .support-page .site-header .nav > a.nav-cta { font-size:11px; margin:0; padding:7px 10px; min-height:35px; border-radius:7px; }
}