.flow{color:var(--text,inherit);min-width:0;margin-block:clamp(2rem,5vw,5rem);scroll-margin-top:7rem}.flow.panel{padding:clamp(1.25rem,4vw,3.5rem)}.flow h2{overflow-wrap:anywhere;margin-block:1rem 1.7rem;font-size:clamp(1.8rem,3.6vw,3.4rem);line-height:1.13}.flow h3{font-size:1.35rem;line-height:1.3}.flow p{line-height:1.65}.flow-note{opacity:.8;max-width:75ch;font-size:.8rem;line-height:1.55}.flow-step-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.flow-step-heading>span{font-size:.8rem}.flow progress{width:100%;height:3px;accent-color:var(--accent,currentColor);appearance:none;background:color-mix(in srgb, currentColor 14%, transparent);border:0;margin-block:1.4rem 2rem;display:block}.flow progress::-webkit-progress-bar{background:color-mix(in srgb, currentColor 14%, transparent)}.flow progress::-webkit-progress-value{background:currentColor}.flow progress::-moz-progress-bar{background:currentColor}.flow-options{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:2rem 0;padding:0;display:grid}.flow-option{border:1px solid color-mix(in srgb, currentColor 30%, transparent);cursor:pointer;align-items:center;gap:.9rem;min-height:64px;padding:1rem 1.2rem;transition:background .18s,border-color .18s;display:flex}.flow-option:hover{background:color-mix(in srgb, currentColor 5%, transparent)}.flow-option.is-selected{background:color-mix(in srgb, currentColor 10%, transparent);border-color:currentColor}.flow input[type=radio],.flow input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent,currentColor);flex-shrink:0}.flow :is(input,select,textarea,button,a):focus-visible{outline-offset:4px;outline:2px solid}.flow h2:focus{outline:none}.flow-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.6rem;display:flex}.flow .button{white-space:normal;text-align:center;min-height:48px}.flow button:disabled{opacity:.42;cursor:not-allowed}.flow-clear{text-underline-offset:5px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:.5rem 0;font-size:.82rem;text-decoration:underline;display:inline-flex}.flow-status{min-height:1.6rem;margin:1.2rem 0 0;font-size:.9rem;font-weight:500}.flow-reasons{gap:.65rem;max-width:75ch;padding-left:1.3rem;display:grid}.flow-details{border-block:1px solid color-mix(in srgb, currentColor 20%, transparent);margin-block:1.5rem;padding:1rem 0}.flow-details summary{cursor:pointer;min-height:44px;padding-top:.5rem;display:list-item}.flow-details p{max-width:78ch;font-size:.9rem}.flow-rankings{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:2rem 0;padding:0;list-style:none;display:grid}.flow-rankings li{border:1px solid color-mix(in srgb, currentColor 25%, transparent);padding:1.2rem}.flow-rankings h3{margin-block:.8rem .5rem}.flow-rankings a{align-items:center;min-height:44px;font-size:.83rem;display:inline-flex}.flow-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem 1.6rem;margin:1.8rem 0;display:grid}.flow-field{flex-direction:column;gap:.6rem;min-width:0;font-size:.85rem;display:flex}.flow-field label{line-height:1.5}.flow-field input,.flow-field select,.flow-field textarea,.flow-photo-inputs input{font:inherit;color:inherit;border:1px solid color-mix(in srgb, currentColor 35%, transparent);box-sizing:border-box;background:0 0;border-radius:0;width:100%;max-width:100%;min-height:48px;padding:.85rem}.flow-field input[type=file]{padding:.6rem;font-size:.7rem}.flow-field select option{color:#171717;background:#faf8f3}.flow-field textarea{resize:vertical}.flow-field-wide{grid-column:1/-1}.flow-check{align-items:center;gap:.8rem;min-height:48px;margin:1rem 0;font-size:.9rem;line-height:1.5;display:flex}.flow-photo-inputs{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-block:2rem;display:grid}.flow-look-layout{grid-template-columns:1.25fr 1fr;align-items:start;gap:2rem;display:grid}.flow-look-layout>.flow-form-grid{gap:1rem;margin:0}.flow-photo-pair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.flow-photo-pair img{aspect-ratio:3/4;object-fit:contain;background:color-mix(in srgb, currentColor 5%, transparent);width:100%}.flow-photo-placeholder{aspect-ratio:3/4;text-align:center;border:1px dashed color-mix(in srgb, currentColor 35%, transparent);justify-content:center;align-items:center;padding:1.2rem;font-size:.9rem;display:flex}.flow-photo-pair .eyebrow{min-height:2.8em;font-size:.65rem}.flow-look-caption{font-size:1.1rem}.flow-chips{flex-wrap:wrap;gap:.5rem;display:flex}.flow-chips span{border:1px solid color-mix(in srgb, currentColor 25%, transparent);padding:.45rem .6rem;font-size:.65rem}.flow-extra-photo{object-fit:cover;width:75px;height:90px;margin:1rem .7rem 0 0}.flow-progress{flex-wrap:wrap;gap:.6rem 1.5rem;padding:0;font-size:.72rem;line-height:2;list-style:none;display:flex}.flow-progress li{opacity:.5}.flow-progress li[aria-current]{opacity:1;border-bottom:1px solid}.flow-summary{gap:0;display:grid}.flow-summary>div{border-bottom:1px solid color-mix(in srgb, currentColor 15%, transparent);grid-template-columns:minmax(95px,1fr) 2fr;gap:1rem;padding:.75rem 0;font-size:.9rem;display:grid}.flow-summary dt{text-transform:capitalize;opacity:.7}.flow-summary dd{overflow-wrap:anywhere;margin:0}.flow-terms{background:color-mix(in srgb, currentColor 5%, transparent);border:1px solid color-mix(in srgb, currentColor 20%, transparent);margin-top:1.8rem;padding:1.5rem}.flow-terms p{font-size:.87rem}.flow-terms .flow-field{max-width:300px}.flow-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.flow-dashboard>.panel{min-width:0;padding:clamp(1.3rem,3vw,2.7rem)}.flow-dashboard h2{font-size:clamp(1.7rem,2.5vw,2.6rem)}.flow-appointments{gap:1.5rem;padding:0;list-style:none;display:grid}.flow-appointments li{border-bottom:1px solid color-mix(in srgb, currentColor 20%, transparent);padding-bottom:1rem}.flow-appointments .flow-clear{display:flex}.flow-portal{margin-top:2rem}.flow-portal-layout{grid-template-columns:250px 1fr;gap:2rem;display:grid}.flow-portal-layout nav{flex-direction:column;display:flex}.flow-portal-layout nav button{color:inherit;border:0;border-bottom:1px solid color-mix(in srgb, currentColor 20%, transparent);text-align:left;cursor:pointer;background:0 0;min-height:48px;padding:.8rem}.flow-portal-layout nav button.is-selected{background:color-mix(in srgb, currentColor 12%, transparent);font-weight:700}.flow-portal-layout>section{border:1px solid color-mix(in srgb, currentColor 25%, transparent);min-width:0;padding:1.5rem}.flow-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1000px){.flow-rankings{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-look-layout{grid-template-columns:1fr}.flow-photo-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.flow-options,.flow-form-grid,.flow-dashboard{grid-template-columns:1fr}.flow-step-heading{flex-direction:column;align-items:start;gap:0}.flow-options{gap:.6rem}.flow-option{min-height:56px;padding:.8rem}.flow h2{margin-bottom:1.3rem}.flow-photo-inputs{grid-template-columns:1fr}.flow-rankings{gap:.6rem}.flow-rankings li{padding:.85rem}.flow-rankings h3{font-size:1.1rem}.flow-rankings p{font-size:.8rem}.flow-photo-pair{gap:.6rem}.flow-photo-placeholder{padding:.65rem;font-size:.75rem}.flow-portal-layout{grid-template-columns:1fr}.flow-portal-layout nav{grid-template-columns:1fr 1fr;display:grid}.flow-portal-layout nav button{font-size:.75rem}.flow-actions>.button{flex:auto}.flow-terms{padding:1rem}.flow-progress{gap:.2rem 1rem}.flow-summary>div{grid-template-columns:1fr 1.4fr}.flow-look-layout>.flow-form-grid{grid-template-columns:1fr 1fr}.flow-look-layout .flow-field{font-size:.75rem}.flow-look-layout .flow-field select{padding:.65rem}}.flow #appointments{scroll-margin-top:8rem}@media (prefers-reduced-motion:reduce){.flow *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
