/* Moonsēd — shared site styles.
   Fonts and the small base reset that every page depends on. Page-specific
   rules stay in each page's own <style> block, because the surfaces differ
   (dark hero pages vs. light document pages) and the designs rely on that. */

@font-face{font-family:'Shelffy';src:url('/fonts/Shelffy.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Shelffy';src:url('/fonts/Shelffy-Oblique.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Shelffy Outline';src:url('/fonts/Shelffy-Outline.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Shelffy Outline';src:url('/fonts/Shelffy-Oblique-Outline.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Hedvig Letters Serif';src:url('/fonts/HedvigLettersSerif-Variable.ttf') format('truetype-variations');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/Inter-Variable.ttf') format('truetype-variations');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/Inter-Italic-Variable.ttf') format('truetype-variations');font-weight:100 900;font-style:italic;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
body{-webkit-font-smoothing:antialiased;text-wrap:pretty}

/* The designs carry their layout in inline style attributes, so a plain
   [hidden] rule loses to `display:flex` on the element itself. Everything that
   toggles — the mobile menu, accordion panels, filtered note rows — relies on
   this winning. */
[hidden]{display:none!important}