@font-face{font-family:NotebookSans;src:url('/notebook/body.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:NotebookSerif;src:url('/notebook/heading.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--background:rgb(248,247,242);--foreground:rgb(35,42,40);--card:rgb(253,252,248);--card-foreground:rgb(35,42,40);--popover:rgb(253,252,248);--popover-foreground:rgb(35,42,40);--primary:rgb(54,78,67);--primary-foreground:rgb(248,247,242);--muted:rgb(235,237,228);--muted-foreground:rgb(80,88,82);--border:rgb(188,194,183);--input:rgb(188,194,183);--radius:2px}
html,body{background:var(--background);color:var(--foreground)}
body,button,input,textarea,select{font-family:NotebookSans,Arial,sans-serif}
h1,h2,.about-page h1,.about-page h2{font-family:NotebookSerif,Georgia,serif;font-weight:400;letter-spacing:-.025em}
.topbar{background:var(--background);border-bottom:1px solid var(--border)}
:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
::selection{background:rgb(227,224,174);color:rgb(35,42,40)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.m3ka-tools-nav{display:flex;justify-content:flex-end;padding:10px 24px;border-bottom:1px solid var(--border);background:var(--background)}
.m3ka-tools-nav a{font:500 14px/1.5 NotebookSans,Arial,sans-serif;color:var(--muted-foreground);text-decoration:none;padding:4px 0}
.m3ka-tools-nav a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.m3ka-tools-nav{padding:8px 16px}}