:root{--color-brand-primary:#050579;--color-brand-hover:#04045e;--color-brand-soft:#eeeefa;--color-surface-page:#f6f8fa;--color-surface-card:#fff;--color-text-primary:#172033;--color-text-secondary:#4b5563;--color-border-default:#d1d5db;--color-accent-green:#166534;--color-status-success-bg:#dcfce7;--color-status-warning-text:#92400e;--color-status-warning-bg:#fef3c7;--color-status-neutral-text:#374151;--color-status-neutral-bg:#f3f4f6;--color-status-error-text:#b91c1c;--color-focus:#2563eb;--color-text-on-brand:var(--color-surface-card);--color-status-success-text:var(--color-accent-green);--font-sans:var(--font-noto-sans-thai), system-ui, sans-serif;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--font-size-body:1rem;--line-height-body:1.7;--font-size-small:.875rem;--line-height-small:1.6;--font-size-h1:2rem;--line-height-h1:1.3;--font-size-h2:1.625rem;--line-height-h2:1.35;--font-size-h3:1.25rem;--line-height-h3:1.4;--font-size-price:1.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:5rem;--space-10:6rem;--container-max:75rem;--article-max:45rem;--gutter:1.25rem;--section-padding:3rem;--card-padding:1.25rem;--grid-gap:1.5rem;--radius-control:.5rem;--radius-card:1rem;--radius-feature:1.25rem;--radius-pill:999px;--shadow-card:0 4px 16px #1720330f;--target-min:2.75rem;--button-height:3rem;--focus-ring-width:3px;--focus-ring-offset:3px;--transition-fast:.15s ease;--mobile-bar-min-height:4rem}@media (min-width:768px){:root{--gutter:2rem}}@media (min-width:1024px){:root{--gutter:2.5rem;--section-padding:5rem;--card-padding:1.5rem;--font-size-body:1.125rem;--font-size-h1:3rem;--font-size-h2:2.25rem;--font-size-h3:1.5rem;--font-size-price:1.75rem}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s linear}}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-surface-page);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);margin:0;overflow-x:hidden}h1,h2,h3{color:var(--color-brand-primary);font-weight:var(--font-weight-bold);text-wrap:balance;margin:0}h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1)}h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2)}h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}p{margin:0}a{color:var(--color-brand-primary);text-underline-offset:.2em}img,svg{max-width:100%;display:block}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.container{width:100%;max-width:calc(var(--container-max) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-padding)}.section-alt{background:var(--color-surface-card);border-block:1px solid var(--color-border-default)}.section-head{gap:var(--space-3);margin-bottom:var(--space-6);max-width:var(--article-max);display:grid}.section-head p{color:var(--color-text-secondary)}.section-head-row{justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.section-head-row .section-head{margin-bottom:0}.stack{gap:var(--space-4);display:grid}.prose{max-width:var(--article-max);gap:var(--space-4);display:grid}.prose ul,.prose ol{padding-left:var(--space-5);margin:0}.lead{color:var(--color-text-secondary)}.small{font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-secondary)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-surface-card);border-radius:var(--radius-control);position:absolute;top:-100%}.skip-link:focus{top:var(--space-2)}.grid-2{gap:var(--grid-gap);display:grid}@media (min-width:768px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid-3{gap:var(--grid-gap);display:grid}@media (min-width:768px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.facts{border-top:1px solid var(--color-border-default);margin:0;display:grid}.facts>div{gap:var(--space-4);padding-block:var(--space-3);border-bottom:1px solid var(--color-border-default);grid-template-columns:minmax(7rem,2fr) 3fr;display:grid}.facts dt{color:var(--color-text-secondary)}.facts dd{font-weight:var(--font-weight-semibold);margin:0}.steps{gap:var(--grid-gap);counter-reset:step;margin:0;padding:0;list-style:none;display:grid}@media (min-width:1024px){.steps-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.steps>li{counter-increment:step;gap:var(--space-2);padding:var(--card-padding);background:var(--color-surface-card);border:1px solid var(--color-border-default);border-radius:var(--radius-card);align-content:start;display:grid}.steps>li:before{content:counter(step);width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);background:var(--color-brand-primary);color:var(--color-text-on-brand);font-weight:var(--font-weight-bold);place-items:center;line-height:1;display:inline-grid}.steps strong{color:var(--color-brand-primary)}.text-link{font-weight:var(--font-weight-semibold)}.button-row{gap:var(--space-3);flex-wrap:wrap;display:flex}