/* Sample services are a primary business entry on the public website. */
.nav-links > [data-view-link="sample"]{color:var(--brand);font-weight:700}
.studio-home .studio-lead strong{color:var(--brand);font-weight:650}
.sample-service-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.sample-service-badges span{font-size:12px;color:#24549a;background:#eef5ff;border:1px solid #dbe8fb;border-radius:5px;padding:4px 9px;line-height:1.5}
#view-sample .sample-service-hero h1{font-size:clamp(30px,4vw,46px);font-weight:800;line-height:1.3}
#view-sample .sample-service-hero h1 span{font-size:.68em;font-weight:500;color:#476486}
.sample-service-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.sample-service-hero .sample-summary{margin-top:30px!important;padding-top:24px!important}
.sample-faq-section{background:#f6f9fe}
.sample-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.sample-faq-layout .section-head{margin-bottom:0}
.sample-faq-layout h2{font-size:30px}
.sample-faq-layout .text-link{margin-top:20px}
.sample-faq-list{display:grid;gap:12px}
.sample-faq-list details{border:1px solid #dfe8f4;border-radius:10px;background:#fff;transition:border-color .2s,box-shadow .2s}
.sample-faq-list details[open]{border-color:#9ebfec;box-shadow:0 6px 20px #173f7610}
.sample-faq-list summary{padding:20px;cursor:pointer;font-size:15px;line-height:1.7;font-weight:600;color:#20344f}
.sample-faq-list summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:8px}
.sample-faq-list details p{padding:0 20px 20px;margin:0;color:#596b82;font-size:14px;line-height:1.9}
#contactForm{scroll-margin-top:112px}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}
@media(max-width:980px){.sample-faq-layout{grid-template-columns:1fr;gap:24px}.sample-faq-layout h2{font-size:26px}}
@media(max-width:600px){.sample-service-badges{gap:6px;margin-top:14px}.sample-service-badges span{font-size:11px}.sample-service-hero .hero-actions .btn{flex:1;padding-inline:14px}.sample-faq-list summary{padding:16px;font-size:14px}.sample-faq-list details p{padding:0 16px 16px}}