/* Shared by every page. Loaded after each page's own <style>, so these rules win.
   Keep it small: brand fonts, and the few controls that must look the same everywhere. */
@font-face{font-family:"Figtree";src:url(/static/brandfonts/Figtree-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(/static/brandfonts/Figtree-SemiBold.ttf) format("truetype");font-weight:500 800;font-style:normal;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url(/static/brandfonts/ChakraPetch-Bold.ttf) format("truetype");font-weight:500 800;font-style:normal;font-display:swap}

/* checkboxes: one size and color, never squeezed by a flex row */
input[type=checkbox],input[type=radio]{width:20px;height:20px;min-width:20px;padding:0;margin:0;flex:none;accent-color:var(--ink,#1c2340);cursor:pointer}

/* links inside text: brand blue, underlined so they read as links */
p a:not(.btn):not(.button):not(.quiet),li a:not(.btn):not(.button):not(.quiet),.hint a:not(.btn),.crumbs a{color:var(--blue,#2b4ea2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
p a:not(.btn):not(.button):not(.quiet):hover,li a:not(.btn):not(.button):not(.quiet):hover{text-decoration-thickness:2px}

/* one footer style on every public page */
.sitefoot,footer .row{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;font-size:14px}
.sitefoot a,footer .row a{margin:0;color:var(--soft,#5b6380);font-weight:600;text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
.sitefoot a:hover,footer .row a:hover{color:var(--ink,#1c2340)}
.social a{color:var(--soft,#5b6380);font-weight:600;text-decoration:none}