.xgbop-article,.xgbop-article *,.xgbop-article *::before,.xgbop-article *::after{box-sizing:border-box}.xgbop-article{--orange:#f36b21;--orange-deep:#c94a0b;--orange-soft:#fff7f1;--orange-line:#f3c7ae;--ink:#151515;--text:#454545;--muted:#747474;--line:#e8e8e6;--soft:#f7f7f5;--shadow:0 18px 48px rgba(17,18,20,.07);width:min(1180px,calc(100% - 40px));margin:0 auto;padding:0 0 76px;color:var(--text);font-family:"Prompt","Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif;font-size:16px;line-height:1.78}.xgbop-article a{text-decoration:none}.xgbop-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}.xgbop-main{min-width:0}.xgbop-hero{position:relative;overflow:hidden;margin:8px 0 0;padding:34px 34px 30px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 100% 0%,rgba(243,107,33,.13),transparent 34%),linear-gradient(135deg,#fff 0%,#fff 62%,#fff8f3 100%)}.xgbop-kicker{display:block;margin:0 0 13px;color:var(--orange-deep);font-size:12px;font-weight:900;letter-spacing:.045em}.xgbop-hero h1{max-width:880px;margin:0;color:var(--ink);font-size:clamp(34px,4.2vw,50px);line-height:1.22;font-weight:900;letter-spacing:-.028em;overflow-wrap:anywhere}.xgbop-lead{max-width:850px;margin:17px 0 0;color:#5a5a60;font-size:16px;line-height:1.85}.xgbop-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.xgbop-meta span{display:inline-flex;align-items:center;min-height:32px;padding:6px 11px;border:1px solid #e6e6e3;border-radius:999px;background:#fff;color:#66666b;font-size:11px;line-height:1.4}.xgbop-cover{display:block;width:100%;margin:24px 0 0}.xgbop-image{margin:28px 0}.xgbop-cover__image,.xgbop-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;border:1px solid var(--line);border-radius:18px;background:#f2f2f0;box-shadow:var(--shadow)}.xgbop-cover__caption,.xgbop-image figcaption{display:block;margin-top:8px;padding:0 8px;color:#85858b;font-size:11px;line-height:1.6;text-align:center}.xgbop-body{min-width:0;padding-top:4px}.xgbop-body section{scroll-margin-top:100px}.xgbop-body section:not(.xgbop-answer):not(.xgbop-conclusion){margin-top:36px}.xgbop-body h2{margin:0 0 12px;color:var(--ink);font-size:clamp(24px,2.5vw,30px);line-height:1.38;font-weight:900;letter-spacing:-.016em}.xgbop-body p{margin:0 0 14px;color:var(--text);font-size:15px;line-height:1.84}.xgbop-keyword-link{color:var(--orange-deep)!important;font-weight:900}.xgbop-answer{margin-top:24px;padding:22px 24px;border:1px solid var(--orange-line);border-left:5px solid var(--orange);border-radius:0 17px 17px 0;background:linear-gradient(135deg,#fff,#fff8f3)}.xgbop-answer>span{display:block;color:var(--orange-deep);font-size:10px;font-weight:900;letter-spacing:.09em}.xgbop-answer h2{margin-top:5px}.xgbop-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:19px 0 21px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.xgbop-flow span{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:7px 11px;border:1px solid #dfdfdb;border-radius:999px;background:#fff;color:#39393e;font-size:11px;font-weight:800}.xgbop-flow b{color:var(--orange)}.xgbop-flow--dark{border-color:#292929;background:#171717}.xgbop-flow--dark span{border-color:#3b3b3b;background:#222;color:#fff}.xgbop-flow--dark b{color:#ff8a47}.xgbop-gate,.xgbop-checklist{margin:19px 0 22px;padding:19px 21px;border:1px solid var(--orange-line);border-radius:15px;background:linear-gradient(135deg,#fff,#fff9f5)}.xgbop-gate strong,.xgbop-checklist>strong{display:block;color:var(--ink)}.xgbop-gate p{margin:6px 0 0}.xgbop-checklist ul{display:grid;gap:7px;margin:13px 0 0;padding-left:20px;font-size:13.5px}.xgbop-steps{display:grid;gap:9px;width:100%;margin:19px 0 22px}.xgbop-steps article{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:start;width:100%;min-width:0;padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:#fff}.xgbop-steps article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,var(--orange),var(--orange-deep));color:#fff;font-size:11px;font-weight:900}.xgbop-steps strong{display:block;color:var(--ink);font-size:15.5px;line-height:1.45}.xgbop-steps p{margin:4px 0 0!important;font-size:13px!important;line-height:1.7!important}.xgbop-faq details{margin-top:9px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff}.xgbop-faq summary{position:relative;cursor:pointer;padding:14px 46px 14px 15px;color:var(--ink);font-size:14px;font-weight:900;list-style:none}.xgbop-faq summary::-webkit-details-marker{display:none}.xgbop-faq summary::after{content:"+";position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--orange);font-size:22px}.xgbop-faq details[open] summary::after{content:"–"}.xgbop-faq details p{margin:0!important;padding:0 15px 15px}.xgbop-conclusion{margin-top:38px;padding:27px 29px;border-radius:19px;color:#fff;background:radial-gradient(circle at 100% 0%,rgba(243,107,33,.28),transparent 35%),linear-gradient(135deg,#121212,#222 58%,#151515)}.xgbop-conclusion>span{display:block;color:#ffaf7f;font-size:9px;font-weight:900;letter-spacing:.09em}.xgbop-conclusion h2{max-width:800px;margin:7px 0 0;color:#fff}.xgbop-conclusion p{max-width:850px;margin-top:11px;color:#e7e7e7;font-size:14px}.xgbop-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.xgbop-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px;padding:0 18px 2px!important;border:1px solid rgba(255,255,255,.36);border-radius:12px;color:#fff!important;background:rgba(255,255,255,.04);font-size:12.5px;font-weight:900}.xgbop-button--primary{border-color:transparent;background:linear-gradient(135deg,#ff7a2c 0%,#f36b21 54%,#c94a0b 100%)}.xgbop-sidebar{min-width:0}.xgbop-sidebar__sticky{position:sticky;top:24px;display:grid;gap:16px}.xgbop-toc,.xgbop-side-cta{padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 10px 30px rgba(17,18,20,.035)}.xgbop-toc__eyebrow,.xgbop-side-cta>span{display:block;margin-bottom:5px;color:var(--orange-deep);font-size:9px;font-weight:900;letter-spacing:.08em}.xgbop-toc__title,.xgbop-side-cta>strong{display:block;margin-bottom:10px;color:var(--ink);font-size:15px;line-height:1.45;font-weight:900}.xgbop-toc a{display:block;padding:9px 0;border-top:1px solid #ededeb;color:#505055;font-size:11.5px;line-height:1.55;font-weight:700}.xgbop-toc a:hover{color:var(--orange-deep)}.xgbop-side-cta p{margin:0;color:#737378;font-size:11.5px;line-height:1.65}.xgbop-side-cta__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.xgbop-side-cta__actions a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;color:#3d3d42;background:#fff;font-size:11px;font-weight:900}.xgbop-side-cta__actions .is-primary{border-color:var(--orange-deep);color:#fff;background:var(--orange-deep)}@media (max-width:1100px){.xgbop-article{width:min(100% - 32px,1040px)}.xgbop-layout{grid-template-columns:minmax(0,1fr) 250px;gap:24px}}@media (max-width:920px){.xgbop-article{width:min(100% - 28px,820px);padding-bottom:64px}.xgbop-layout{grid-template-columns:1fr}.xgbop-sidebar{display:none}.xgbop-hero{margin-top:4px;padding:28px 25px 25px}}@media (max-width:700px){.xgbop-article{width:calc(100% - 24px)}.xgbop-hero{padding:24px 20px 22px;border-radius:16px}.xgbop-hero h1{font-size:30px;line-height:1.27}.xgbop-lead{font-size:14px;line-height:1.78}.xgbop-meta{gap:6px}.xgbop-meta span{min-height:30px;font-size:10.5px}.xgbop-cover__image,.xgbop-image img{border-radius:14px}.xgbop-flow{align-items:stretch;flex-direction:column}.xgbop-flow span{width:100%}.xgbop-flow b{align-self:center;transform:rotate(90deg)}.xgbop-actions{display:grid;grid-template-columns:1fr}.xgbop-button{width:100%;min-height:50px}.xgbop-answer{padding:20px 18px}.xgbop-conclusion{padding:24px 20px}}@media (max-width:420px){.xgbop-article{width:calc(100% - 20px)}.xgbop-hero{padding:22px 17px 20px}.xgbop-hero h1{font-size:27px}.xgbop-body h2{font-size:23px}}