@font-face{font-family:"Literata";src:url("fonts/literata-greek-wght-normal.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+0370-03FF,U+1F00-1FFF}
@font-face{font-family:"Literata";src:url("fonts/literata-latin-wght-normal.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Literata";src:url("fonts/literata-greek-wght-italic.woff2") format("woff2");font-weight:200 900;font-style:italic;font-display:swap;unicode-range:U+0370-03FF,U+1F00-1FFF}
@font-face{font-family:"Literata";src:url("fonts/literata-latin-wght-italic.woff2") format("woff2");font-weight:200 900;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Inter";src:url("fonts/inter-greek-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0370-03FF,U+1F00-1FFF}
@font-face{font-family:"Inter";src:url("fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}

:root{
  color-scheme:light dark;
  &:has(> head > meta[name="color-scheme"][content="dark"]){color-scheme:dark}
  &:has(> head > meta[name="color-scheme"][content="light"]){color-scheme:light}

  --main-color:light-dark(#1F4E79,#6FB1D9);
  --secondary-color:light-dark(#A8442A,#E08A6A);
  --body-background:light-dark(#F6F1E7,#0F1A24);
  --container-background:light-dark(#FBF8F1,#16242F);
  --body-color:light-dark(#1B2A33,#EDE6D6);
  --muted-color:light-dark(#4A5A64,#A9B4BC);
  --line-color:light-dark(#D6CCB8,#2A3C4B);
  --on-main:light-dark(#F6F1E7,#0F1A24);

  --body-font-family:"Inter",system-ui,sans-serif;
  --display-font-family:"Literata",Georgia,serif;
  --body-font-size:17px; --body-line-height:1.55;
  --h1-color:var(--body-color);--h2-color:var(--body-color);--h3-color:var(--body-color);--h4-color:var(--body-color);
  --h1-size:clamp(32px,5vw,52px);--h2-size:clamp(24px,3.2vw,32px);--h3-size:20px;
  --h1-weight:500;--h2-weight:500;--h3-weight:600;
  --link-color:var(--main-color);--link-hover-color:var(--secondary-color);
  --menu-link-color:var(--body-color);--menu-link-hover-color:var(--secondary-color);
  --button-text-transform:none;--button-border-radius:999px;--button-font-weight:500;--button-font-size:16px;
  --button-color:var(--on-main);--button-background-color:var(--main-color);--button-border-color:var(--main-color);
  --button-hover-background-color:transparent;--button-hover-color:var(--main-color);--button-hover-border-color:var(--main-color);
  --focus-color:var(--main-color);--focus-px:2px;--focus-offset:2px;
  --transition-time:160ms;
  --selection-background:var(--secondary-color);--selection-color:var(--body-background);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--body-background);color:var(--body-color);font-family:var(--body-font-family);font-size:var(--body-font-size);line-height:var(--body-line-height);transition:background-color var(--transition-time),color var(--transition-time)}
a{color:inherit}
:focus-visible{outline:var(--focus-px) solid var(--focus-color);outline-offset:var(--focus-offset)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mx-motif{display:block;height:12px;background:var(--secondary-color);-webkit-mask:var(--motif) repeat-x left center/24px 12px;mask:var(--motif) repeat-x left center/24px 12px}
:root{--motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12'%3E%3Cpath fill-rule='evenodd' d='M12 0 24 6 12 12 0 6Zm0 3.2L18.8 6 12 8.8 5.2 6Z'/%3E%3C/svg%3E")}
.mx-motif-sm{height:6px;-webkit-mask-size:12px 6px;mask-size:12px 6px}
button{font-family:inherit}
.mx-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 18px;border:1px solid var(--line-color);background:transparent;color:var(--body-color);border-radius:999px;font:500 15px/1 var(--body-font-family);text-transform:none;cursor:pointer;transition:background-color var(--transition-time),border-color var(--transition-time),color var(--transition-time)}
.mx-btn:hover{border-color:var(--main-color);color:var(--main-color);background:transparent}
.mx-btn[aria-pressed="true"]{background:var(--main-color);color:var(--on-main);border-color:var(--main-color)}
.mx-btn[aria-pressed="true"]:hover,.mx-btn[aria-pressed="true"]:focus{background:var(--main-color);color:var(--on-main)}
.mx-btn svg{width:20px;height:20px;flex:none}
.mx-icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--body-color);cursor:pointer}
.mx-icon-btn:hover{background:transparent;color:var(--main-color);border-color:var(--line-color)}
.mx-icon-btn svg{width:22px;height:22px}
.mx-theme .i-sun{display:none}.mx-theme .i-moon{display:block}
:root:has(> head > meta[name="color-scheme"][content="dark"]) .mx-theme .i-sun{display:block}
:root:has(> head > meta[name="color-scheme"][content="dark"]) .mx-theme .i-moon{display:none}
@media (prefers-color-scheme:dark){
  :root:has(> head > meta[name="color-scheme"][content="light dark"]) .mx-theme .i-sun{display:block}
  :root:has(> head > meta[name="color-scheme"][content="light dark"]) .mx-theme .i-moon{display:none}
}
.mx-ad{display:grid;place-items:center;min-height:120px;border:1px dashed var(--line-color);border-radius:12px;color:var(--muted-color);font-size:13px}
.mx-ad span{padding:6px}
.mx-bottomnav{position:fixed;inset:auto 0 0 0;z-index:20;display:none;background:var(--container-background);border-top:1px solid var(--line-color);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}
.mx-bottomnav ul{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}
.mx-bottomnav a{display:grid;justify-items:center;gap:2px;min-height:48px;padding:6px 4px;text-decoration:none;color:var(--muted-color);font-size:12px;font-weight:500}
.mx-bottomnav a svg{width:22px;height:22px}
.mx-bottomnav a[aria-current="page"]{color:var(--main-color)}
@media (max-width:759px){.mx-bottomnav{display:block}body{padding-bottom:76px}.mx-desktop-only{display:none!important}}
@media (min-width:760px){.mx-mobile-only{display:none!important}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.mx-status{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--body-color);color:var(--body-background);padding:10px 16px;border-radius:999px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50}
.mx-status.on{opacity:1}
.mx-footer{border-top:1px solid var(--line-color);padding:28px 0 36px;color:var(--muted-color);font-size:14px}
.mx-footer a{color:inherit}

.mx-icon-btn[aria-pressed="true"]{color:var(--secondary-color)}
.mx-icon-btn[aria-pressed="true"] svg{fill:currentColor}
.mx-btn[aria-pressed="true"] svg,.tbtn[aria-pressed="true"] svg{fill:currentColor}

.cat,.row .c{display:inline-flex;align-items:center;min-height:44px}
.logo{padding-block:8px}