/* my neighbourhood — the noticeboard type system.
   The four faces the earlier build wears, in the roles it gives them:
   a script for the day word once, a display serif for anything a neighbour is
   offered, Source Sans 3 for every fact, Kalam for a human hand.
   Loaded after app.css; remove the <link> and the rounded system returns. */
:root{
  --display:'DM Serif Display',Georgia,serif;
  --serif:'DM Serif Display',Georgia,serif;
  --sans:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;
  --hand:'Kalam','Segoe Print',cursive;
  --script:'Alex Brush','Snell Roundhand',cursive;
}
/* DM Serif Display ships ONE weight. Every selector that asked Nunito for 700
   or 800 would otherwise get a synthetic bold — the browser smearing the
   outline sideways, which is the difference between a typeface and a blur on
   a cheap screen. Each of the ten is named here rather than swept with a
   wildcard, so a new heading that forgets is visible in review. */
.loc b,
.around h1,.sec h2,.poster h3,.dethead h1,.det h1,.receipt h2,.sheet-h,.q,
.gatewrap h1,.first h3{font-weight:400;letter-spacing:0}
.around h1{font-size:calc(31px * var(--tx));line-height:1.06}
.poster h3{font-size:calc(22px * var(--tx));line-height:1.18}
.poster.mini h3{font-size:calc(19px * var(--tx))}
.dethead h1{font-size:calc(31px * var(--tx));line-height:1.12}
.gatewrap h1{font-size:calc(32px * var(--tx));line-height:1.1}
/* the day, in the script, once — the one flourish the old board allows */
.around .day{font-family:var(--script);font-size:calc(30px * var(--tx));line-height:1.1;
  margin-top:0}