/* BuyEverything Premium Article System V3
   Scoped to #article only. Does not affect the hero, footer, category directory,
   primary CTA, SEO metadata, or original article markup. */
:root { --be-article-ink:#102b4b; --be-article-blue:#124d93; --be-article-gold:#bd8a39; }

#article.be-article-section,
#article.be-article-standalone {
  position:relative;
  isolation:isolate;scroll-margin-top:88px;
  padding:46px 0 56px;
  background:linear-gradient(180deg,#f5f8fc 0%,#edf3fa 100%);
}
#article.be-article-section::before,
#article.be-article-standalone::before {
  content:"";pointer-events:none;position:absolute;inset:0;
  background:radial-gradient(ellipse 520px 340px at 95% 0%,rgba(200,219,242,.35),transparent 76%);
  z-index:-1;
}
body.be-standalone-article-page {margin:0;background:#f5f8fc;font-family:"Noto Sans Thai",Tahoma,system-ui,sans-serif;color:#263d57;line-height:1.75;}
#article.be-article-section .container,#article.be-article-standalone .container {width:min(1140px,calc(100% - 40px));margin-inline:auto;}
#article.be-article-standalone .article:not(.be-article--enhanced) {background:#fff;border:1px solid #dce7f4;border-radius:18px;box-shadow:0 14px 36px rgba(22,52,94,.06);padding:clamp(22px,3.5vw,42px);}
#article.be-article-standalone .article:not(.be-article--enhanced) h1 {font-size:clamp(23px,3vw,34px);line-height:1.35;color:#12375f;}
#article.be-article-standalone .article:not(.be-article--enhanced) h2 {font-size:clamp(19px,2vw,24px);line-height:1.4;color:#12375f;}
#article article.article.be-article--enhanced,
#article.be-article-standalone article.article.be-article--enhanced {
  display:block;padding:0 !important;border:0 !important;background:transparent !important;
  border-radius:0 !important;box-shadow:none !important;max-width:none !important;
}
#article .be-article__surface {width:100%; min-width:0; font-family:"Noto Sans Thai",Tahoma,system-ui,sans-serif;color:var(--be-article-ink);line-height:1.68;}
#article .be-article__surface *{box-sizing:border-box;}
#article .be-article__header {
  position:relative;overflow:hidden;
  padding:clamp(22px,3.25vw,38px) clamp(22px,3.5vw,42px) 23px;
  border-radius:22px;
  background:linear-gradient(117deg,#0b2140 0%,#112f56 68%,#153e6f 100%);
  box-shadow:0 18px 38px rgba(14,44,87,.12);
  color:#f6faff;
}
#article .be-article__header::before {
  content:"";position:absolute;top:0;bottom:0;left:0;width:4px;
  background:linear-gradient(#f3cb83,#b98531);
}
#article .be-article__header::after {
  content:"";position:absolute;right:-80px;top:-140px;width:280px;height:280px;
  border:1px solid rgba(255,255,255,.095);border-radius:50%;pointer-events:none;
  box-shadow:0 0 0 50px rgba(255,255,255,.017),0 0 0 110px rgba(255,255,255,.013);
}
#article .be-article__kicker {display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:1.55px;font-size:10.5px;color:#f2cb85;line-height:1.4;margin-bottom:12px;}
#article .be-article__kicker-mark {display:block;width:19px;height:2px;background:#e4b665;}
#article .be-article__intro {position:relative;z-index:1;max-width:985px;}
#article .be-article__intro h1,
#article .be-article__intro h2 {
  color:#fff !important;letter-spacing:-.45px !important;font-size:clamp(23px,3.1vw,36px) !important;
  font-weight:850 !important;line-height:1.33 !important;margin:0 0 15px !important;
  max-width:970px;text-wrap:pretty;
}
#article .be-article__intro p,
#article .be-article__intro li {font-size:15px !important;line-height:1.86 !important;margin:0 0 10px !important;color:#d7e4f4 !important;font-weight:400 !important;max-width:990px;}
#article .be-article__intro strong {color:#fff;}
#article .be-article__intro hr {display:none;}
#article .be-article__intro > :last-child {margin-bottom:0 !important;}
#article .be-article__intro-more {position:relative;z-index:1;margin-top:11px;max-width:990px;}
#article .be-article__intro-more summary {color:#efd39e;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:8px;padding:4px 0;font-weight:700;}
#article .be-article__intro-more summary:hover {color:#fff;}
#article .be-article__intro-extra {margin-top:8px;padding:12px 16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;}
#article .be-article__intro-extra .article-highlight {background:transparent;box-shadow:none;border:0;padding:0;margin:0;}
#article .be-article__intro-extra h2 {font-size:15px !important;color:#fff!important;margin:0 0 6px!important;}
#article .be-article__intro-extra p {font-size:14px!important;color:#d7e4f4!important;line-height:1.65;}
#article .be-article__statline {display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative;z-index:1;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.17);color:#aebfd7;font-size:12px;}
#article .be-article__statline-badge {background:rgba(232,191,114,.16);border:1px solid rgba(232,191,114,.32);color:#f4d799;border-radius:7px;padding:4px 10px;white-space:nowrap;font-weight:800;}
#article .be-article__controls {display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin:25px 2px 12px;}
#article .be-article__controls-label{display:grid;gap:3px;}
#article .be-article__overline{color:var(--be-article-blue);font-size:10px;font-weight:900;letter-spacing:1.4px;}
#article .be-article__controls h3{margin:0 !important;color:var(--be-article-ink) !important;font-size:22px !important;letter-spacing:-.3px;font-weight:850;line-height:1.36;}
#article .be-article__actions{display:flex;gap:7px;flex-wrap:wrap;}
#article .be-article__button {display:inline-flex;justify-content:center;align-items:center;min-height:36px;cursor:pointer;padding:6px 13px;border-radius:9px;border:1px solid #d4deec;background:#fff;color:#254569;font:inherit;font-size:12px;font-weight:800;transition:background .18s ease,transform .18s ease;}
#article .be-article__button--solid {background:#173b68;border-color:#173b68;color:#fff;}
#article .be-article__button:hover{background:#e9eff7;transform:translateY(-1px);}
#article .be-article__button--solid:hover{background:#0b2d56;color:#fff;}
#article .be-article__button:focus-visible,#article summary:focus-visible{outline:3px solid #d8a34f;outline-offset:3px;}
#article .be-article__status {font-size:12px;font-weight:700;color:#64788e;margin-left:auto;white-space:nowrap;padding-top:4px;}
#article .be-article__grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;}
#article .be-article__chapter {
  background:#fff;border:1px solid #dde6f1;border-radius:12px;
  box-shadow:0 4px 12px rgba(20,57,99,.035);
  min-width:0;overflow:visible;transition:border-color .2s ease,box-shadow .2s ease;
}
#article .be-article__chapter[open]{grid-column:1/-1;border-color:#c6d6e9;box-shadow:0 11px 24px rgba(16,48,88,.07);}
#article .be-article__chapter:hover {border-color:#c1d4ec;}
#article .be-article__summary {display:flex;align-items:center;gap:13px;min-height:66px;padding:12px 14px;cursor:pointer;list-style:none;user-select:none;}
#article .be-article__summary::-webkit-details-marker{display:none;}
#article .be-article__summary::marker{content:"";}
#article .be-article__number{flex:0 0 31px;height:31px;display:grid;place-items:center;border:1px solid #d9e5f2;background:#f4f8fd;border-radius:8px;color:#47729d;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums;}
#article .be-article__chapter[open] .be-article__number {background:#133b6b;border-color:#133b6b;color:#fff;}
#article .be-article__chapter-heading{flex:1;min-width:0;margin:0!important;color:#17365c!important;font-size:clamp(14px,1.25vw,16px)!important;line-height:1.48!important;font-weight:850!important;letter-spacing:0!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-width:none!important;}
#article .be-article__chapter[open] .be-article__chapter-heading{-webkit-line-clamp:unset;display:block;overflow:visible;}
#article .be-article__summary-action{display:flex;align-items:center;gap:5px;flex:0 0 auto;color:#6c849d;font-size:11px;font-weight:800;white-space:nowrap;}
#article .be-article__summary-action svg{width:16px;height:16px;transition:transform .2s ease;}
#article .be-article__chapter[open] .be-article__summary-action svg{transform:rotate(180deg);}
#article .be-article__chapter[open] .be-article__summary {border-bottom:1px solid #e8edf5;background:linear-gradient(90deg,#fcfdff,#f8fbff);border-radius:12px 12px 0 0;}
#article .be-article__chapter-body{padding:16px clamp(17px,3vw,30px) 21px;max-width:none;overflow-wrap:anywhere;color:#31465f;}
#article .be-article__chapter-body p,#article .be-article__chapter-body li{font-size:15.5px!important;line-height:1.85!important;font-weight:400;color:#3b4d64!important;letter-spacing:0;}
#article .be-article__chapter-body p{margin:0 0 13px!important;}
#article .be-article__chapter-body p:last-child{margin-bottom:0!important;}
#article .be-article__chapter-body h3{color:#173a68!important;font-size:18px!important;line-height:1.4!important;margin:22px 0 9px!important;font-weight:850!important;}
#article .be-article__chapter-body h4{color:#19385f!important;font-size:16px!important;margin:16px 0 8px!important;}
#article .be-article__chapter-body strong{font-weight:800;color:#173a68;}
#article .be-article__chapter-body a{color:#0e5eaf;text-underline-offset:3px;text-decoration:underline;text-decoration-color:#b5cce7;}
#article .be-article__chapter-body a:hover{text-decoration-color:currentColor;}
#article .be-article__chapter-body img{height:auto;max-width:100%;border-radius:12px;}
#article .be-article__chapter-body ul,#article .be-article__chapter-body ol{margin:8px 0 15px;padding-left:25px;}
#article .be-article__chapter-body li{margin:0 0 6px;padding-left:3px;}
#article .be-article__chapter-body li::marker{color:#6c97c6;}
#article .be-article__chapter-body hr{height:1px;border:0;background:#e7eef6;margin:18px 0;}
#article .be-article__chapter-body blockquote{margin:15px 0;padding:13px 17px;background:#f3f8fe;border-left:3px solid #6996c8;border-radius:0 9px 9px 0;}
#article .be-article__chapter-body table{width:100%;border-collapse:collapse;font-size:14px;}
#article .be-article__chapter-body th,#article .be-article__chapter-body td{border:1px solid #dbe5f1;padding:10px;text-align:left;}
#article .be-article__chapter-body .lsi-grid{display:flex!important;flex-wrap:wrap;gap:6px;padding:0;margin:10px 0!important;list-style:none;}
#article .be-article__chapter-body .lsi-grid li{font-size:12px!important;font-weight:650!important;padding:6px 10px;border-radius:7px;background:#f4f8fc;border:1px solid #dce6f1;box-shadow:none;margin:0;color:#284969!important;}
#article .be-article__endnote{display:flex;align-items:center;gap:12px;margin:20px 5px 0;color:#68809b;font-size:12px;line-height:1.5;}
#article .be-article__endnote-line{width:24px;height:1px;flex:0 0 24px;background:#ba8d48;}
#article .be-article__related{padding:12px 16px;background:#fff;border:1px solid #dfe8f4;border-radius:12px;margin-top:10px;}
#article .be-article__related summary{cursor:pointer;color:#264a73;font-size:13px;font-weight:850;}
#article .be-article__related .lsi-grid{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:12px 0 0;margin:0;}
#article .be-article__related li{margin:0;padding:5px 9px;border:1px solid #dfe8f4;background:#f6f9fc;border-radius:8px;font-size:12px;box-shadow:none;}

