/* Refine existing components; preserve the established palette and scene runtime. */
.service-choice{background:#fff;border-radius:12px;gap:14px;padding:30px}
.service-choice .shark-guide-label{margin:0;font-size:13px;line-height:1.65;letter-spacing:.025em;color:#00676d}
.service-choice h3{font-size:clamp(23px,2vw,28px);line-height:1.4;letter-spacing:-.02em;text-wrap:balance}
.service-choice .service-input{border-top:1px solid #d4e2df;padding-top:14px;margin-top:4px;font-size:14px;line-height:1.8}
.service-choice .service-more{display:flex;align-items:center;min-height:44px;padding-top:6px;font-size:14px}
.service-choice:focus-visible{outline:3px solid #00676d;outline-offset:4px;background:#edf6f2}
.service-choice:hover{border-color:#00676d;background:#f5faf8}
.contact-copy-actions .copy-status:empty{display:none}
.contact-option[href^="mailto:"] strong{overflow-wrap:normal;word-break:normal}
.page-index a:focus-visible,.service-back a:focus-visible{outline:3px solid #00676d;outline-offset:4px;border-radius:3px}
@media(max-width:768px){
 .service-choice{padding:24px;gap:12px}
 .service-choice h3{font-size:24px}
 .service-choice .shark-guide-label{font-size:12px;letter-spacing:.015em}
 .contact-option[href^="mailto:"] strong{font-size:clamp(16px,4.65vw,23px);line-height:1.5;letter-spacing:-.02em}
 .contact-copy-actions{gap:10px;margin:16px 0 8px}
 .contact-copy-actions button{min-height:48px}
 .contact-copy-actions .copy-status{margin-top:6px}
}
@media(max-width:768px){body .topbar nav{min-width:0}}
@media(max-width:380px){
 body .topbar{padding-inline:16px;column-gap:8px}
 body .topbar .brand{font-size:18px;letter-spacing:.035em;min-width:0}
 body .topbar .brand::before{width:18px;height:20px;margin-right:7px;flex:none}
 body .topbar .header-contact{font-size:12px;padding-inline:12px}
 body .topbar nav{gap:10px}
}
@media(max-width:380px){
 body .contact-panel{padding:18px}
 .contact-option{padding:16px}
}
.shark-guide-note,.shark-guide-callout p.shark-guide-note,.page-index>span{color:#46616d}
