.guide-page{background:var(--hm-paper);color:var(--hm-ink);font-family:var(--body)}.guide-hero{isolation:isolate;background:var(--hm-ink);color:#fff;padding:max(56px,min(7vw,96px)) 0 max(56px,min(7vw,88px));position:relative;overflow:hidden}.guide-hero:before,.guide-hero:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.guide-hero:before{background:radial-gradient(closest-side,rgba(23,164,147,.22),transparent);width:680px;height:500px;top:-120px;right:-140px}.guide-hero:after{background:radial-gradient(closest-side,rgba(94,234,212,.1),transparent);width:460px;height:460px;bottom:-240px;left:-180px}.guide-hero-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:max(28px,min(4vw,56px));display:grid}.guide-hero-copy{min-width:0}.guide-hero-grid .pfig{justify-self:end}.guide-crumbs ol{color:var(--hm-ink-200);flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 28px;padding:0;font-size:13.5px;list-style:none;display:flex}.guide-crumbs li+li:before{content:"/";color:var(--hm-ink-500);margin-right:10px}.guide-crumbs a{color:var(--hm-ink-300);transition:color .16s, background-size .28s var(--hm-ease);background:linear-gradient(currentColor,currentColor) 0 calc(100% - 3px)/0 1px no-repeat;padding-top:4px;padding-bottom:4px;text-decoration:none;display:inline-block}.guide-crumbs a:hover{color:#fff;background-size:100% 1px}.guide-crumbs [aria-current=page]{color:var(--hm-ink-300)}.guide-badge{font-family:var(--body);color:var(--hm-mint);margin:0 0 16px;font-size:15px;font-weight:600;line-height:1.5}.guide-hero h1{font-family:var(--display);letter-spacing:-.03em;color:#fff;text-wrap:balance;max-width:22ch;margin:0 0 20px;font-size:max(32px,min(4.2vw,52px));font-weight:800;line-height:1.18}:lang(th) .guide-hero h1{letter-spacing:-.01em;overflow-wrap:break-word;font-size:max(28px,min(3.8vw,46px));line-height:1.38}.guide-mask{margin:-.08em 0 -.16em;padding:.08em 0 .16em;display:block;overflow:hidden}.guide-mask>span{text-wrap:balance;display:block}.guide-subtitle{color:var(--hm-ink-300);max-width:60ch;margin:0;font-size:max(17px,min(1.7vw,19px));line-height:1.7}.guide-byline{border-top:1px solid var(--hm-line-d);max-width:60ch;font-family:var(--body);color:var(--hm-ink-300);flex-wrap:wrap;align-items:center;gap:6px 20px;margin:28px 0 0;padding-top:20px;font-size:14px;display:flex}.guide-byline a{color:var(--hm-mint);transition:background-size .28s var(--hm-ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;font-weight:600;text-decoration:none}.guide-byline a:hover{background-size:100% 1px}.guide-byline time{font-variant-numeric:tabular-nums;color:var(--hm-ink-200)}@media (prefers-reduced-motion:no-preference){.guide-hero:before{animation:18s ease-in-out infinite alternate guide-drift}.guide-hero:after{animation:22s ease-in-out infinite alternate-reverse guide-drift}.guide-mask>span{animation:guide-line-up .9s var(--hm-ease) .1s both}.guide-hero-copy>:not(h1){animation:guide-rise .8s var(--hm-ease) both}.guide-hero-copy>.guide-crumbs{animation-delay:0s}.guide-hero-copy>.guide-badge{animation-delay:50ms}.guide-hero-copy>.guide-subtitle{animation-delay:.3s}.guide-hero-copy>.guide-byline{animation-delay:.42s}}@keyframes guide-drift{to{transform:translate(-60px,40px)scale(1.15)}}@keyframes guide-line-up{0%{transform:translateY(105%)}}@keyframes guide-rise{0%{opacity:0;transform:translateY(14px)}}@media (max-width:900px){.guide-hero-grid{grid-template-columns:1fr}.guide-hero-grid .pfig{justify-self:start;max-width:240px}}@media (max-width:560px){.guide-hero-grid>.pfig-guide{display:none}}.guide-hero.ci-hero{color:var(--hm-ink);background:#f9fafb;padding:max(64px,min(8vw,112px)) 0 max(64px,min(8vw,104px))}.guide-hero.ci-hero:before,.guide-hero.ci-hero:after{display:none}.guide-hero.ci-hero .guide-hero-grid{grid-template-columns:minmax(0,1fr)}.guide-hero.ci-hero .guide-hero-copy{max-width:min(720px,50vw)}.guide-hero.ci-hero .guide-crumbs ol{color:var(--hm-ink-400)}.guide-hero.ci-hero .guide-crumbs li+li:before{color:var(--hm-ink-300)}.guide-hero.ci-hero .guide-crumbs a{color:var(--hm-ink-500)}.guide-hero.ci-hero .guide-crumbs a:hover{color:var(--hm-teal-text)}.guide-hero.ci-hero .guide-crumbs [aria-current=page]{color:var(--hm-ink-400)}.guide-hero.ci-hero .guide-badge{color:var(--hm-teal-text)}.guide-hero.ci-hero h1{color:var(--hm-ink)}.guide-hero.ci-hero .guide-subtitle{color:var(--hm-ink-500)}.guide-hero.ci-hero .guide-byline{border-top-color:var(--hm-line);color:var(--hm-ink-500)}.guide-hero.ci-hero .guide-byline a{color:var(--hm-teal-text)}.guide-hero.ci-hero .guide-byline time{color:var(--hm-ink-400)}@media (max-width:980px){.guide-hero.ci-hero .guide-hero-copy{max-width:none}}.guide-body{max-width:72ch;padding:max(56px,min(7vw,88px)) 32px max(72px,min(9vw,120px))}.guide-body h2{font-family:var(--display);letter-spacing:-.02em;color:var(--hm-ink);text-wrap:balance;margin:48px 0 18px;font-size:max(24px,min(2.6vw,30px));font-weight:700;line-height:1.3}:lang(th) .guide-body h2,:lang(th) .guide-body h3{letter-spacing:0;overflow-wrap:break-word;line-height:1.45}.guide-body>section:first-child h2{margin-top:0}.guide-body p{color:var(--hm-ink-500);margin:0 0 16px;font-size:16px;line-height:1.8}.guide-body ul{color:var(--hm-ink-500);margin:0 0 16px;padding-left:22px}.guide-body li{margin-bottom:8px;font-size:16px;line-height:1.75}.guide-body.guide-article{max-width:calc(68ch + 64px);font-size:17px}.guide-article .guide-sec+.guide-sec{border-top:1px solid var(--hm-line);margin-top:64px;padding-top:56px}.guide-article .guide-sec>h2{margin:0 0 20px}.guide-article .guide-sec>p{color:var(--hm-ink-700);margin:0 0 20px;font-size:17px;line-height:1.8}.guide-article .guide-sec>ul{color:var(--hm-ink-700);margin:0 0 20px;padding-left:24px}.guide-article .guide-sec>ul>li{margin-bottom:10px;padding-left:4px;font-size:17px;line-height:1.75}.guide-article .guide-sec>ul>li::marker{color:var(--hm-teal)}:lang(th) .guide-article .guide-sec>p,:lang(th) .guide-article .guide-sec>ul>li{line-height:1.85}.guide-body .guide-answer{border:1px solid var(--hm-line);box-shadow:inset 3px 0 0 var(--hm-teal);background:#fff;border-radius:16px;margin:0 0 64px;padding:28px 32px}.guide-body .guide-answer-label{font-family:var(--body);color:var(--hm-teal-text);margin:0 0 10px;font-size:14px;font-weight:700;line-height:1.4}.guide-body .guide-answer-text{color:var(--hm-ink);margin:0;font-size:18px;line-height:1.75}.guide-body .guide-section-link{margin:24px 0 0;font-weight:600}.guide-body .guide-section-link a{color:var(--hm-teal-text);transition:background-size .28s var(--hm-ease);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:2px;text-decoration:none}.guide-body .guide-section-link a:after{content:" →";transition:transform .28s var(--hm-ease);margin-left:4px;display:inline-block}.guide-body .guide-section-link a:hover{background-size:100% 2px}.guide-body .guide-section-link a:focus-visible{background-size:100% 2px}.guide-body .guide-section-link a:hover:after{transform:translate(4px)}.guide-body .guide-code{background:var(--hm-ink);color:#e2e8f0;white-space:pre;-moz-tab-size:2;tab-size:2;border-radius:10px;margin:20px 0 24px;padding:16px 18px;font:500 13.5px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.guide-body .guide-code:focus-visible{outline:2px solid var(--hm-teal);outline-offset:2px}.guide-body .guide-code code{font:inherit}.guide-body p code,.guide-body li code{background:var(--hm-paper-2);color:var(--hm-ink);overflow-wrap:anywhere;border-radius:5px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.guide-body .guide-sources{border-left:2px solid var(--hm-line);margin:24px 0 0;padding:14px 18px 4px}.guide-body .guide-sources-label{color:var(--hm-ink-500);margin:0 0 6px;font-size:13.5px;font-weight:700;line-height:1.5}.guide-body .guide-sources ul{margin:0 0 10px;padding-left:18px}.guide-body .guide-sources li{color:var(--hm-ink-500);margin:0 0 6px;font-size:14px;line-height:1.6}.guide-body .guide-sources a{color:var(--hm-teal-text);text-underline-offset:3px;overflow-wrap:break-word;text-decoration:underline;text-decoration-thickness:1px}.guide-body .guide-sources a:hover{text-decoration-thickness:2px}.guide-body .guide-sources a:focus-visible{text-decoration-thickness:2px}.guide-body .pfig-cost{width:100%;max-width:420px;margin:24px 0 4px}.guide-table-frame{border:1px solid var(--hm-line);background:#fff;border-radius:16px;margin:36px 0 12px}.guide-table-scroll{border-radius:15px;overflow-x:auto}.guide-table-caption+.guide-table-scroll{border-top-left-radius:0;border-top-right-radius:0}.guide-table-scroll:focus-visible{outline:2px solid var(--hm-teal);outline-offset:-2px}.guide-body .guide-table-caption{font-family:var(--body);color:var(--hm-ink-500);margin:0;padding:18px 20px 4px;font-size:14px;font-weight:600;line-height:1.5}.guide-table{border-collapse:collapse;width:100%;font-family:var(--body);font-variant-numeric:tabular-nums;font-size:15px}.guide-table--wide{min-width:620px}.guide-table th,.guide-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--hm-line);padding:14px 20px;line-height:1.55}.guide-table thead th{color:var(--hm-ink);white-space:nowrap;border-bottom-color:var(--rule-strong);font-size:13.5px;font-weight:700}.guide-table tbody th{color:var(--hm-ink);width:34%;font-weight:600}.guide-table tbody td{color:var(--hm-ink-700)}.guide-table tbody tr:last-child th,.guide-table tbody tr:last-child td{border-bottom:none}.guide-table tbody td:last-child{background:rgba(94,234,212,.12)}.guide-table thead th:last-child{color:var(--hm-teal-text)}.guide-table--ours-row tbody td:last-child{background:0 0}.guide-table--ours-row thead th:last-child{color:var(--hm-ink)}.guide-table--ours-row tbody tr:last-child td{background:rgba(94,234,212,.12)}.guide-table--ours-row tbody tr:last-child th{background:linear-gradient(rgba(94,234,212,.12), rgba(94,234,212,.12)), var(--surface-raised)}.guide-table td a{color:var(--hm-teal-text);text-underline-offset:3px;padding-top:4px;padding-bottom:4px;text-decoration:underline;text-decoration-thickness:1px}.guide-table td a:hover{text-decoration-thickness:2px}.guide-table--dense thead th{white-space:normal}.guide-table--dense td{min-width:8em}.guide-table--dense tbody th{width:auto;min-width:6.5em}@media (min-width:981px){.guide-table-frame--dense{margin-left:calc(50% + -1*min(560px,50vw - 32px));margin-right:calc(50% + -1*min(560px,50vw - 32px))}}@media (prefers-reduced-motion:no-preference){html.js .guide-table-frame tbody tr{transition:opacity .6s var(--hm-ease), transform .6s var(--hm-ease);transition-delay:calc(var(--i,0) * 50ms + .2s)}html.js .guide-table-frame:not(.in) tbody tr{opacity:0;transform:translateY(8px)}}@media (max-width:560px){.guide-table:not(.guide-table--wide) th,.guide-table:not(.guide-table--wide) td{padding:12px}.guide-table:not(.guide-table--wide) thead th{white-space:normal}.guide-body .guide-table-caption{padding:16px 12px 4px}.guide-table:not(.guide-table--wide){table-layout:fixed}.guide-table:not(.guide-table--wide) thead th:first-child{width:34%}.guide-table:not(.guide-table--wide) th,.guide-table:not(.guide-table--wide) td{overflow-wrap:break-word}.guide-table--wide th,.guide-table--wide td{overflow-wrap:break-word;padding:12px}.guide-table--wide thead th{white-space:normal}.guide-table--wide td,.guide-table--wide thead th:not(:first-child){min-width:9em;max-width:13em}.guide-table--wide tbody th,.guide-table--wide thead th:first-child{z-index:1;background:var(--surface-raised);width:auto;min-width:6.5em;max-width:7.5em;box-shadow:inset -1px 0 0 var(--hm-line);position:-webkit-sticky;position:sticky;left:0}.guide-table-scroll{background:linear-gradient(to left, var(--surface-raised) 40%, transparent) right / 28px 100% no-repeat local, radial-gradient(farthest-side at 100% 50%, color-mix(in srgb, var(--hm-ink) 14%, transparent), transparent) right / 12px 100% no-repeat scroll}}.guide-chart-wrap{margin:36px 0 12px}.guide-chart{border:1px solid var(--hm-line);background:#fff;border-radius:16px;margin:0;padding:20px 20px 14px}.guide-chart-title{font-family:var(--body);color:var(--hm-ink-500);font-size:14px;font-weight:600}.guide-body .guide-chart-legend{color:var(--hm-ink-700);flex-wrap:wrap;gap:6px 18px;margin:10px 0 4px;padding:0;font-size:13.5px;list-style:none;display:flex}.guide-body .guide-chart-legend li{align-items:center;gap:8px;margin:0;font-size:13.5px;line-height:1.5;display:flex}.guide-chart-swatch{border-radius:2px;width:14px;height:3px}.guide-chart-svg{width:100%;height:auto;font-family:var(--mono);font-variant-numeric:tabular-nums;display:block}.guide-chart-compact{display:none}@media (max-width:560px){.guide-chart-wide{display:none}.guide-chart-compact{display:block}}.guide-chart-grid{stroke:var(--hm-paper-2);stroke-width:1px}.guide-chart-baseline{stroke:var(--rule-strong);stroke-width:1px}.guide-chart-axis{fill:var(--hm-ink-400);font-size:12px}.guide-chart-line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.guide-chart-dot{stroke:#fff;stroke-width:2px}.guide-chart-hit{fill:transparent}.guide-chart-point:hover .guide-chart-dot{r:6}.guide-chart-key{stroke-width:3px;stroke-linecap:round}.guide-chart-label{fill:var(--hm-ink-700);font-size:13px}.guide-chart-value{fill:var(--hm-ink);font-weight:600}.guide-chart-note{fill:var(--hm-ink-400);font-size:12px}.guide-body .aim{border:1px solid var(--rule);background:var(--surface-raised);border-radius:10px;gap:14px;margin:26px 0 8px;padding:18px;display:grid}.guide-body .aim-title{font-family:var(--body);color:var(--ink-muted);font-size:13px}.guide-body .aim-tag,.guide-body .aim-k{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--teal);font-size:11.5px}.guide-body .aim-k{color:var(--ink-muted)}.guide-body .aim-routes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (max-width:720px){.guide-body .aim-routes-grid{grid-template-columns:1fr}}.guide-body .aim-route{background:var(--surface);border:1px solid var(--rule-soft);border-radius:9px;align-content:start;gap:8px;padding:14px;display:grid}.guide-body .aim-route-name{font-family:var(--display);color:var(--ink);font-size:16px;line-height:1.35}.guide-body .aim-steps{counter-reset:none;gap:18px;margin:0;padding:0;list-style:none;display:grid}.guide-body .aim-steps li{background:var(--surface-alt);color:var(--ink);border-radius:7px;margin:0;padding:8px 10px;font-size:13.5px;line-height:1.45;position:relative}.guide-body .aim-steps li+li:before{content:"↓";color:var(--ink-muted);font-size:12px;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.guide-body .aim-steps li:last-child{background:rgba(13,148,136,.12)}.guide-body .aim-steps li.aim-noise{background:repeating-linear-gradient(45deg, var(--surface-alt) 0 6px, var(--surface-raised) 6px 12px)}.guide-body .aim-scroll{gap:12px;display:grid;overflow-x:auto}.guide-body .aim-pipe{grid-template-columns:1fr 1fr 1.3fr 1fr;gap:0;min-width:640px;display:grid}.guide-body .aim-pipe-cell{align-items:stretch;display:flex}.guide-body .aim-join{color:var(--ink-muted);align-self:center;padding:0 6px}@media (max-width:720px){.guide-body .aim-scroll{grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible}.guide-body .aim-pipe{grid-template-columns:minmax(0,1fr);min-width:0}.guide-body .aim-pipe-cell{flex-direction:column}.guide-body .aim-join{padding:2px 0;transform:rotate(90deg)}}.guide-body .aim-box{color:var(--ink-soft);border-radius:9px;flex:1;align-content:start;gap:4px;padding:10px 12px;font-size:13px;line-height:1.45;display:grid}.guide-body .aim-box strong{font-family:var(--display);color:var(--ink);font-size:15px}.guide-body .aim-pipe-image .aim-box{background:rgba(42,120,214,.1)}.guide-body .aim-pipe-audio .aim-box{background:rgba(235,104,52,.1)}.guide-body .aim-pipe .aim-box-core{background:var(--surface-alt);border:1px solid var(--rule-strong)}.guide-body .aim-codegrid{grid-template-columns:repeat(8,9px);gap:2px;margin-top:4px;display:grid}.guide-body .aim-codegrid i{opacity:.35;background:#2a78d6;border-radius:2px;width:9px;height:9px}.guide-body .aim-codegrid i.o6{opacity:.6}.guide-body .aim-codegrid i.o9{opacity:.9}.guide-body .aim-codestack{gap:3px;margin-top:4px;display:grid}.guide-body .aim-codestack span{gap:2px;display:flex}.guide-body .aim-codestack i{background:#eb6834;border-radius:2px;width:9px;height:9px}.guide-body .aim-codestack .l1 i{opacity:.7}.guide-body .aim-codestack .l2 i{opacity:.45}.guide-body .aim-codestack .l3 i{opacity:.25}.guide-body .aim-denoise-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.guide-body .aim-denoise-frame{justify-items:center;gap:6px;display:grid}.guide-body .aim-denoise-frame img{aspect-ratio:1;width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--rule);border-radius:6px}.guide-body .aim-denoise-frame span{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-muted);text-align:center;font-size:11.5px}.guide-body .aim-note{margin:0;font-size:13.5px;line-height:1.6}.guide-body .aim-cube{width:100%;height:auto;font-family:var(--body);display:block}.aim-cube-frame{fill:var(--surface-raised);fill-opacity:.72;stroke:var(--rule-strong);stroke-width:1.2px}.aim-cube-grid{stroke:var(--rule-strong);stroke-width:.8px}.aim-cube-patch{fill:#0d9488;fill-opacity:.55;stroke:#0d9488;stroke-width:1.2px}.aim-cube-tube{fill:none;stroke:#0d9488;stroke-width:1.4px;stroke-dasharray:4 3}.aim-cube-axis{fill:none;stroke:var(--ink-muted);stroke-width:1.2px}.aim-cube-head{fill:var(--ink-muted)}.aim-cube-wave{fill:none;stroke:#eb6834;stroke-width:2px}.aim-cube-lbl{fill:var(--ink-muted);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11px}.aim-cube-strong{fill:var(--ink);font-size:12.5px;font-weight:600}@media (max-width:560px){.guide-body .aim-spacetime{padding:14px}.guide-body .aim-cube{overflow:visible}.aim-cube-lbl{font-size:15px}.aim-cube-strong{font-size:16px}}.guide-body .guide-checklist{border:1px solid var(--hm-line);background:#fff;border-radius:16px;margin-top:80px;padding:max(24px,min(4vw,40px))}.guide-body .guide-checklist h2{margin:0 0 12px}.guide-body .guide-checklist ul{margin:0;padding:0;list-style:none}.guide-body .guide-checklist li{color:var(--hm-ink-700);border-bottom:1px solid var(--hm-line);margin:0;padding:16px 0 16px 42px;font-size:16.5px;line-height:1.7;position:relative}.guide-body .guide-checklist li:last-child{border-bottom:none;padding-bottom:4px}.guide-body .guide-checklist li:before,.guide-body .guide-checklist li:after{content:"";position:absolute}.guide-body .guide-checklist li:before{border:1.5px solid var(--hm-teal);background:var(--hm-mint-soft);border-radius:6px;width:22px;height:22px;top:19px;left:0}.guide-body .guide-checklist li:after{border:solid var(--hm-teal-text);border-width:0 2.5px 2.5px 0;width:6px;height:11px;top:23px;left:8px;transform:rotate(45deg)}@media (prefers-reduced-motion:no-preference){html.js .guide-body .guide-checklist li:before{transition:opacity .4s var(--hm-ease), transform .4s var(--hm-ease);transition-delay:calc(var(--i,0) * 90ms + .15s)}html.js .guide-body .guide-checklist li:after{transition:opacity .3s var(--hm-ease), transform .45s var(--hm-snap);transition-delay:calc(var(--i,0) * 90ms + .3s)}html.js .guide-body .guide-checklist:not(.in) li:before{opacity:.35;transform:scale(.85)}html.js .guide-body .guide-checklist:not(.in) li:after{opacity:0;transform:rotate(45deg)scale(.3)}}.guide-body .guide-faq{margin-top:80px}.guide-body .guide-faq h2{margin:0 0 20px}.guide-body .guide-faq .qa-list{border-top:2px solid var(--hm-ink);max-width:none}.guide-body .guide-faq .qa-a,.guide-body .guide-faq .qa-detail p{color:var(--hm-ink-500);font-size:16px}.guide-body .guide-related{margin-top:80px}.guide-body .guide-related h2{margin:0 0 20px}.guide-body .guide-related h3{font-family:var(--display);color:var(--hm-ink-500);margin:36px 0 12px;font-size:15px;font-weight:700}.guide-body .guide-related ul{border-top:2px solid var(--hm-ink);margin:0;padding:0;list-style:none}.guide-body .guide-related li{border-bottom:1px solid var(--hm-line);margin:0}.guide-body .guide-related a{font-family:var(--display);letter-spacing:-.01em;color:var(--hm-ink);transition:color .16s, transform .5s var(--hm-ease);justify-content:space-between;align-items:baseline;gap:20px;padding:18px 0;font-size:17px;font-weight:700;line-height:1.45;text-decoration:none;display:flex}:lang(th) .guide-body .guide-related a{letter-spacing:0;line-height:1.55}.guide-body .guide-related a:after{content:"→";color:var(--hm-teal-text);transition:transform .28s var(--hm-ease);flex:none}.guide-body .guide-related a:hover{color:var(--hm-teal-text);transform:translate(6px)}.guide-body .guide-related a:hover:after{transform:translate(4px)}.guide-body .guide-author{border-top:1px solid var(--hm-line);margin-top:72px;padding-top:28px}.guide-body .guide-author .guide-author-name{font-family:var(--display);letter-spacing:-.012em;color:var(--hm-ink);margin:0;font-size:18px;font-weight:700;line-height:1.4}:lang(th) .guide-body .guide-author .guide-author-name{letter-spacing:0}.guide-body .guide-author .guide-author-role{color:var(--hm-teal-text);margin:4px 0 0;font-size:14px;font-weight:600;line-height:1.5}.guide-body .guide-author .guide-author-bio{color:var(--hm-ink-500);max-width:64ch;margin:12px 0 0;font-size:15.5px;line-height:1.75}.guide-author-more{margin-top:12px;font-size:14.5px;text-decoration:none;display:inline-block;position:relative}.guide-author-more:before{content:"";position:absolute;top:-8px;bottom:-8px;left:-4px;right:-4px}.visually-hidden{-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.guide-body.guide-index{max-width:1240px}.guide-filter{flex-wrap:wrap;gap:8px;margin:0 0 40px;display:flex}.guide-filter-chip{min-height:40px;font-family:var(--body);color:var(--hm-ink-700);border:1px solid var(--hm-line);cursor:pointer;transition:color .16s, border-color .16s, background-color .16s, transform .28s var(--hm-ease);background:#fff;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.guide-filter-chip:hover{border-color:var(--hm-teal);color:var(--hm-teal-text);transform:translateY(-2px)}.guide-filter-chip:active{transform:none}.guide-filter-chip.is-active{color:#fff;background:var(--hm-ink);border-color:var(--hm-ink)}.guide-filter-n{font-variant-numeric:tabular-nums;color:var(--hm-ink-400);font-size:12.5px}.guide-filter-chip.is-active .guide-filter-n{color:var(--hm-ink-300)}.guide-body .guide-lead-card,.guide-body .guide-index-list a{color:inherit;grid-template-columns:200px minmax(0,1fr) 24px;align-items:start;gap:32px;text-decoration:none;display:grid}.guide-body .guide-index-main{min-width:0}.guide-body .guide-card-tags{flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding-top:5px;display:flex}.guide-body .guide-card-topic{color:var(--hm-teal-text);font-size:14px;font-weight:600;line-height:1.5}.guide-body .guide-card-latest{color:var(--hm-ink-400);font-size:13px;font-weight:600;line-height:1.5}.guide-body .guide-index-meta{color:var(--hm-ink-400);flex-wrap:wrap;gap:4px 14px;margin:12px 0 0;font-size:13px;line-height:1.5;display:flex}.guide-body .guide-index-meta time{font-variant-numeric:tabular-nums}.guide-body .guide-lead-card:after,.guide-body .guide-index-list a:after{content:"→";color:var(--hm-teal-text);transition:transform .28s var(--hm-ease);justify-self:end;padding-top:2px;font-size:20px;line-height:1.3}.guide-body .guide-lead-card:hover:after,.guide-body .guide-index-list a:hover:after{transform:translate(4px)}.guide-body .guide-lead-card{background:radial-gradient(90% 120% at 100% 0%, rgba(23,164,147,.22), transparent 60%), var(--hm-ink);border-radius:24px;padding:max(28px,min(4vw,48px))}.guide-body .guide-lead-card .guide-card-topic,.guide-body .guide-lead-card:after{color:var(--hm-mint)}.guide-body .guide-lead-card .guide-card-latest{color:var(--hm-ink-200)}.guide-body .guide-lead-card h2{letter-spacing:-.025em;color:#fff;max-width:30ch;transition:transform .5s var(--hm-ease);margin:0;font-size:max(26px,min(2.8vw,36px));font-weight:800;line-height:1.25}:lang(th) .guide-body .guide-lead-card h2{letter-spacing:-.005em;line-height:1.4}.guide-body .guide-lead-card:hover h2{transform:translate(8px)}.guide-body .guide-lead-card .guide-card-desc{max-width:62ch;color:var(--hm-ink-300);margin:14px 0 0;font-size:17px;line-height:1.7}.guide-body .guide-lead-card .guide-index-meta{color:var(--hm-ink-200)}.guide-body .guide-lead-card.ci-panel{background:linear-gradient(140deg,#0b4f5c,#0f766e 55%,#0891b2)}.guide-body .guide-lead-card.ci-panel .guide-card-desc{color:rgba(255,255,255,.86)}.guide-body .guide-lead-card.ci-panel .guide-card-topic,.guide-body .guide-lead-card.ci-panel:after{color:#a7f3e4}.guide-body .guide-lead-card.ci-panel .guide-card-latest,.guide-body .guide-lead-card.ci-panel .guide-index-meta{color:rgba(255,255,255,.78)}.guide-body .ci-panel .ci-band-panel i:first-child{background:rgba(45,212,191,.24)}.guide-body .guide-lead-card.ci-panel .guide-card-topic{color:#fff}.guide-body .guide-index-list{border-top:2px solid var(--hm-ink);margin:48px 0 0;padding:0;list-style:none}.guide-body .guide-index-list li{font-size:inherit;border-bottom:1px solid var(--hm-line);margin:0}.guide-body .guide-index-list a{padding:28px 0}.guide-body .guide-index-list h2{letter-spacing:-.015em;transition:color .16s, transform .5s var(--hm-ease);margin:0;font-size:22px;line-height:1.35}.guide-body .guide-index-list a:hover h2{color:var(--hm-teal-text);transform:translate(8px)}.guide-body .guide-index-list .guide-card-desc{max-width:70ch;color:var(--hm-ink-500);margin:8px 0 0;font-size:15.5px;line-height:1.7}@media (max-width:900px){.guide-body .guide-lead-card,.guide-body .guide-index-list a{grid-template-columns:minmax(0,1fr);gap:10px}.guide-body .guide-lead-card:after,.guide-body .guide-index-list a:after{display:none}.guide-body .guide-card-tags{padding-top:0}}@media (max-width:720px){.guide-body{padding:48px 20px 72px}.guide-body .guide-answer{padding:22px 20px}.guide-article .guide-sec+.guide-sec{margin-top:48px;padding-top:44px}.guide-body .guide-index-list a{padding:22px 0}.guide-body .guide-index-list h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.guide-page *,.guide-page :before,.guide-page :after{transition-duration:.01ms!important;transition-delay:0s!important}.guide-body .guide-related a:hover,.guide-body .guide-related a:hover:after,.guide-body .guide-lead-card:hover h2,.guide-body .guide-lead-card:hover:after,.guide-body .guide-index-list a:hover h2,.guide-body .guide-index-list a:hover:after,.guide-body .guide-section-link a:hover:after,.guide-filter-chip:hover{transform:none}html.js .guide-page .hm-rv,html.js .guide-page .hm-bracket:before,html.js .guide-page .hm-bracket:after{opacity:1;transform:none}}.guide-hero.ci-hero .guide-byline-read{color:var(--hm-ink-400)}.guide-body .guide-keypoints-label{border-top:1px solid var(--hm-line);margin-top:24px;padding-top:20px}.guide-body ul.guide-keypoints{gap:10px;margin:0;padding:0;list-style:none;display:grid}.guide-body .guide-keypoints li{color:var(--hm-ink-700);margin:0;padding-left:30px;font-size:16px;line-height:1.65;position:relative}.guide-body .guide-keypoints li:before{content:"";background:var(--hm-mint-soft);border-radius:50%;width:18px;height:18px;position:absolute;top:.32em;left:2px}.guide-body .guide-keypoints li:after{content:"";border:solid var(--hm-teal-text);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:calc(.32em + 4px);left:8px;transform:rotate(45deg)}.guide-body .guide-answer{margin-bottom:40px}.guide-body .guide-toc{border:1px solid var(--hm-line);background:var(--hm-paper-2);border-radius:16px;margin:0 0 72px;padding:24px 28px}.guide-body .guide-toc-label{color:var(--hm-ink);margin:0 0 12px;font-size:14px;font-weight:700;line-height:1.4}.guide-body .guide-toc ol{columns:2;column-gap:32px;margin:0;padding:0;list-style:none}.guide-body .guide-toc li{break-inside:avoid;margin:0;font-size:15px;line-height:1.5}.guide-body .guide-toc a{color:var(--hm-ink-700);gap:12px;padding:7px 0;text-decoration:none;display:flex}.guide-body .guide-toc a:hover{color:var(--hm-teal-text)}.guide-body .guide-toc a:focus-visible{color:var(--hm-teal-text)}.guide-body .guide-toc a:hover>span:last-child{text-underline-offset:3px;text-decoration:underline}.guide-toc-n{font-variant-numeric:tabular-nums;min-width:22px;color:var(--hm-teal-text);flex:none;font-weight:700}@media (max-width:720px){.guide-body .guide-toc ol{columns:1}.guide-body .guide-toc{margin-bottom:56px;padding:20px}}.guide-article .guide-sec-n{font-variant-numeric:tabular-nums;color:var(--hm-teal-text);margin:0 0 6px;font-size:14px;font-weight:700;line-height:1}.guide-article .guide-sec{scroll-margin-top:88px}.guide-body .guide-shot{margin:32px 0}.guide-shot-frame{border:1px solid var(--hm-line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 48px -32px rgba(15,23,42,.35)}.guide-shot-bar{border-bottom:1px solid var(--hm-line);background:var(--hm-paper);gap:6px;padding:10px 14px;display:flex}.guide-shot-bar i{background:var(--hm-ink-300);opacity:.6;border-radius:50%;width:9px;height:9px}.guide-shot-frame img{width:100%;height:auto;display:block}.guide-body .guide-shot figcaption{color:var(--hm-ink-400);margin-top:12px;font-size:14px;line-height:1.6}.guide-body .gv{border:1px solid var(--hm-line);background:#fff;border-radius:16px;margin:32px 0;padding:24px 28px 26px}.guide-body .gv-title{font-family:var(--display);color:var(--hm-ink);margin:0 0 18px;font-size:16px;font-weight:700;line-height:1.45}.guide-body .gv-summary{color:var(--hm-ink-400);margin:-10px 0 18px;font-size:14px;line-height:1.6}.guide-body .gv-note{color:var(--hm-ink-400);margin:16px 0 0;font-size:13px;line-height:1.6}.guide-body .gv ul,.guide-body .gv ol{margin:0;padding:0;list-style:none}.guide-body .gv li{margin:0}.guide-body .gv-steps{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));counter-reset:none;gap:20px 16px;display:grid}.guide-body .gv-steps[data-n="4"]{--cols:4}.guide-body .gv-steps[data-n="5"],.guide-body .gv-steps[data-n="6"]{--cols:3}.guide-body .gv-steps li{flex-direction:column;gap:6px;font-size:15px;line-height:1.55;display:flex;position:relative}.guide-body .gv-steps li:after{content:"";background:var(--hm-mint-soft);height:2px;position:absolute;top:15px;left:40px;right:-12px}.guide-body .gv-steps li:last-child:after,.guide-body .gv-steps[data-n="4"] li:nth-child(4n):after,.guide-body .gv-steps:not([data-n="4"]) li:nth-child(3n):after{display:none}.gv-step-n{background:var(--hm-teal-text);color:#fff;font-variant-numeric:tabular-nums;border-radius:50%;align-items:center;justify-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:grid}.gv-step-label{color:var(--hm-ink);font-weight:700}.gv-step-text{color:var(--hm-ink-500);font-size:14px}@media (max-width:720px){.guide-body .gv-steps{grid-template-columns:1fr;gap:0}.guide-body .gv-steps li{grid-template-columns:32px minmax(0,1fr);gap:2px 14px;padding-bottom:18px;display:grid}.guide-body .gv-steps li>:not(.gv-step-n){grid-column:2}.guide-body .gv-steps li .gv-step-n{grid-row:span 2}.guide-body .gv-steps li:after,.guide-body .gv-steps[data-n="4"] li:nth-child(4n):after,.guide-body .gv-steps:not([data-n="4"]) li:nth-child(3n):after{width:2px;height:auto;display:block;top:36px;bottom:2px;left:15px;right:auto}.guide-body .gv-steps li:last-child:after{display:none}.guide-body .gv-steps li:last-child{padding-bottom:0}}.guide-body .gv-bars{gap:14px;display:grid}.guide-body .gv-bars li{grid-template-columns:minmax(0,30%) minmax(0,1fr) auto;align-items:center;gap:14px;font-size:15px;line-height:1.45;display:grid}.gv-bar-label{color:var(--hm-ink-700);font-weight:600}.gv-bar-track{background:var(--hm-paper-2);border-radius:7px;height:14px;position:relative}.gv-bar{transform-origin:0;background:linear-gradient(90deg,#0f766e,#14b8a6);border-radius:7px;min-width:8px;position:absolute;top:0;bottom:0}.gv-bar-value{text-align:right;font-variant-numeric:tabular-nums;min-width:6ch;color:var(--hm-ink);white-space:nowrap;font-weight:700}@media (max-width:560px){.guide-body .gv-bars li{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.gv-bar-track{grid-area:2/1/auto/-1}.gv-bar-value{white-space:normal;max-width:58vw}}.guide-body .gv-stats{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));gap:16px;margin:0;display:grid}.guide-body .gv-stats[data-n="2"],.guide-body .gv-stats[data-n="4"]{--cols:2}.guide-body .gv-stats>div{background:var(--hm-paper);border-left:3px solid var(--hm-teal);border-radius:12px;flex-direction:column-reverse;gap:6px;padding:16px 18px;display:flex}.guide-body .gv-stats dd{font-family:var(--display);letter-spacing:-.02em;color:var(--hm-teal-text);font-variant-numeric:tabular-nums;margin:0;font-size:max(24px,min(3vw,30px));font-weight:800;line-height:1.15}:lang(th) .guide-body .gv-stats dd{letter-spacing:0;line-height:1.3}.guide-body .gv-stats dt{color:var(--hm-ink-500);font-size:14px;line-height:1.55}@media (max-width:560px){.guide-body .gv-stats{grid-template-columns:1fr}}.guide-body .gv-compare{grid-template-columns:1fr 1fr;gap:14px;display:grid}.guide-body .gv-side{background:var(--hm-paper);border-radius:12px;padding:18px 20px}.guide-body .gv-side-right{background:#effaf7;box-shadow:inset 0 0 0 1px #bfe9df}.guide-body .gv-side-title{color:var(--hm-ink);margin:0 0 12px;font-size:15px;font-weight:700;line-height:1.45}.guide-body .gv-side-right .gv-side-title{color:var(--hm-teal-text)}.guide-body .gv-side ul{gap:10px;display:grid}.guide-body .gv-side li{color:var(--hm-ink-700);padding-left:26px;font-size:15px;line-height:1.55;position:relative}.guide-body .gv-side li:before,.guide-body .gv-side li:after{content:"";position:absolute}.guide-body .gv-side-left li:before,.guide-body .gv-side-left li:after{background:var(--hm-ink-300);border-radius:1px;width:12px;height:2px;top:calc(.78em - 1px);left:3px;transform:rotate(45deg)}.guide-body .gv-side-left li:after{transform:rotate(-45deg)}.guide-body .gv-side-right li:before{border:solid var(--hm-teal-text);border-width:0 2px 2px 0;width:5px;height:10px;top:calc(.78em - 8px);left:5px;transform:rotate(45deg)}@media (max-width:560px){.guide-body .gv-compare{grid-template-columns:1fr}.guide-body .gv{padding:20px 18px 22px}}@media (prefers-reduced-motion:no-preference){html.js .gv-bars .gv-bar{transition:transform .9s var(--hm-ease);transition-delay:calc(.2s + var(--i,0) * 90ms);transform:scaleX(0)}html.js .gv.in .gv-bars .gv-bar{transform:none}html.js .gv-steps li,html.js .gv-stats>div{opacity:0;transition:opacity .6s var(--hm-ease), transform .6s var(--hm-ease);transition-delay:calc(.15s + var(--i,0) * .11s);transform:translateY(10px)}html.js .gv.in .gv-steps li,html.js .gv.in .gv-stats>div{opacity:1;transform:none}}@media (max-width:560px){.guide-hero.ci-hero{padding-bottom:0}.guide-hero.ci-hero>:last-child{margin-bottom:84px}.guide-hero.ci-hero .ci-band-hero{height:60px}.guide-body.guide-article{padding-top:40px}}