/* Shared MSK atelier interface for every service detail page. */
:root{
  --tech:"Corbel","Aptos","Segoe UI",Arial,sans-serif;
  --body:"Corbel","Aptos","Segoe UI",Arial,sans-serif;
}
.detail-shell :is(.detail-brand,.detail-nav,.detail-kicker,.section-label,.signature small,
  .quick-answer small,.quick-answer strong,.info-card strong,.process strong,.tier small,
  .tier .price,.faq summary,.final-cta small,.related a,.detail-footer,
  .detail-lab__intro small,.detail-lab__readout small,.detail-lab__controls button,
  .rental-inquiry label,.rental-inquiry__bottom button){
  font-family:var(--body)!important;
  letter-spacing:.035em!important;
}
.detail-shell :is(.detail-brand,.detail-nav){letter-spacing:.065em!important}
.detail-shell :is(.quick-answer strong,.info-card strong,.process strong,.faq summary,
  .detail-lab__controls button,.rental-inquiry__bottom button){
  font-weight:650!important;
  text-transform:none!important;
}
.detail-shell :is(.primary-cta,.ghost-cta,.detail-back,.related a,.detail-nav a){
  border-radius:999px!important;
  font-family:var(--body)!important;
  font-weight:650!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
.detail-shell .detail-nav a{padding:10px 13px}
.detail-shell :is(.primary-cta,.ghost-cta){font-size:13px!important;line-height:1.25!important}
.detail-shell :is(.quick-answers,.info-grid,.fact-grid,.tool-grid,.compare,.tech-gallery){gap:12px!important}
.detail-shell :is(.quick-answer,.info-card,.fact,.tool-card,.tier,.tech-card,
  .founder-statement,.safety-note,.descale-grid article,.water-app-card,.water-check,
  .water-result,.water-result-grid article,.water-advice article,.visual-note,
  .detail-lab__stage,.rental-inquiry,.final-cta,.record-callout,.legal-box,
  .solution-matrix article,.category-visual article,.demo-bubble){
  border-radius:17px!important;
  overflow:hidden;
}
.detail-shell .quick-answer{
  padding:18px!important;
  border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)!important;
  background:color-mix(in srgb,var(--accent) 6%,transparent)!important;
}
.detail-shell :is(.info-card,.fact,.tool-card,.tier,.tech-card){
  border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,transparent),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 27px rgba(0,0,0,.1);
}
.detail-shell.light :is(.quick-answer,.info-card,.fact,.tool-card,.tier,.tech-card){
  background:rgba(255,255,255,.53)!important;
  box-shadow:0 12px 28px rgba(38,60,66,.07);
}
.detail-shell .process{gap:8px;border-top:0}
.detail-shell .process article{border:1px solid color-mix(in srgb,var(--accent) 21%,transparent);border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,transparent)}
.detail-shell .process article::before{top:10px}
.detail-shell .faq details{margin-bottom:9px;padding:0 18px;border:1px solid color-mix(in srgb,var(--accent) 19%,transparent);border-radius:14px;background:color-mix(in srgb,var(--accent) 4%,transparent)}
.detail-shell .faq summary{font-size:15px!important;line-height:1.45!important}
.detail-shell .detail-lab__controls{gap:9px}
.detail-shell .detail-lab__controls button{border-radius:12px!important;font-size:13px!important}
.detail-shell .rental-inquiry :is(input,select,textarea),
.detail-shell :is(.water-field input,.water-field select){border-radius:11px!important;font-family:var(--body)!important}
.detail-shell .rental-inquiry__bottom button{border-radius:999px!important;font-size:13px!important}
.detail-shell .water-app-card .status,.detail-shell .tool-card .status{border-radius:999px!important;padding:5px 11px!important}
.detail-shell .related a{font-size:12px!important;opacity:.78}
.detail-shell .related a:hover,.detail-shell .related a:focus-visible{opacity:1;background:color-mix(in srgb,var(--accent) 11%,transparent)}
@media(max-width:600px){
  .detail-shell :is(.quick-answers,.info-grid,.fact-grid,.tool-grid,.compare,.tech-gallery){gap:9px!important}
  .detail-shell :is(.quick-answer,.info-card,.fact,.tool-card,.tier){padding:18px!important}
  .detail-shell .process{gap:7px}
}