/* Standard visual mode: no external font request. Decorative headings use the locally hosted OldNewspaperTypes font from style.css; body and navigation use system stacks. */
body:not(.accessible){
  --paper:#f7f6f2;
  --paper2:#fff;
  --ink:#161310;
  --muted:#5f5952;
  --red:#8b1515;
  --red2:#a92d27;
  --gold:#d5b05e;
  --line:#221b16;
  --soft-line:#c8c1b7;
  font-family:Georgia,'Times New Roman',serif;
  color:var(--ink);
  background:
    radial-gradient(rgba(20,16,12,.035) 1px,transparent 1px) 0 0/7px 7px,
    linear-gradient(90deg,rgba(139,21,21,.018),transparent 18%,transparent 82%,rgba(139,21,21,.018)),
    var(--paper)!important;
}
body:not(.accessible) input,
body:not(.accessible) textarea,
body:not(.accessible) select,
body:not(.accessible) button{font-family:Georgia,'Times New Roman',serif}

body:not(.accessible) #siteHeader .navlinks>a,
body:not(.accessible) #siteHeader .mobile-menu>a{
  font-family:'Trebuchet MS',Arial,sans-serif!important;
}

/* Homepage visual language, shared by every public page. */
body:not(.accessible) .page-intro{
  padding:34px 0 28px;
  border-bottom:5px solid var(--line);
  background:rgba(255,255,255,.56);
}
body:not(.accessible) .page-intro h1{
  color:var(--red);
  border-top:4px solid var(--line);
  border-bottom:4px solid var(--line);
  padding:.12em 0 .16em;
  margin:.12em 0 .24em;
}
body:not(.accessible) .section{border-top:2px solid var(--line)}
body:not(.accessible) .section-head{
  border-bottom:1px solid var(--line);
  padding-bottom:10px;
  margin-bottom:18px;
}
body:not(.accessible) .section-head h2,
body:not(.accessible) .bigtitle{
  font-family:var(--display);
  color:var(--red);
  text-transform:none;
  letter-spacing:-.012em;
  line-height:.96;
}
body:not(.accessible) .btn{
  border:2px solid var(--line);
  border-radius:0!important;
  background:#fff;
  color:var(--ink);
  box-shadow:3px 3px 0 var(--line);
  font-weight:900;
}
body:not(.accessible) .btn.primary{
  background:var(--red);
  border-color:var(--red);
  color:#fff;
  box-shadow:3px 3px 0 #280707;
}
body:not(.accessible) :is(.candidate-card,.source-card,.tool,.article-card,.serious-box,.obs-card,.panel,.poll-method-card,.interactive-poll-card,.builder-panel,.template-card,.text-card,.source-filter-panel,.bb-step,.bb-score){
  border-radius:0!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}
body:not(.accessible) :is(.candidate-card,.source-card,.tool,.article-card,.serious-box,.obs-card,.panel,.poll-method-card,.interactive-poll-card,.builder-panel,.template-card,.text-card,.source-filter-panel,.bb-step:not(.dark),.bb-score){
  background:rgba(255,255,255,.88)!important;
}
body:not(.accessible) .count-panel{
  background:var(--red)!important;
  color:#fff!important;
  border-radius:0!important;
}
body:not(.accessible) .darksection{
  background:#191511!important;
  color:#fff2d6;
}
body:not(.accessible) .darksection .panel,
body:not(.accessible) .bb-step.dark{
  background:#211d19!important;
  border-color:#5c5142!important;
  color:#fff2d6;
}
body:not(.accessible) .darksection .section-head h2{color:#efd386}
body:not(.accessible) .darksection .section-head p,
body:not(.accessible) .darksection .fine{color:#c9bea5}
body:not(.accessible) .chip{background:rgba(255,255,255,.72);border-color:var(--soft-line)}
body:not(.accessible) .footer{background:#ece9e2;border-top:4px solid var(--line)}

/* Keep Big Browser on the same neutral paper as the rest of the site, never yellow. */
body:not(.accessible) .bb-step:not(.dark),
body:not(.accessible) .bb-score,
body:not(.accessible) .bb-formula+*,
body:not(.accessible) .candidate-card{background-color:#fff!important}

/* Accessible mode deliberately keeps the existing high-legibility system stack. */
body.accessible,
body.accessible input,
body.accessible textarea,
body.accessible select,
body.accessible button{font-family:Verdana,Tahoma,Arial,sans-serif!important}