.xgb-article-hub-hero,.xgb-article-hub-hero *,.xgb-knowledge--archive,.xgb-knowledge--archive *{box-sizing: border-box}.xgb-article-hub-hero,.xgb-knowledge--archive{--xgb-orange: #f45100;--xgb-orange-deep: #c23a00;--xgb-orange-hover: #a33000;--xgb-ink: #151515;--xgb-muted: #5f5f64;--xgb-border: #e6e0dc;--xgb-soft: #f7f7f5;--xgb-font: "Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif}.xgb-article-hub-hero{width: 100%;margin: 0;padding: 56px 20px 34px;border-bottom: 1px solid var(--xgb-border);background: radial-gradient(circle at 80% 0%,rgba(244,81,0,.08),transparent 34%),linear-gradient(180deg,#fff 0%,#fffdfc 100%);font-family: var(--xgb-font)}.xgb-article-hub-hero__inner{width: min(1180px,100%);margin: 0 auto}.xgb-article-hub-hero__kicker{display: inline-flex;align-items: center;gap: 9px;margin: 0 0 15px;color: #3a3a3a;font-size: 12px;font-weight: 800;letter-spacing: .08em}.xgb-article-hub-hero__kicker span{width: 9px;height: 9px;border-radius: 50%;background: var(--xgb-orange)}.xgb-article-hub-hero h1{max-width: 1040px;margin: 0;color: var(--xgb-ink);font-size: clamp(34px,4vw,58px);font-weight: 800;line-height: 1.14;letter-spacing: -.02em}.xgb-article-hub-hero p{max-width: 870px;margin: 20px 0 0;color: var(--xgb-muted);font-size: 16px;line-height: 1.85}.xgb-knowledge--archive{margin-top: 0;font-family: var(--xgb-font);background: linear-gradient(180deg,#fff 0%,#fafaf8 100%)}.xgb-knowledge--archive .xgb-knowledge__inner{width: min(1180px,100% - 40px);margin: 0 auto;padding: 34px 0 72px}.xgb-knowledge-archive__meta{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 22px;padding-bottom: 16px;border-bottom: 1px solid var(--xgb-border)}.xgb-knowledge-archive__count{display: flex;align-items: baseline;gap: 8px}.xgb-knowledge-archive__count span{color: var(--xgb-muted);font-size: 13px;font-weight: 700}.xgb-knowledge-archive__count strong{color: var(--xgb-orange-deep);font-size: 20px;font-weight: 800;font-variant-numeric: tabular-nums}.xgb-knowledge-archive__page-status{color: var(--xgb-muted);font-size: 12.5px;font-weight: 700}.xgb-knowledge-archive__grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 20px}.xgb-knowledge--archive .xgb-knowledge__card{display: flex;flex-direction: column;min-width: 0;padding: 9px 9px 0;border: 1px solid rgba(17,17,17,.10);border-radius: 21px;background: #fff;contain: paint}.xgb-knowledge--archive .xgb-knowledge__card:hover{border-color: rgba(244,81,0,.28)}.xgb-knowledge--archive .xgb-knowledge__media{position: relative;display: block;width: 100%;aspect-ratio: 16 / 9;overflow: hidden;border: 1px solid rgba(17,17,17,.08);border-radius: 15px;background: #151517;text-decoration: none}.xgb-knowledge--archive .xgb-knowledge__media img{display: block;width: 100%;height: 100%;max-width: none;object-fit: cover}.xgb-knowledge__media-placeholder{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: #171719;color: #fff;font-size: 21px;font-weight: 800;letter-spacing: .05em}.xgb-knowledge--archive .xgb-knowledge__body{display: flex;flex: 1 1 auto;flex-direction: column;padding: 18px 10px 22px}.xgb-knowledge--archive .xgb-knowledge__category{display: inline-flex;align-items: center;gap: 6px;width: fit-content;min-height: 27px;padding: 0 9px;border: 1px solid rgba(17,17,17,.08);border-radius: 999px;background: #f1f1ef;color: #39393d;font-size: 10px;font-weight: 800;letter-spacing: .035em}.xgb-knowledge--archive .xgb-knowledge__category::before{content: "";flex: 0 0 5px;height: 5px;border-radius: 50%;background: var(--xgb-orange)}.xgb-knowledge-archive__card-title{margin: 12px 0 0;font-size: 19px;font-weight: 800;line-height: 1.46;letter-spacing: -.008em}.xgb-knowledge-archive__card-title a{color: #171719;text-decoration: none}.xgb-knowledge-archive__card-title a:hover{color: var(--xgb-orange-deep)}.xgb-knowledge--archive .xgb-knowledge__body p{margin: 10px 0 0;color: #5c5c61;font-size: 13px;line-height: 1.72}.xgb-knowledge--archive .xgb-knowledge__read{display: inline-flex;align-items: center;gap: 7px;width: fit-content;margin-top: auto;padding-top: 18px;color: #29292d;font-size: 13px;font-weight: 800;text-decoration: none}.xgb-knowledge--archive .xgb-knowledge__read:hover{color: var(--xgb-orange-deep)}.xgb-knowledge--archive .xgb-knowledge__read svg{flex-shrink: 0;width: 16px;height: 16px;color: var(--xgb-orange)}.xgb-knowledge__empty{display: flex;align-items: center;justify-content: center;width: 100%;min-height: 160px;padding: 28px;border: 1px dashed rgba(17,17,17,.20);border-radius: 18px;background: #fff;color: #5f5f64;font-size: 14px;text-align: center}.xgb-knowledge-archive__pagination{margin-top: 34px}.xgb-knowledge-archive__pagination ul{display: flex;flex-wrap: wrap;justify-content: center;gap: 6px;margin: 0;padding: 0;list-style: none}.xgb-knowledge-archive__pagination a,.xgb-knowledge-archive__pagination span{display: inline-flex;align-items: center;justify-content: center;min-width: 42px;min-height: 42px;padding: 0 13px;border: 1px solid var(--xgb-border);border-radius: 11px;background: #fff;color: #3d3d42;font-size: 13px;font-weight: 800;text-decoration: none}.xgb-knowledge-archive__pagination a:hover{border-color: var(--xgb-orange-deep);color: var(--xgb-orange-deep)}.xgb-knowledge-archive__pagination .current{border-color: var(--xgb-orange-deep);background: var(--xgb-orange-deep);color: #fff}.xgb-knowledge-archive__pagination .dots{border-color: transparent;background: transparent}.xgb-knowledge-archive__cta{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 24px;margin-top: 44px;padding: 32px;border-radius: 22px;background: radial-gradient(circle at 94% 6%,rgba(244,81,0,.18),transparent 34%),#171719}.xgb-knowledge-archive__cta > div:first-child{flex: 1 1 340px;min-width: 0}.xgb-knowledge-archive__cta span{display: block;margin-bottom: 8px;color: #ff8a52;font-size: 10px;font-weight: 800;letter-spacing: .1em}.xgb-knowledge-archive__cta h2{margin: 0;color: #fff;font-size: 24px;font-weight: 800;line-height: 1.35;letter-spacing: -.012em}.xgb-knowledge-archive__cta p{margin: 11px 0 0;color: #c9c9cd;font-size: 14px;line-height: 1.75}.xgb-knowledge-archive__cta-actions{display: flex;flex: 0 0 auto;flex-wrap: wrap;gap: 10px}.xgb-knowledge-archive__cta-primary,.xgb-knowledge-archive__cta-secondary{display: inline-flex;align-items: center;justify-content: center;min-height: 48px;padding: 0 20px;border: 1px solid;border-radius: 12px;font-size: 14px;font-weight: 800;text-decoration: none}.xgb-knowledge-archive__cta-primary{border-color: var(--xgb-orange-deep);background: var(--xgb-orange-deep);color: #fff}.xgb-knowledge-archive__cta-primary:hover{border-color: var(--xgb-orange-hover);background: var(--xgb-orange-hover);color: #fff}.xgb-knowledge-archive__cta-secondary{border-color: rgba(255,255,255,.30);background: rgba(255,255,255,.06);color: #fff}.xgb-knowledge-archive__cta-secondary:hover{border-color: #fff;background: rgba(255,255,255,.12);color: #fff}.xgb-article-hub-hero a:focus-visible,.xgb-knowledge--archive a:focus-visible{outline: 3px solid var(--xgb-orange-deep);outline-offset: 3px}.xgb-knowledge-archive__cta a:focus-visible{outline-color: #fff}@media (max-width: 1080px){.xgb-knowledge-archive__grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.xgb-article-hub-hero{padding: 38px 16px 28px}.xgb-article-hub-hero h1{font-size: clamp(30px,9vw,42px);line-height: 1.18}.xgb-article-hub-hero p{margin-top: 16px;font-size: 14px;line-height: 1.75}.xgb-knowledge--archive .xgb-knowledge__inner{width: 100%;padding: 26px 16px 56px}.xgb-knowledge-archive__grid{grid-template-columns: 1fr;gap: 14px}.xgb-knowledge--archive .xgb-knowledge__card{padding: 7px 7px 0;border-radius: 17px}.xgb-knowledge--archive .xgb-knowledge__body{padding: 16px 9px 19px}.xgb-knowledge-archive__card-title{font-size: 18px}.xgb-knowledge-archive__cta{margin-top: 34px;padding: 24px 20px}.xgb-knowledge-archive__cta h2{font-size: 21px}.xgb-knowledge-archive__cta-actions{width: 100%}.xgb-knowledge-archive__cta-primary,.xgb-knowledge-archive__cta-secondary{flex: 1 1 100%}}