/* wj-type-2026.css — sitewide headings + links, per the WebJIVE style guide.
   ONE file, linked from every page and from _inc/head.php (publish.php renders through it).
   Values are PORTED from /assets/css/wj-home-2026.css, the faithful build of the guide, not
   re-authored: Bebas Neue 400 for H1/H2 (H3 where a page uses it), DM Sans for H4-H6 and card
   titles, charcoal #1A1A1A text, brand orange #EF5B00, and #C24E00 for orange text on light
   backgrounds (the AA shade already used sitewide since 2026-07-29).
   Deliberately NOT here: heading colors. Older pages get white headings in dark sections by
   INHERITANCE, so a sitewide heading color would put dark text on a dark background. */

@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/bebas-neue-400.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:300 700;font-display:swap;src:url('/assets/fonts/dm-sans-300-700.woff2') format('woff2')}

/* Headings. Bebas Neue has ONE weight, so a bold request made the browser FAKE a heavy bold
   (the look on the blog index, /project/ and the city pages). Stop synthesis everywhere. */
:is(h1,h2,h3,h4,h5,h6,.display){font-synthesis:none}
:is(h1,h2):not(#_){font-family:'Bebas Neue',Impact,sans-serif;font-weight:400}
:is(h4,h5,h6):not(#_){font-family:'DM Sans',Arial,Helvetica,sans-serif}

/* Cards: the whole card is one link. Its title is DM Sans in charcoal — never the browser's
   link-blue it used to inherit from the anchor — and turns orange on hover. */
a.group{color:inherit;text-decoration:none}
a.group h3,a.group h3.display{font-family:'DM Sans',Arial,Helvetica,sans-serif;font-weight:500;font-size:1.25rem;line-height:1.3;letter-spacing:0;color:#1A1A1A}
a.group:is(:hover,:focus-visible) :is(h3,h3.display){color:#C24E00}
a.group .text-brand{color:#C24E00}

/* Text links in body copy: brand orange in the AA shade, underlined so they don't rely on
   color alone. Beats the legacy .wj-richtext / .wj-article .body rules (#EA7024). */
:is(.wj-richtext,.wj-article .body) a:not([class]){color:#C24E00;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
:is(.wj-richtext,.wj-article .body) a:not([class]):is(:hover,:focus-visible){color:#C24E00;text-decoration-thickness:2px}
.wj-author-social a:not(#_){color:#C24E00}

/* Any link nothing else styles: brand orange, never browser blue or visited-purple.
   Zero specificity, so every deliberate link style on the site still wins. */
:where(a):where(:link,:visited){color:#C24E00}