/* MED V3.0.0 · 18 October 2026 · soft blue / sea-glass background revision */
body.med-v3.med-v2.med-clinical{
 --v3-bg:#edf5f9;--v3-panel:#e4f0f6;--v3-raised:#d6e9f1;--v3-hero:#d9ecf7;--v3-line:#b5cfdc;
 background:#edf5f9;
 background-image:linear-gradient(160deg,#edf7fc 0%,#e5f2f7 46%,#dceef2 100%);
 background-attachment:fixed;
}
body.med-v3.med-v2.med-clinical.home .hero.precision-hero,
body.med-v3.med-v2.med-clinical .page-hero{
 background:linear-gradient(135deg,#edf7fc 0%,#d9ecf7 58%,#c6e3f0 100%);
 border-bottom:1px solid #b5cfdc;
}
body.med-v3.med-v2.med-clinical .section-tint{background:linear-gradient(120deg,#e4f1f6,#d9ebf1)}
body.med-v3.med-v2.med-clinical .section-navy{background:linear-gradient(135deg,#d9ebf3,#c7e3eb)}
body.med-v3.med-v2.med-clinical .clinical-services{background:#deedf4}
body.med-v3.med-v2.med-clinical .equipment-ribbon{background:#eaf4f8}
body.med-v3.med-v2.med-clinical .precision-process{background:#dbeaf2}
body.med-v3.med-v2.med-clinical .topbar{background:#dcebf3}
body.med-v3.med-v2.med-clinical :is(.service-card,.info-card,.work-placeholder,.about-mark){background:#e6f1f7}
body.med-v3.med-v2.med-clinical .cta-band{background:linear-gradient(115deg,#d3e8f1,#c6e2eb)}
body.med-v3.med-v2.med-clinical.med-portal .portal-main{background:transparent}
body.med-v3.med-v2.med-clinical.home .precision-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;min-height:0;align-items:center}
body.med-v3.med-v2.med-clinical.home .hero.precision-hero{padding:48px 0 56px}
body.med-v3.med-v2.med-clinical.home .precision-copy h1{font-size:clamp(42px,4.1vw,59px)}
body.med-v3.med-v2.med-clinical .precision-actions{flex-wrap:wrap}
body.med-v3.med-v2.med-clinical .precision-actions .button{min-width:0}
body.med-v3.med-v2.med-clinical .nav-menu{gap:15px}
.hero-equipment{min-width:0;scroll-margin-top:110px;background:#dbeef5;border:1px solid #aacbdc;border-radius:20px;padding:18px;box-shadow:0 18px 48px #193f5510}
.machine-intro{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 3px 12px}
.machine-intro>span{font:700 10px/1.5 Sarabun,sans-serif;letter-spacing:.13em;color:#066d85}
.machine-intro>p{font-size:12px;margin:0}
body.med-v3 #home #equipment-carousel{border:1px solid #b5cfdc;border-radius:12px;background:#e8f3f8;box-shadow:none}
body.med-v3 #home #equipment-carousel .carousel-controls{background:#cee5f0;padding:12px;gap:9px}
body.med-v3 #home #equipment-carousel .carousel-select-label{font-size:11px;gap:4px}
body.med-v3 #home #equipment-carousel .carousel-select-label select{min-height:44px;padding:8px 25px 8px 9px;background:#edf7fc;font-size:12px;color:#123c55}
body.med-v3 #home #equipment-carousel .carousel-arrows button{width:44px;min-width:44px;min-height:44px;background:#e8f3f8;color:#123c55}
body.med-v3 #home #equipment-carousel .carousel-arrows button:hover{background:#087c96;color:#f3fbff}
body.med-v3 #home #equipment-carousel .equipment-exploded{background:#e8f3f8}
body.med-v3 #home #equipment-carousel .exploded-heading{padding:11px 15px;background:#e8f3f8;gap:4px}
body.med-v3 #home #equipment-carousel .exploded-heading h3{font-size:16px;margin:0;line-height:1.5}
body.med-v3 #home #equipment-carousel .exploded-kicker{font-size:10px;margin-bottom:2px}
body.med-v3 #home #equipment-carousel .exploded-heading>span{display:none}
body.med-v3 #home #equipment-carousel .exploded-scene{padding:0 12px;background:#e8f3f8;min-height:0}
body.med-v3 #home #equipment-carousel .exploded-image{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;border-radius:5px;background:transparent}
body.med-v3 #home #equipment-carousel .exploded-image-action{padding:7px 14px;display:block;background:#e8f3f8}
body.med-v3 #home #equipment-carousel .exploded-fullsize{min-height:38px;padding:5px 0;border:0;background:transparent;color:#066d85;font-size:12px}
body.med-v3 #home #equipment-carousel .exploded-image-action>span{display:none}
.machine-knowledge-link{display:block;padding:13px 15px;background:#d2e8f1;color:#066d85;font-size:13px;font-weight:700;border-block:1px solid #b5cfdc}
.hero-machine-details>summary{padding:12px 15px;min-height:44px;color:#244d66;font-size:12px;cursor:pointer}
body.med-v3 #home #equipment-carousel .hero-machine-details :is(.exploded-caption,.exploded-learning,.exploded-service){padding:18px;font-size:13px}
body.med-v3 #home #equipment-carousel .hero-machine-details .exploded-parts ol{grid-template-columns:1fr}
.machine-concept-note{font-size:10px;line-height:1.6;padding:0 15px 10px;color:#45667b}
body.med-v3 #home #equipment-carousel .carousel-status{font-size:10px;padding:9px 12px;background:#cee5f0;color:#45667b}
.knowledge-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.knowledge-teaser-grid>a{display:flex;flex-direction:column;gap:16px;background:#e1eff5;border:1px solid #adcbd9;border-radius:14px;padding:28px;color:#123c55;transition:background .15s,border-color .15s}
.knowledge-teaser-grid>a:hover{background:#d4e9f2;border-color:#5b99af}
.knowledge-teaser-grid span{font-size:10px;letter-spacing:.12em;color:#066d85;font-weight:700}
.knowledge-teaser-grid h3{font-size:25px;line-height:1.5;margin:0}
.knowledge-teaser-grid p{font-size:14px;line-height:1.8;flex:1;margin:0}
.knowledge-teaser-grid b{font-size:13px;color:#066d85;border-top:1px solid #b5cfdc;padding-top:16px}
.knowledge-teaser-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:30px}
.knowledge-teaser-footer p{font-size:14px}
.knowledge-meta{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #b5cfdc;padding-top:20px;margin-top:24px;font-size:13px;color:#45667b}
.knowledge-meta a{color:#066d85;text-decoration:underline;text-underline-offset:4px}
.knowledge-boundary{padding:22px 26px;background:#d9eaf1;border-left:4px solid #087c96;border-radius:4px 12px 12px 4px;margin-bottom:32px}
.knowledge-boundary strong{color:#123c55;font-size:18px}
.knowledge-boundary p{font-size:14px;line-height:1.9;margin:8px 0 0;max-width:1100px}
.knowledge-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.55fr) auto;gap:20px;align-items:end;margin-bottom:20px}
.knowledge-filter label{display:grid;gap:8px;font-size:13px;font-weight:700;color:#244d66;min-width:0}
.knowledge-filter :is(input,select,button){width:100%;min-height:50px;border:1px solid #5f8396;border-radius:7px;padding:11px 14px;font:400 15px/1.5 Sarabun,sans-serif;background:#e8f3f8;color:#123c55;min-width:0}
.knowledge-filter input::placeholder{color:#526f80;opacity:1}
.knowledge-filter button{background:#d3e7ef;font-weight:700;cursor:pointer}
.knowledge-count{font-weight:700;font-size:15px}
.knowledge-editorial{font-size:13px;max-width:1000px;line-height:1.9;margin-bottom:28px}
.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:start}
.knowledge-card{min-width:0;border:1px solid #aac9d9;background:#e6f1f7;border-radius:14px;padding:28px;scroll-margin-top:120px}
.knowledge-card:target{outline:3px solid #087c96;outline-offset:4px}
.knowledge-card-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.1em;font-weight:700;color:#066d85;margin-bottom:18px}
body.med-v3 .knowledge-card h2{font-size:24px;line-height:1.45;margin:0 0 6px;overflow-wrap:anywhere}
.knowledge-example{font-size:13px;margin:0 0 20px}
.knowledge-symptom{padding:16px;background:#d8eaf2;border-radius:8px;margin-bottom:10px}
body.med-v3 .knowledge-card h3{font-size:15px;margin:0 0 7px}
.knowledge-card p{font-size:14px;line-height:1.85}
.knowledge-symptom p{margin:0}
.knowledge-card details{border-top:1px solid #b5cfdc;border-bottom:1px solid #b5cfdc}
.knowledge-card summary{padding:16px 0;min-height:48px;cursor:pointer;font-size:14px;font-weight:700;color:#066d85}
.knowledge-card details[open] summary{margin-bottom:8px}
.knowledge-card details p{margin:0 0 18px}
.knowledge-card .knowledge-source{border-top:1px solid #b5cfdc;padding-top:18px;margin-top:20px}
.knowledge-source a{font-size:12px;color:#066d85;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.knowledge-card small{display:block;font-size:11px;line-height:1.8;color:#45667b;padding-bottom:18px}
.knowledge-card-cta{display:inline-flex;align-items:center;min-height:48px;font-size:13px;font-weight:700;color:#066d85;padding-top:8px}
.knowledge-handoff{display:grid;grid-template-columns:1fr 1.3fr;gap:28px 70px;align-items:start}
.knowledge-handoff h2{font-size:34px;line-height:1.45}
.knowledge-handoff ol{margin:0;padding-left:24px;line-height:2.2;font-size:16px}
.knowledge-handoff>.button{justify-self:start}
.knowledge-filter[hidden],.knowledge-card[hidden],#knowledge-empty[hidden]{display:none!important}
@media(min-width:1101px) and (max-width:1330px){body.med-v3.med-v2.med-clinical .nav-menu{gap:10px}body.med-v3.med-v2.med-clinical .nav-link{font-size:12px}body.med-v3.med-v2.med-clinical .brand>span{display:none}}
@media(max-width:1100px){body.med-v3.med-v2.med-clinical.home .precision-grid{gap:32px}body.med-v3.med-v2.med-clinical.home .precision-copy h1{font-size:43px}.hero-equipment{padding:12px}.machine-intro{flex-wrap:wrap}.knowledge-teaser-grid>a{padding:22px}}
@media(max-width:850px){body.med-v3.med-v2.med-clinical.home .precision-grid{grid-template-columns:1fr;gap:30px}body.med-v3.med-v2.med-clinical.home .precision-copy{padding:0}body.med-v3.med-v2.med-clinical.home .hero.precision-hero{padding:35px 0 40px}.hero-equipment{width:100%;max-width:620px;justify-self:center}body.med-v3 #home #equipment-carousel .exploded-image{max-height:500px}.knowledge-teaser-grid{grid-template-columns:1fr}.knowledge-grid{gap:18px}.knowledge-card{padding:20px}.knowledge-filter{grid-template-columns:1fr 1fr}.knowledge-filter label:first-child{grid-column:1/-1}.knowledge-teaser-footer{align-items:start;flex-direction:column}.knowledge-handoff{grid-template-columns:1fr;gap:22px}}
@media(max-width:600px){body.med-v3.med-v2.med-clinical.home .precision-copy h1{font-size:36px}body.med-v3.med-v2.med-clinical.home .precision-copy .eyebrow{margin-bottom:18px}.hero-equipment{padding:10px;border-radius:14px}.machine-intro>p{font-size:11px}.machine-intro>span{font-size:9px}body.med-v3 #home #equipment-carousel .carousel-controls{padding:10px;gap:6px}body.med-v3 #home #equipment-carousel .carousel-arrows{gap:4px}body.med-v3 #home #equipment-carousel .carousel-select-label select{font-size:11px}body.med-v3 #home #equipment-carousel .exploded-image{max-height:none}body.med-v3 #home #equipment-carousel .exploded-heading h3{font-size:14px}body.med-v3 #home #equipment-carousel .exploded-scene{padding:0 8px}.knowledge-grid{grid-template-columns:1fr}.knowledge-filter{grid-template-columns:minmax(0,1fr)}.knowledge-filter label:first-child{grid-column:auto}.knowledge-filter button{justify-self:start;width:auto}.knowledge-boundary{padding:19px}.knowledge-boundary strong{font-size:16px}.knowledge-card{padding:23px}.knowledge-handoff h2{font-size:29px}.knowledge-handoff ol{font-size:14px}.knowledge-teaser-grid h3{font-size:23px}.knowledge-meta{font-size:12px}body.med-v3.med-v2.med-clinical .knowledge-hero h1{font-size:36px}}
@media(max-width:360px){body.med-v3.med-v2.med-clinical.home .precision-copy h1{font-size:31px}.machine-intro{gap:3px}.machine-intro>p{font-size:10px}.knowledge-card{padding:18px}}
body.med-v3 #home #equipment-carousel .equipment-exploded{display:block}
body.med-v3 #home #equipment-carousel .exploded-scene{position:static;top:auto}
@media(min-width:851px){body.med-v3 #home #equipment-carousel .exploded-image{max-height:350px}}
body.med-v3.med-v2.med-clinical.med-legal,
body.med-v3.med-v2.med-clinical.med-equipment{
 background:#edf5f9 linear-gradient(160deg,#edf7fc 0%,#e5f2f7 46%,#dceef2 100%) fixed;
}