/* Type for the whole site, loaded last on every page.
   One reading font (EB Garamond) for all text; Marcellus only for headings.
   All font sizes are in rem, so the Text size buttons scale every word. */
html{font-size:112.5%}
html[data-size="2"]{font-size:131.25%}
html[data-size="3"]{font-size:150%}
button,input,select,textarea{font-family:inherit}
code,kbd,samp{font-family:inherit;font-size:inherit}
body{overflow-wrap:break-word}

/* Text size buttons (top of every page) */
.textsize{background:#fff;border-bottom:1px solid #e3dfd3;font-family:'EB Garamond',Garamond,Georgia,serif}
.textsize .wrap{display:flex;justify-content:flex-end;align-items:center;gap:8px;min-height:54px}
.textsize span{font-size:17px;font-weight:600;color:#23253f;white-space:nowrap;margin-right:4px}
.textsize button{font-family:inherit;font-weight:600;line-height:1;min-width:48px;min-height:44px;padding:0 .6rem;border:2px solid #22386e;border-radius:8px;background:#fff;color:#22386e;cursor:pointer}
.textsize button[data-s="1"]{font-size:17px}
.textsize button[data-s="2"]{font-size:21px}
.textsize button[data-s="3"]{font-size:25px}
.textsize button[aria-pressed="true"]{background:#22386e;color:#fff}
.textsize button:focus-visible{outline:3px solid #b18a3e;outline-offset:2px}
@media print{.textsize{display:none}}