:root{--primary-color:#0f1b2d;--service-ink:#152739;--service-muted:#536676;--service-line:#dbe6e8;--service-accent:#12666b}
.service-page{margin:0;padding-bottom:80px;background:radial-gradient(ellipse at 8% 4%,#e8f5f1,transparent 40rem),#f6f8fa;color:var(--service-ink);font:400 16px/1.85 "Noto Sans Thai",sans-serif}
.service-shell,.service-shell *{box-sizing:border-box}.service-shell{width:min(1160px,calc(100% - 40px));margin:auto}.service-shell a{color:var(--service-accent);text-underline-offset:3px}.service-shell a:focus-visible,.service-shell summary:focus-visible{outline:3px solid #bf641e;outline-offset:4px}.service-shell img{display:block;max-width:100%;height:auto}.service-shell h1,.service-shell h2,.service-shell h3{line-height:1.5;text-wrap:pretty}.service-shell h2{font-size:clamp(1.35rem,2.5vw,1.7rem)}.service-shell h3{font-size:1.1rem}.service-shell p{margin:0 0 1rem}.service-shell li{margin:.4rem 0}.service-breadcrumb{display:flex;gap:.45rem;flex-wrap:wrap;color:var(--service-muted);font-size:.82rem;margin:1.2rem 0 1.6rem}.service-breadcrumb span:last-child{overflow-wrap:anywhere}
.service-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:2.5rem;align-items:center;margin:0 0 2rem}.service-kicker{font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--service-accent)}.service-hero h1{font-size:clamp(1.7rem,3vw,2.45rem);font-weight:800;margin:.5rem 0 1rem}.service-lead{color:var(--service-muted);font-size:1.05rem}.service-price{color:var(--service-accent);font-size:1.4rem;font-weight:700}.service-highlights{display:flex;flex-wrap:wrap;gap:.25rem 1rem;list-style:none;margin:1rem 0;padding:0;border-top:1px solid var(--service-line)}.service-highlights li{font-size:.9rem}.service-highlights li:before{content:"✓";color:var(--service-accent);margin-right:.45rem}.service-hero-image{margin:0;padding:10px;background:#fff;border:1px solid var(--service-line);border-radius:14px;box-shadow:0 10px 28px #142b4010}.service-hero-image img{width:100%;border-radius:8px}
.service-hero-image figcaption{padding:.65rem .35rem .15rem;color:var(--service-muted);font-size:.78rem;line-height:1.6;text-align:center}
.service-shell .service-button{display:inline-flex;justify-content:center;align-items:center;gap:.75rem;padding:.8rem 1.1rem;min-height:46px;border:1px solid transparent;border-radius:7px;background:var(--primary-color);color:#fff;font-weight:700;text-decoration:none}.service-content{scroll-margin-top:1.2rem}.service-content>section{padding:clamp(1.2rem,3vw,2rem);margin-bottom:1.5rem;border:1px solid var(--service-line);border-radius:12px;background:#fff}.service-content>section>h2:first-child{margin-top:0}.service-content ul,.service-content ol{padding-left:1.3rem}.service-content figure{margin:0}.service-content figure a{display:block}.service-content figure img{margin:auto;border:1px solid var(--service-line);border-radius:8px}.service-content figcaption{font-size:.82rem;color:var(--service-muted);padding-top:.65rem;text-align:center}.service-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2rem;align-items:start}.service-split>div{min-width:0}.service-split h3:first-child{margin-top:0}.service-report{width:100%;max-height:560px;object-fit:contain;background:#fff}.service-content .service-price-note{border-left:3px solid var(--service-accent);padding:1rem 1.2rem;background:#eef6f4}.service-content .service-price-note p:last-child{margin:0}.service-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;list-style:none!important;padding:0!important;counter-reset:service-step}.service-steps li{counter-increment:service-step;border-top:2px solid var(--service-line);padding-top:.8rem}.service-steps li:before{content:"0" counter(service-step);display:block;color:var(--service-accent);font-size:1.4rem;font-weight:800}.service-steps h3{margin:.3rem 0 .5rem}.service-content details{border-top:1px solid var(--service-line);padding:1rem 0}.service-content summary{cursor:pointer;font-weight:600;min-height:28px}.service-content details p{margin:.6rem 0 0;color:var(--service-muted)}
.service-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;padding:2rem;margin-top:2rem;border-radius:12px;border:1px solid #b7d8ce;background:#eaf4f0}.service-contact h2{margin:.3rem 0 .75rem}.service-contact p:last-child{margin-bottom:0}.service-contact-actions{display:grid;justify-items:center;gap:.7rem}.service-shell .service-button-line{background:#176344}.service-contact-link{font-size:.9rem}.service-back{display:flex;justify-content:space-between;gap:1rem;margin:1.5rem 0!important;font-size:.9rem}.service-preview-bar,.service-errors{padding:1rem;background:#fff1d3;color:#624a19}
@media(max-width:800px){.service-hero,.service-split{grid-template-columns:1fr;gap:1.3rem}.service-hero-image{max-width:540px;justify-self:center;width:100%}.service-hero h1{font-size:1.85rem}.service-contact{grid-template-columns:1fr;padding:1.4rem;gap:1.2rem}.service-contact-actions{justify-items:start}.service-steps{grid-template-columns:1fr;gap:.5rem}.service-steps li{display:block}.service-report{max-height:620px}.service-breadcrumb span:last-child{display:none}}
@media(max-width:480px){.service-shell{width:calc(100% - 28px)}.service-hero h1{font-size:1.65rem}.service-lead{font-size:1rem}.service-price{font-size:1.2rem}.service-content>section{padding:1.1rem}.service-breadcrumb{margin:1rem 0}.service-shell .service-button{width:100%}.service-contact-actions{justify-items:stretch}.service-contact-link{text-align:center}.service-hero-image{padding:7px}}
@media(prefers-reduced-motion:reduce){.service-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}