/* One expanded form card; neighbouring cards retain a soft content preview. */
html:has(.form-focus){overflow-anchor:none}
#form.form-focus>fieldset{position:relative;margin-top:18px;transition:box-shadow 350ms ease,background 350ms ease;box-shadow:0 2px 5px #17291e04;background:#f9faf9;cursor:pointer}
#form.form-focus>fieldset.is-active{background:#fff;box-shadow:0 6px 15px #17291e08,0 22px 55px #17291e16;cursor:default;z-index:1}
#form.form-focus>fieldset>legend{margin-bottom:18px}
.form-card-heading{display:flex;align-items:center;gap:14px;width:100%;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer;min-height:34px}
#form .form-card-heading>.form-card-number{flex-shrink:0}
#form .form-card-heading>.form-card-title{display:block;width:auto;height:auto;margin:0;border-radius:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;flex:1}
.form-card-heading:focus-visible{outline:2px solid #c69a00;outline-offset:6px;border-radius:3px}
.form-fold{clear:both;overflow:hidden;position:relative;opacity:.48;filter:blur(1px);mask-image:linear-gradient(#000 20%,transparent 100%);transition:opacity 300ms ease,filter 300ms ease;pointer-events:none}
.is-active .form-fold{opacity:1;filter:none;mask-image:none;pointer-events:auto}
.form-fold>.fields{margin:0}
@media(max-width:760px){#form.form-focus>fieldset{margin-top:14px}.form-card-heading{gap:12px}.form-fold{filter:blur(.8px)}}
@media(prefers-reduced-motion:reduce){#form.form-focus>fieldset,.form-fold{transition:none}}