:root{--blue:#dff5ff;--blue-2:#bdefff;--green:#dff6e6;--green-2:#45a873;--ink:#12343b;--muted:#547074;--white:#fff;--line:#cde7e8;--soft:#f5fcfb;--shadow:0 18px 45px rgba(22,83,92,.12)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,'Noto Sans Thai',Tahoma,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--soft),#fff);line-height:1.7}a{color:inherit}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(16px,4vw,48px);background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;color:#0d5662}.brand img{border-radius:8px}.site-header nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.site-header nav a{text-decoration:none;font-weight:700;color:#285a63}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:800}.nav-cta,.btn.primary{background:var(--green-2);color:white}.btn.soft{background:var(--blue);color:#0d5662}.btn.outline{border:1px solid var(--green-2);color:#287253;background:white}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(24px,5vw,56px);align-items:center;padding:clamp(28px,6vw,72px) clamp(16px,4vw,48px);max-width:1180px;margin:0 auto}.topic-hero{padding-top:30px}.hero-copy h1{font-size:clamp(30px,4vw,56px);line-height:1.18;margin:8px 0 16px;color:#0f5561;letter-spacing:0}.lead{font-size:clamp(17px,2vw,21px);color:var(--muted);margin:0 0 22px}.eyebrow{display:inline-flex;background:var(--green);color:#24724f;padding:6px 10px;border-radius:6px;font-weight:800;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.image-link{display:block;text-decoration:none}.image-link img{border-radius:8px;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);background:#eef}.answer-strip{max-width:1180px;margin:0 auto 22px;padding:22px clamp(16px,4vw,48px);background:linear-gradient(90deg,var(--blue),var(--green));border-block:1px solid var(--line)}.answer-strip h2,.section h2,.pro-cta h2{margin:0 0 10px;font-size:clamp(24px,3vw,34px);color:#0f5561;letter-spacing:0}.answer-strip p,.section-lead{margin:0;color:#365f64}.section{max-width:1180px;margin:0 auto;padding:42px clamp(16px,4vw,48px)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-card{background:white;border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:0 8px 24px rgba(15,85,97,.06)}.category-card h3{margin:0;color:#226b76}.mini-note{margin:4px 0 12px;color:var(--muted);font-size:14px}.link-list,.related-links{display:grid;gap:8px}.link-list a,.related-links a{padding:9px 10px;border-radius:6px;background:#f2fbff;text-decoration:none;color:#245d66}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:28px;align-items:center}.section h3{margin:18px 0 6px;color:#287253}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.steps div{background:white;border:1px solid var(--line);border-radius:8px;padding:16px}.faq details{background:white;border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer;color:#205d68}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.review-grid img{aspect-ratio:1/1;object-fit:cover}.pro-cta{max-width:1080px;margin:32px auto 58px;padding:34px clamp(18px,4vw,42px);border-radius:8px;background:#103f49;color:white}.pro-cta h2{color:white}.pro-cta p{color:#d9f7f4}.breadcrumbs{max-width:1180px;margin:0 auto;padding:18px clamp(16px,4vw,48px) 0;display:flex;gap:8px;flex-wrap:wrap;color:#547074}.breadcrumbs a{color:#287253}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:34px clamp(16px,4vw,48px);background:#e9faf0;border-top:1px solid var(--line)}.site-footer div:first-child{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center}.site-footer p{grid-column:2;margin:4px 0;color:#3b6267}.site-footer div:last-child{display:grid;gap:8px;align-content:start}.site-footer a{color:#245d66;font-weight:700;text-decoration:none}
@media(max-width:850px){.site-header{align-items:flex-start}.site-header nav{justify-content:flex-end;font-size:14px}.hero,.two-col,.site-footer{grid-template-columns:1fr}.category-grid,.review-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:32px}}
@media(max-width:560px){.site-header{position:static}.site-header nav{justify-content:flex-start}.brand span{font-size:15px}.category-grid,.review-grid,.steps{grid-template-columns:1fr}.btn,.nav-cta{width:100%}.hero{padding-top:24px}.site-footer div:first-child{grid-template-columns:1fr}.site-footer p{grid-column:1}}