:where(.pg-start) .sf{grid-area:form;align-content:start;gap:1.6rem;display:grid}:where(.pg-start) .sf h2{font:400 clamp(1.9rem, 3.2vw, 2.7rem)/1.1 var(--display);letter-spacing:-.015em}:where(.pg-start) .sf h2 em{color:var(--red);font-style:italic;font-weight:340}:where(.pg-start) .sf h2:focus{outline:none}:where(.pg-start) .f-box select{appearance:none;width:100%;min-width:0;color:var(--ivory);font:400 1.25rem/1.35 var(--display);cursor:pointer;background:0 0;border:0;outline:0;flex:1;padding:.3rem 1.8rem .3rem 0}:where(.pg-start) .f-box select option,:where(.pg-start) .f-box select optgroup{background:var(--bg-1);color:var(--ivory);font:400 1rem var(--body)}:where(.pg-start) .f-box:has(select):before{content:"";border-right:1.5px solid var(--ivory-dim);border-bottom:1.5px solid var(--ivory-dim);pointer-events:none;width:.5rem;height:.5rem;position:absolute;top:50%;right:.3rem;transform:translateY(-75%)rotate(45deg)}:where(.pg-start) .sf .form-err{color:#e05a5e}:where(.pg-start) .sf-done .ok{border:1px solid var(--red);color:#e05a5e;border-radius:50%;place-items:center;width:3.4rem;height:3.4rem;display:grid}:where(.pg-start) .sf-done p{color:var(--ivory-dim);max-width:32rem;font-size:1.05rem}:where(.pg-start) .sf-next{border-top:1px solid var(--line-soft);justify-items:start;gap:.8rem;padding-top:1.4rem;display:grid}
