/* EWIO: one system font, three text sizes and a 4px spacing scale. */
:root {--ewio-font:system-ui;--ewio-text-small:14px;--ewio-text-body:16px;--ewio-text-title:32px;--ewio-brand:#17624f;--ewio-brand-hover:#124e3f}
body {font-family:var(--ewio-font);font-size:var(--ewio-text-body)}
input,select,textarea,button {font-family:inherit;font-size:inherit}
small,sub,sup {font-size:var(--ewio-text-small)}
code,kbd,pre,samp {font-family:var(--ewio-font)}
:where(h1,h2,h3,h4,h5,h6) {font-size:var(--ewio-text-title)}
.ewio-inline-error {display:block;flex-basis:100%;margin:4px 0 8px;color:#991b1b;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
[aria-invalid="true"] {border-color:#b91c1c!important}
:where(a[href],button,input[type="submit"],input[type="button"],[role="button"],summary):focus-visible {
  outline:3px solid #28765f !important;
  outline-offset:3px !important;
}
@media (hover:hover) {
  a[href]:hover {text-decoration:underline;text-underline-offset:.2em}
  :where(button,input[type="submit"],input[type="button"],[role="button"]):not(:disabled):not([aria-disabled="true"]):hover {filter:brightness(.92)}
}
.ewio-loading {position:fixed;inset:auto 16px 16px auto;z-index:2147483000;display:flex;align-items:center;gap:8px;padding:12px 16px;background:#183f33;color:#fff;border-radius:8px;box-shadow:0 3px 16px #0002;font:600 14px/1.4 system-ui;pointer-events:none}
.ewio-loading[hidden] {display:none}
.ewio-loading::before {content:"";width:16px;height:16px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:ewio-loading-spin .8s linear infinite}
@keyframes ewio-loading-spin {to{transform:rotate(360deg)}}
.ewio-empty-action {display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;padding:8px 16px;border:1px solid #b7ccc1;border-radius:6px;background:#edf5ef;color:#194b39;font:600 14px/1.4 system-ui;text-decoration:none;white-space:normal}
.ewio-empty {padding:24px;text-align:center;overflow-wrap:anywhere}
@media (prefers-reduced-motion:reduce) {.ewio-loading::before{animation:none}}
@media (max-width:600px) {
  .topbar {flex-wrap:wrap;gap:12px!important;padding:12px 16px!important}
  .topbar .topbar-left,.topbar .topbar-right {min-width:0;max-width:100%;flex-wrap:wrap;gap:8px!important}
  .topbar .topbar-right {margin-left:0;justify-content:flex-start}
  :where(main,.mc-content,.mc-card,.mc-page,.gallery-card) {min-width:0}
  :where(input,select,textarea) {max-width:100%;box-sizing:border-box}
  :where(h1,h2,h3,p,li,td,th) {overflow-wrap:anywhere}
  :where(.mc-content,.mc-card,.mc-page) table {display:block;max-width:100%;overflow-x:auto}
}
@media print {.ewio-loading{display:none!important}}