/* 07 Contact · Requests: the form stays folded until a resident opens it with the plus button.
   Without JavaScript the form is simply shown open. */
.request-toggle{display:inline-flex;align-items:center;gap:.9rem;min-height:44px;margin:0;padding:.2rem 0;max-width:none;background:none;border:0;font:inherit;font-size:.95rem;line-height:1.5;color:var(--ink-70);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.request-toggle__label{text-wrap:pretty}
.request-toggle__icon{position:relative;flex:0 0 auto;width:2.35rem;height:2.35rem;border:1px solid var(--gold-ink,#7a5f2e);border-radius:999px;color:var(--gold-ink,#7a5f2e);transition:background .3s var(--e-out),color .3s var(--e-out),transform .45s var(--e-out)}
.request-toggle__icon::before,.request-toggle__icon::after{content:"";position:absolute;left:50%;top:50%;width:.8rem;height:1.5px;margin:-.75px 0 0 -.4rem;background:currentColor;border-radius:1px;transition:transform .45s var(--e-out)}
.request-toggle__icon::after{transform:rotate(90deg)}
.request-toggle:hover .request-toggle__icon{background:var(--gold-ink,#7a5f2e);color:#fff}
.request-toggle:hover .request-toggle__label{color:var(--ink)}
.request-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px}
.request-toggle[aria-expanded=true] .request-toggle__icon{transform:rotate(180deg);background:var(--gold-ink,#7a5f2e);color:#fff}
.request-toggle[aria-expanded=true] .request-toggle__icon::after{transform:rotate(90deg) scaleX(0)}
.request-panel__note{margin-top:.2rem}
html:not(.js) .request-toggle{cursor:default}
html:not(.js) .request-toggle__icon{display:none}
html.js .request-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .55s var(--e-out),opacity .35s var(--e-out)}
html.js .request-panel__inner{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s linear .55s}
html.js .request-panel[data-open=true]{grid-template-rows:1fr;opacity:1}
html.js .request-panel[data-open=true] .request-panel__inner{visibility:visible;transition:none}
.request-panel__inner>.request-form{margin-top:1.1rem;padding-bottom:.4rem}
@media(prefers-reduced-motion:reduce){html.js .request-panel,html.js .request-panel__inner,.request-toggle__icon,.request-toggle__icon::before,.request-toggle__icon::after{transition:none}}