.home{display:grid;grid-template-columns:var(--gutter) 1fr var(--gutter) 1fr var(--gutter);grid-template-rows:var(--gutter) 1fr var(--gutter);height:100dvh}.home a{color:inherit;text-decoration:none}.home__deco{display:contents}.home__deco>span:nth-child(1){grid-area:1 / 1;background-color:var(--gray)}.home__deco>span:nth-child(2){grid-area:1 / 3;background-color:var(--pink)}.home__deco>span:nth-child(3){grid-area:3 / 1;background-color:var(--purple)}.home__deco>span:nth-child(4){grid-area:3 / 3;background-color:var(--mint)}.site-header{grid-area:2 / 4;justify-self:end;width:var(--rail-width);display:flex;flex-direction:column;justify-content:space-between;text-align:right}.site-header__top{display:flex;flex-direction:column;gap:1.5rem}.site-title{margin:0;font-size:1rem;font-weight:400;text-transform:uppercase;display:flex;flex-direction:column;gap:.3rem}.site-credit{margin:0}.site-credit a:hover{text-decoration:underline}.submit-event{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;aspect-ratio:1 / 1}.submit-event:hover{background-color:var(--on-surface);color:var(--surface)}.home__calendar{grid-area:2 / 2;min-width:0;min-height:0}.calendar{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--on-surface) transparent}.calendar__empty{margin:0}.months{display:grid;grid-template-columns:auto auto auto auto minmax(0,1fr);column-gap:1.25rem}.month,.month__events,.event{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}.month+.month{margin-top:.5rem}.month__events{margin:0;padding:0;list-style:none}.event__flag{text-align:center}.event__name a:hover,.event__name a:focus-visible{text-decoration:underline}.submit-dialog{position:fixed;top:var(--gutter);bottom:var(--gutter);left:auto;right:var(--gutter);width:calc((100vw - 3 * var(--gutter)) / 2);height:auto;max-width:none;max-height:none;margin:0;padding:0;border:none;background-color:var(--surface-raised);color:var(--on-surface-raised);text-align:left;grid-template-columns:var(--gutter) 1fr var(--gutter);grid-template-rows:var(--gutter) 1fr var(--gutter)}.submit-dialog[open]{display:grid}.submit-dialog::backdrop{background-color:#0006}.submit-dialog__close{grid-area:1 / 3;font:inherit;border:none;cursor:pointer;background-color:var(--surface-raised);color:var(--on-surface-raised);display:grid;place-items:center}.submit-dialog__close:hover{background-color:var(--accent-mint)}.submit-dialog__body{grid-area:2 / 2;overflow-y:auto}.submit-dialog__done{height:100%;display:grid;place-items:center;padding:1rem;text-align:center;background-color:var(--accent-pink)}.submit-dialog__done p{margin:0 0 .5rem}.event-form{display:flex;flex-direction:column}.event-form__field{margin:0;display:flex;flex-direction:column;background-color:#fff}.event-form__field:nth-child(odd){background-color:var(--off-white)}.event-form__field:nth-child(odd) .event-form__input{background-color:var(--off-white)}.event-form__field--labelled>label{font-size:.8rem;padding:.75rem 1rem 0}.event-form__input{font:inherit;width:100%;padding:1rem;border:none;text-align:center;color:var(--on-surface-raised);background-color:transparent}.event-form__textarea{resize:vertical}.event-form__input::placeholder{color:var(--on-surface-raised);opacity:1}.event-form__error{margin:0;padding:1rem;text-align:center;background-color:var(--accent-pink)}.event-form__submit{font:inherit;width:100%;padding:5rem 0;border:none;cursor:pointer;color:var(--on-surface-raised);background-color:var(--surface-raised);text-transform:uppercase;letter-spacing:.1em}.event-form__submit:hover:not(:disabled){background-color:var(--accent-purple)}.event-form__submit:disabled{cursor:default;opacity:.6}@media (width < 48rem){.home{display:flex;flex-direction:column;gap:2rem;height:auto;min-height:100dvh;padding:1.5rem 1rem 0}.site-header{width:auto;text-align:left;gap:2rem}.site-header__top{flex-direction:row;justify-content:space-between;align-items:flex-start}.submit-event{align-items:flex-start;aspect-ratio:auto}.home__calendar,.calendar{height:auto;overflow:visible}.months,.month,.month__events,.event{display:block}.event{margin-bottom:.6rem}.event__name{display:block}.home__deco{display:flex;height:3rem;margin:auto -1rem 0}.home__deco>span{flex:1}.submit-dialog{inset:0;width:auto;grid-template-columns:1rem 1fr 3rem;grid-template-rows:3rem 1fr 1rem}}