/* Native accordions need no JavaScript for opening once the enhancement has run.
   The untouched legacy article remains visible/readable if JS is disabled. */
#article:not(.be-article-section) .article{max-width:1140px;margin-inline:auto;}

@media(max-width:760px){
  #article.be-article-section,#article.be-article-standalone{padding:30px 0 38px;}
  #article.be-article-section .container,#article.be-article-standalone .container{width:min(100% - 28px,1140px);}
  #article .be-article__header{border-radius:17px;padding:22px 20px 18px;}
  #article .be-article__intro h1,#article .be-article__intro h2{font-size:clamp(21px,5.2vw,28px)!important;}
  #article .be-article__intro p{font-size:14px!important;line-height:1.75!important;}
  #article .be-article__statline{gap:8px;margin-top:15px;padding-top:12px;}
  #article .be-article__controls{align-items:start;margin:22px 1px 12px;}
  #article .be-article__controls h3{font-size:19px!important;}
  #article .be-article__grid{grid-template-columns:1fr;gap:8px;}
  #article .be-article__chapter[open]{grid-column:auto;}
  #article .be-article__summary{min-height:61px;padding:11px 12px;gap:10px;}
  #article .be-article__chapter-heading{font-size:14.5px!important;}
  #article .be-article__number{flex-basis:29px;height:29px;font-size:11px;}
  #article .be-article__summary-action-text{display:none;}
  #article .be-article__chapter-body{padding:15px 17px 19px;}
  #article .be-article__chapter-body p,#article .be-article__chapter-body li{font-size:14.5px!important;line-height:1.78!important;}
  #article .be-article__button{min-height:34px;padding:6px 10px;font-size:11px;}
  #article .be-article__status{margin:0;width:100%;font-size:11px;}
  #article .be-article__endnote{font-size:11px;}
}
@media(prefers-reduced-motion:reduce){
  #article .be-article__button,#article .be-article__chapter,
  #article .be-article__summary-action svg{transition:none!important;}
}

/* V4: subtle inline contextual links. No banners/chips or keyword clouds. */
#article .be-article__selflink {
  margin-block: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #405a77;
  font-size: 0.94em;
  line-height: 1.8;
}
#article .be-article__selflink-anchor {
  font-weight: 800;
  color: #174e86;
  text-decoration: underline;
  text-decoration-color: rgba(189,138,57,.48);
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  overflow-wrap: anywhere;
  transition: color .2s ease, text-decoration-color .2s ease;
}
#article .be-article__selflink-anchor:hover,
#article .be-article__selflink-anchor:focus-visible {
  color: #0e3662;
  text-decoration-color: #bd8a39;
  text-decoration-thickness: 2px;
}
#article .be-article__selflink-anchor:focus-visible {
  outline: 2px solid #bd8a39;
  outline-offset: 3px;
  border-radius: 2px;
}
@media (prefers-reduced-motion: reduce) {
  #article .be-article__selflink-anchor { transition: none; }
}