.mvarc-calendar {max-width:72rem;margin-inline:auto;color:inherit;font:inherit}
.mvarc-calendar .mc-controls {display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-block:1rem}
.mvarc-calendar button,.mvarc-calendar select,.mvarc-calendar input {font:inherit;min-height:44px;padding:.5rem .75rem;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit}
.mvarc-calendar button {cursor:pointer}
.mvarc-calendar button[aria-pressed=true] {background:#15558a;color:#fff;border-color:#15558a}
.mvarc-calendar :focus-visible {outline:3px solid #2271b1;outline-offset:3px}
.mvarc-calendar .mc-grid {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;max-width:34rem;margin-block:1rem}
.mvarc-calendar .mc-grid span {text-align:center;font-size:.85em}
.mvarc-calendar .mc-grid button {padding:.5rem .1rem}
.mvarc-calendar .mc-has-events {font-weight:700;text-decoration:underline;text-underline-offset:.3em}
.mvarc-calendar article {padding-block:1rem;border-bottom:1px solid #888}
.mvarc-calendar article h4,.mvarc-calendar article p {margin:0 0 .5rem}
.mvarc-calendar article a {display:inline-block;margin-right:1.25rem;padding-block:.5rem;text-decoration:underline;text-underline-offset:.2em}
.mvarc-calendar h3 {margin-top:2rem}

.mvarc-calendar form {display:flex;flex-direction:column;gap:1rem;max-width:36rem;margin-block:1rem}
.mvarc-calendar form label {display:flex;flex-direction:column;gap:.35rem}

.mvarc-calendar .mc-tags {display:flex;flex-wrap:wrap;gap:.5rem;margin-block:.5rem .75rem}
.mvarc-calendar .mc-tag {display:inline-block;border-radius:999px;padding:.2rem .65rem;font-size:.875rem;font-weight:600;background:#e2e8f0;color:#25354b}
.mvarc-calendar .mc-tag-2m {background:#dbeafe;color:#1e40af}
.mvarc-calendar .mc-tag-440 {background:#f3e8ff;color:#6b21a8}
.mvarc-calendar .mc-tag-220 {background:#ffedd5;color:#9a3412}
.mvarc-calendar .mc-tag-in_person {background:#dcfce7;color:#166534}
.mvarc-calendar .mc-tag-online {background:#cffafe;color:#155e75}
.mvarc-calendar .mc-tag-hybrid {background:#fce7f3;color:#9d174d}
.mvarc-calendar .mc-description {white-space:pre-line;line-height:1.65;max-width:70ch;margin-block:.75rem 1rem}
.mvarc-calendar textarea {font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:6px;padding:.75rem;resize:vertical;width:100%;min-height:10rem}
.mvarc-calendar fieldset label {flex-direction:row;align-items:center;gap:.6rem}
.mvarc-calendar fieldset input {min-height:24px;width:24px}
.mvarc-calendar article>button {margin:.25rem .5rem .25rem 0}
