/* An optional service guide within the existing page, using the studio palette. */
.service-finder{margin:24px 0 32px;border-top:1px solid var(--line,#d4cbc0);border-bottom:1px solid var(--line,#d4cbc0);max-width:880px}
.services-page>.service-finder{margin:0 var(--gutter,5vw) 24px}
.service-finder>summary{cursor:pointer;min-height:48px;padding:15px 0;font-size:1rem;line-height:1.5}
.service-finder>summary::marker{color:#b73728}
.service-finder [data-service-finder]{padding:0 0 22px}
.service-finder label{display:block;font-size:.9rem;max-width:480px}
.service-finder select{display:block;width:100%;min-height:48px;margin-top:8px;padding:10px 12px;border:1px solid #9d9284;border-radius:3px;background:#fffdf8;color:#1e1e1e;font:inherit;font-size:16px}
.service-finder [data-finder-result]{margin-top:20px;padding:20px 22px;border-left:3px solid #b73728;background:#e9e1d5}
.service-finder h3{font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;margin:0 0 10px}
.service-finder [data-finder-description]{font-size:1rem;line-height:1.6;max-width:58ch;margin:0 0 16px}
.service-finder .finder-actions{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0}
.service-finder .finder-actions a{min-height:44px;display:inline-flex;align-items:center;font-size:.95rem;text-underline-offset:5px}
.service-finder :is(summary,select,a):focus-visible{outline:2px solid #a83022;outline-offset:4px}
.service-finder [hidden]{display:none!important}
