/*
Theme Name: HL Theme
Theme URI: https://www.healthleadgroup.com/
Author: HL_Web Code lane
Description: Healthlead corporate + IR block theme. Design SSOT = design/HL_Web_Design_Tokens_v1.1_2026-09-04.md → theme.json. DEC-HLW-11/19/21/23/24/25/26/27.
Version: 0.1.0-w2-1
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hl-theme
*/

/* กติกา (tokens §9 ข้อ 5): ไฟล์นี้ห้ามมีค่าดิบ (hex สี / px ขนาดฟอนต์ / ชื่อ font-family) —
   ทุกค่าอ้าง var(--wp--preset--…) หรือ var(--wp--custom--…) จาก theme.json เท่านั้น
   ประตู: tests/check_css_no_raw_values.py */

/* ---- ฟอนต์ (DEC-HLW-27 · tokens §2.3): ห้ามปลอมน้ำหนัก ---- */
html, body {
  font-synthesis: var(--wp--custom--typography--font-synthesis);
}

/* ---- การตัดคำไทย (tokens §2.6) ---- */
:root[lang="th"] body,
[lang="th"] {
  line-break: var(--wp--custom--typography--thai--line-break);
  overflow-wrap: var(--wp--custom--typography--thai--overflow-wrap);
  hyphens: var(--wp--custom--typography--thai--hyphens);
}
[lang="en"] h1, [lang="en"] h2, [lang="en"] h3 { text-wrap: balance; }
/* Train 1 A4 (P4 · reviewer #1): the same wrapping everywhere - no block may set its own line-break/hyphens; paragraphs, leads and card text avoid a one-word last line (text-wrap: pretty = Chrome 117+, ignored elsewhere) */
p, .hl-lead, .hl-prose, .hl-newscard__t, .hl-card p, .hl-hero__lead, li { line-break: var(--wp--custom--typography--thai--line-break); overflow-wrap: var(--wp--custom--typography--thai--overflow-wrap); hyphens: var(--wp--custom--typography--thai--hyphens); }
p, .hl-lead, .hl-prose p, .hl-newscard__t, .hl-card p { text-wrap: pretty; }
.hl-nowrap { white-space: nowrap; } /* "เฮลท์ลีด" */
h1, h2, h3, h4 { overflow: visible; } /* ห้าม overflow:hidden บนบล็อกหัวเรื่อง */

/* ---- ตัวเลขการเงิน (tokens §2.4) ---- */
.hl-num, .hl-stat, .hl-table-num, table.hl-ir-table td.num {
  font-variant-numeric: var(--wp--custom--typography--numeric);
}
.hl-stat {
  font-size: var(--wp--preset--font-size--stat);
  line-height: var(--wp--custom--typography--line-height--stat);
  font-weight: var(--wp--custom--typography--font-weight--heading);
}
table.hl-ir-table td.num {
  font-size: var(--wp--preset--font-size--table);
  line-height: var(--wp--custom--typography--line-height--table);
  text-align: right;
}

/* ---- Focus (tokens §3) ---- */
:focus-visible {
  outline: var(--wp--custom--focus--outline);
  outline-offset: var(--wp--custom--focus--outline-offset);
  box-shadow: var(--wp--custom--focus--box-shadow);
}
.hl-on-dark :focus-visible,
.wp-block-button__link:focus-visible {
  outline-color: var(--wp--custom--focus--on-dark-outline-color);
}

/* ---- Footer (DEC-HLW-24 ข้อ 2 · tokens §1.4) — พื้นเดียว ไม่ใช้ gradient ---- */
.hl-footer {
  background: var(--wp--preset--color--footer-bg);
  color: var(--wp--preset--color--footer-text-secondary);
  padding-top: var(--wp--custom--section--footer-padding-top);
}
.hl-footer h2, .hl-footer h3, .hl-footer .hl-footer__brand { color: var(--wp--preset--color--footer-text-primary); }
.hl-footer a { color: var(--wp--preset--color--footer-text-secondary); }
.hl-footer a:hover, .hl-footer a:focus-visible {
  color: var(--wp--preset--color--footer-text-primary);
  text-decoration: underline; /* ไม่พึ่งสีอย่างเดียว */
}
.hl-footer__divider { border-top: 1px solid var(--wp--preset--color--footer-divider); }
.hl-footer__copyright { font-size: var(--wp--preset--font-size--caption); line-height: var(--wp--custom--typography--line-height--caption); }

/* ---- Motion (tokens §3) ---- */
.hl-card { transition: box-shadow var(--wp--custom--motion--card), transform var(--wp--custom--motion--card); border-radius: var(--wp--custom--radius--card); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}

/* ---- Mobile line-height overrides (tokens §2.2 คอลัมน์ mobile) ---- */
@media (max-width: 767px) {
  h1 { line-height: var(--wp--custom--typography--line-height--h-1-mobile); }
  h2 { line-height: var(--wp--custom--typography--line-height--h-2-mobile); }
  h3 { line-height: var(--wp--custom--typography--line-height--h-3-mobile); }
  h4 { line-height: var(--wp--custom--typography--line-height--h-4-mobile); }
  .hl-cta-pair { flex-direction: column; gap: var(--wp--preset--spacing--12); } /* CTA คู่ stack <480 — tokens §8 */
}

/* ===== W2-2 templates (canvas 171e3c83 · tokens v1.1.1) — ทุกค่าอ้าง theme.json ===== */
:root{--hl-gap:var(--wp--preset--spacing--40, 1.5rem)}
.hl-container{max-width:var(--wp--style--global--wide-size,1280px);margin-inline:auto;padding-inline:var(--wp--preset--spacing--40, 1.5rem)}
@media (max-width:767px){.hl-container{padding-inline:var(--wp--custom--grid--gutter-mobile)}} /* DEC-HLW-242 (ADD4 11 Oct): mobile side gutter 20 on every page (canvas d236) · gate R-GUTTER */
.hl-section{padding-block:var(--wp--preset--spacing--70, 4rem)}
.hl-section--wash{background:var(--wp--preset--color--n-50)}
.hl-section__head{margin-bottom:var(--wp--preset--spacing--50, 2rem)}
.hl-section__head--row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--hl-gap);flex-wrap:wrap}
.hl-eyebrow{display:block;font-size:var(--wp--preset--font-size--caption);letter-spacing:var(--wp--custom--typography--letter-spacing--eyebrow);text-transform:uppercase;color:var(--wp--preset--color--brand-70);font-weight:var(--wp--custom--typography--font-weight--ui);margin-bottom:.5rem}
.hl-kicker{font-size:var(--wp--preset--font-size--caption);color:var(--wp--preset--color--brand-70);font-weight:var(--wp--custom--typography--font-weight--ui)}
.hl-h1{font-size:var(--wp--preset--font-size--h-1);line-height:var(--wp--custom--typography--line-height--h-1);color:var(--wp--preset--color--brand-100);margin:0 0 .5rem}
.hl-h2{font-size:var(--wp--preset--font-size--h-2);line-height:var(--wp--custom--typography--line-height--h-2);color:var(--wp--preset--color--brand-100);margin:0}
.hl-h3{font-size:var(--wp--preset--font-size--h-3);line-height:var(--wp--custom--typography--line-height--h-3);color:var(--wp--preset--color--brand-100);margin:0}
.hl-h4{font-size:var(--wp--preset--font-size--h-4);line-height:var(--wp--custom--typography--line-height--h-4);color:var(--wp--preset--color--brand-100);margin:0 0 .5rem}
.hl-lead{font-size:var(--wp--preset--font-size--lead);line-height:var(--wp--custom--typography--line-height--lead);color:var(--wp--preset--color--n-700)}
.hl-muted{color:var(--wp--preset--color--n-500);font-size:var(--wp--preset--font-size--small)}
.hl-link{color:var(--wp--preset--color--brand-100);font-weight:var(--wp--custom--typography--font-weight--ui);text-decoration:none}
.hl-link:hover,.hl-link:focus-visible{color:var(--wp--preset--color--brand-80);text-decoration:underline}
.hl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.25rem;border-radius:var(--wp--custom--radius--button);font-weight:var(--wp--custom--typography--font-weight--ui);font-size:var(--wp--preset--font-size--ui);text-decoration:none;border:1px solid transparent;transition:background var(--wp--custom--motion--card),color var(--wp--custom--motion--card)}
.hl-btn--primary{background:var(--wp--preset--color--brand-100);color:var(--wp--preset--color--n-0)}
.hl-btn--primary:hover{background:var(--wp--preset--color--brand-80);color:var(--wp--preset--color--n-0)}
.hl-btn--secondary{background:var(--wp--preset--color--n-0);color:var(--wp--preset--color--brand-100);border-color:var(--wp--preset--color--brand-40)}
.hl-btn--secondary:hover{border-color:var(--wp--preset--color--brand-100)}
.hl-btn--sm{min-height:40px;padding:0 .9rem;font-size:var(--wp--preset--font-size--small)}
.hl-card{background:var(--wp--preset--color--n-0);border:var(--wp--custom--elevation--e-0);border-radius:var(--wp--custom--radius--card);padding:var(--hl-gap)}
.hl-badge{display:inline-block;border-radius:var(--wp--custom--radius--chip);padding:.15rem .6rem;font-size:var(--wp--preset--font-size--caption);font-weight:var(--wp--custom--typography--font-weight--ui)}
.hl-badge--warn{background:var(--wp--preset--color--warning-bg);color:var(--wp--preset--color--warning-text)}
.hl-badge--muted{background:var(--wp--preset--color--n-100);color:var(--wp--preset--color--n-600);margin-left:.5rem;vertical-align:middle}
/* header */
.hl-header{position:sticky;top:0;z-index:50;background:var(--wp--preset--color--n-0);border-bottom:var(--wp--custom--elevation--e-0)}
.hl-header__inner{max-width:var(--wp--style--global--wide-size,1280px);margin-inline:auto;padding:.75rem var(--wp--preset--spacing--40, 1.5rem);display:flex;align-items:center;gap:var(--hl-gap);min-height:72px}
.hl-logo{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--wp--preset--color--brand-100)}
.hl-logo__mark rect{fill:var(--wp--preset--color--brand-100)}.hl-logo__mark path{fill:var(--wp--preset--color--n-0)}
.hl-logo__text{display:flex;flex-direction:column;line-height:1.1}
.hl-logo__img{display:block;height:48px;width:auto;flex:none} /* DEC-HLW-117 board B: logo 48px (>=768) / 36px (<768), width by ratio */
/* DEC-HLW-117: header 80px (>=768) / 64px (<768) all included · clear space around the logo box >= 16px / 12px on all 4 sides (R-HDR) */
.hl-header{box-sizing:border-box;height:80px;border-bottom:0;box-shadow:inset 0 -1px 0 var(--wp--preset--color--n-200)}.hl-header__inner{box-sizing:border-box;height:80px;min-height:0;padding-block:0}.hl-logo{margin-inline-end:16px}
@media (max-width:767px){.hl-logo__img{height:36px}.hl-header,.hl-header__inner{height:64px}.hl-logo{margin-inline-end:12px}}
.hl-logo__name{font-weight:var(--wp--custom--typography--font-weight--heading);letter-spacing:var(--wp--custom--typography--letter-spacing--caption-en-uppercase)}
.hl-logo__note{font-size:var(--wp--preset--font-size--caption);color:var(--wp--preset--color--n-500);font-weight:var(--wp--custom--typography--font-weight--body)}
.hl-nav{margin-left:auto}
.hl-nav__list{list-style:none;margin:0;padding:0;display:flex;gap:.25rem}
.hl-nav__item{position:relative}
.hl-nav__link{display:inline-flex;align-items:center;min-height:44px;padding:0 .8rem;color:var(--wp--preset--color--n-700);text-decoration:none;font-weight:var(--wp--custom--typography--font-weight--emphasis);border-radius:var(--wp--custom--radius--button)}
.hl-nav__link:hover,.hl-nav__item.is-open>.hl-nav__link{color:var(--wp--preset--color--brand-100);background:var(--wp--preset--color--n-50)}
.hl-mega{display:none;position:absolute;left:0;top:100%;min-width:280px;background:var(--wp--preset--color--n-0);border:var(--wp--custom--elevation--e-0);border-radius:var(--wp--custom--radius--card);border-color:var(--wp--preset--color--brand-40);padding:var(--hl-gap);z-index:60}
.hl-nav__item.is-open>.hl-mega{display:block}
.hl-mega__list{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}
.hl-mega__list a{display:block;padding:.4rem .5rem;color:var(--wp--preset--color--n-700);text-decoration:none;border-radius:var(--wp--custom--radius--button)}
.hl-mega__list a:hover{background:var(--wp--preset--color--n-50);color:var(--wp--preset--color--brand-100)}
.hl-mega__bar{margin-top:var(--hl-gap);padding-top:.75rem;border-top:var(--wp--custom--elevation--e-0);display:flex;justify-content:space-between;gap:1rem;font-size:var(--wp--preset--font-size--small);white-space:nowrap}
.hl-mega__bar small{color:var(--wp--preset--color--n-500)}
.hl-header__actions{display:flex;align-items:center;gap:.75rem}
.hl-header__actions--mobile{display:none}
.hl-lang{color:var(--wp--preset--color--brand-100);font-weight:var(--wp--custom--typography--font-weight--ui);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;padding:0 .5rem}
.hl-burger{display:none;background:none;border:0;color:var(--wp--preset--color--brand-100);width:44px;height:44px;margin-left:auto;border-radius:var(--wp--custom--radius--button)}
/* Train 2 W2 (canvas d236 B1 · DEC-HLW-199/200 drafts): top menu = name link + arrow button · panel 2 sizes (wide = groups under the header,
   narrow = a short list) · one-page menus have no arrow · mobile (< 1024) = the same DOM as an accordion, one menu open at a time */
.hl-nav__row{display:flex;align-items:center}
.hl-nav__item--wide{position:static}
.hl-nav__chev{display:inline-flex;align-items:center;justify-content:center;width:24px;height:44px;padding:0;border:0;background:none;color:var(--wp--preset--color--n-500);border-radius:var(--wp--custom--radius--button);cursor:pointer}
.hl-nav__chev svg{transition:transform .15s}
.hl-nav__item.is-open .hl-nav__chev{color:var(--wp--preset--color--brand-100)}.hl-nav__item.is-open .hl-nav__chev svg{transform:rotate(180deg)}
.hl-nav__link{padding:0 .25rem 0 .8rem}.hl-nav__item--none .hl-nav__link{padding-right:.8rem}
.hl-mega--narrow{min-width:300px;padding:.5rem}
.hl-mega--wide{left:0;right:0;top:100%;border-radius:0;border-left:0;border-right:0;padding:var(--wp--preset--spacing--50, 2rem) var(--wp--preset--spacing--40, 1.5rem)}
.hl-mega--wide .hl-mega__cols{max-width:var(--wp--style--global--wide-size,1280px);margin-inline:auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--wp--preset--spacing--40, 1.5rem)}
.hl-mega__h{display:block;padding-bottom:.75rem;border-bottom:2px solid var(--wp--preset--color--brand-20);font-weight:var(--wp--custom--typography--font-weight--heading);color:var(--wp--preset--color--brand-100);text-decoration:none}
.hl-mega--wide .hl-mega__list{margin-top:.5rem}
.hl-mega--wide .hl-mega__bar{max-width:var(--wp--style--global--wide-size,1280px);margin-inline:auto}
.hl-mega__event{margin-top:1rem;background:var(--wp--preset--color--n-50);border:var(--wp--custom--elevation--e-0);border-radius:var(--wp--custom--radius--card);padding:1rem 1.25rem}
.hl-mega__kicker{font-size:var(--wp--preset--font-size--caption);color:var(--wp--preset--color--n-600)}
.hl-mega__etitle{margin:.25rem 0 0;font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--n-800)}
.hl-mega__emeta{margin:.125rem 0 0;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--n-600)}
.hl-mega__event a{display:inline-block;margin-top:.5rem;font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-100);text-decoration:none}
.hl-n{display:none}
@media (max-width:767px){.hl-w{display:none}.hl-n{display:inline}}
@media (min-width:1024px){ /* Train 2 W2 - desktop look = canvas d236 B1 (IR / Pharmacy boards): open name bold + 3px bar · wide panel shadow + scrim · narrow panel card · items flush · IR bar */
  .hl-nav__row{position:relative;min-height:80px;gap:2px}
  .hl-nav__link,.hl-nav__link:hover,.hl-nav__item.is-open .hl-nav__link{background:none}
  .hl-nav__item.is-open .hl-nav__link{color:var(--wp--preset--color--brand-100);font-weight:var(--wp--custom--typography--font-weight--heading)}
  .hl-nav__item.is-open .hl-nav__row::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--wp--preset--color--brand-100);border-radius:2px}
  .hl-mega{z-index:2}
  .hl-mega--narrow{left:-20px;width:300px;min-width:0;padding:8px;border:var(--wp--custom--elevation--e-0);border-radius:var(--wp--custom--radius--card);box-shadow:var(--wp--preset--shadow--e-3)}
  .hl-mega--narrow .hl-mega__list{gap:0}
  .hl-mega--narrow .hl-mega__list a{display:flex;align-items:center;min-height:44px;padding:8px 12px}
  .hl-mega--wide{padding:40px 0 0;border:0;border-bottom:var(--wp--custom--elevation--e-0);box-shadow:0 24px 56px -20px color-mix(in srgb,var(--wp--preset--color--brand-100) 24%,transparent)}
  .hl-mega--wide .hl-mega__cols{max-width:calc(var(--wp--style--global--wide-size,1280px) + 3rem);padding-inline:1.5rem;box-sizing:border-box;gap:36px}
  .hl-mega--wide .hl-mega__list{margin-top:8px;gap:0}
  .hl-mega--wide .hl-mega__list a{padding:8px 0;border-radius:0}
  .hl-mega--wide .hl-mega__list a:hover{background:none;text-decoration:underline}
  .hl-mega--wide .hl-mega__bar{max-width:none;margin:40px 0 0;padding:14px max(1.5rem,calc((100% - var(--wp--style--global--wide-size,1280px)) / 2));background:var(--wp--preset--color--n-25);border-top:var(--wp--custom--elevation--e-0);align-items:center}
  .hl-mega--wide:not(:has(.hl-mega__bar)){padding-bottom:40px}
  .hl-mega__bar>a{display:inline-flex;align-items:center;gap:8px;font-size:var(--wp--preset--font-size--body,1rem);font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-100);text-decoration:none}
  .hl-mega__bar>a svg{flex:none;color:var(--wp--preset--color--brand-70)}
  .hl-nav__item--wide.is-open::after{content:"";position:fixed;left:0;right:0;top:80px;bottom:0;background:color-mix(in srgb,var(--wp--preset--color--n-900) 32%,transparent);pointer-events:none;z-index:1}
}
@media (min-width:1024px) and (max-width:1199px){ /* ADD8 (12 Oct · R-WIDTH cloud red F2/G2): at exactly 1024 the EN top menu + "Contact Us" stuck out 7px with the cloud's wider Latin fallback font (Windows was green) - this band only: tighter gaps/padding, menu words = token small 14px (R3 H1: no raw font-size, R1 004) · same DOM · breakpoint 1024 unchanged (canvas d236 B1) */
  .hl-header__inner{gap:.5rem}
  .hl-nav__list{gap:0}.hl-nav__row{gap:0}
  .hl-nav__link{padding:0 .1rem 0 .5rem;font-size:var(--wp--preset--font-size--small)}.hl-nav__item--none .hl-nav__link{padding-right:.5rem}
  .hl-nav__chev{width:20px}
  .hl-header__actions{gap:.5rem}.hl-lang{padding:0 .35rem}.hl-header__contact{padding-inline:.75rem}
}
@media (max-width:1023px){
  .hl-nav__row{min-height:56px;border-bottom:var(--wp--custom--elevation--e-0)}
  .hl-nav__row .hl-nav__link{flex:1 1 0;width:auto;padding:0}
  .hl-nav__chev{width:44px;height:44px}
  .hl-mega--wide,.hl-mega--narrow{padding:0 0 1rem;border:0;box-shadow:none;min-width:0}
  .hl-mega--wide .hl-mega__cols{display:block}
  .hl-mega__h{padding:.75rem 0 .125rem;border-bottom:0;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--brand-80)}
  .hl-mega__list a{min-height:44px;display:flex;align-items:center;padding-left:.75rem}
  .hl-mega--wide .hl-mega__bar{flex-direction:column;white-space:normal;gap:.5rem}
}
/* hero A */
.hl-hero--a{background:var(--wp--preset--color--hero-wash);padding-block:var(--wp--preset--spacing--70, 4rem)}
.hl-hero__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--wp--preset--spacing--60, 3rem);align-items:center}
.hl-hero__h1{font-size:var(--wp--preset--font-size--display);line-height:var(--wp--custom--typography--line-height--display);color:var(--wp--preset--color--brand-100);margin:0 0 1rem}
.hl-hero__accent{display:block;color:var(--wp--preset--color--brand-70)}
.hl-hero__lead{font-size:var(--wp--preset--font-size--lead);line-height:var(--wp--custom--typography--line-height--lead);color:var(--wp--preset--color--n-700);max-width:36em}
.hl-hero__cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}
.hl-hero__media{position:relative;padding-bottom:2.5rem}
.hl-hero__img{aspect-ratio:3/2;border-radius:var(--wp--custom--radius--media);overflow:hidden;position:relative;background:var(--wp--preset--color--brand-20)}
.hl-duo-bg{fill:var(--wp--preset--color--brand-20)}.hl-duo-1{fill:var(--wp--preset--color--brand-40)}.hl-duo-2{fill:var(--wp--preset--color--brand-100);opacity:.85}
.hl-hero__imgnote{position:absolute;left:.75rem;top:.75rem;background:var(--wp--preset--color--n-0);color:var(--wp--preset--color--n-600);font-size:var(--wp--preset--font-size--caption);padding:.2rem .6rem;border-radius:var(--wp--custom--radius--chip)}
.hl-stock{position:absolute;right:-1rem;bottom:-2.5rem;min-width:260px;max-width:60%;border-color:var(--wp--preset--color--brand-40)}
.hl-stock--lg{position:static;min-width:0}
.hl-stock__head{display:flex;justify-content:space-between;margin-bottom:.5rem}
.hl-stock__row{display:flex;align-items:baseline;gap:.75rem}
.hl-stock__chg{color:var(--wp--preset--color--flat);font-weight:var(--wp--custom--typography--font-weight--ui)}
.hl-stock__chg.is-up{color:var(--wp--preset--color--up)}.hl-stock__chg.is-down{color:var(--wp--preset--color--down)}
.hl-stock__delay{margin:.5rem 0 0;font-size:var(--wp--preset--font-size--caption);color:var(--wp--preset--color--n-500)}
.hl-stock__note{margin:.25rem 0 0}
/* cards */
.hl-cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--hl-gap)}
.hl-cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--hl-gap)}
.hl-card__logo{height:64px;display:flex;align-items:center;justify-content:center;background:var(--wp--preset--color--n-50);border-radius:var(--wp--custom--radius--button);color:var(--wp--preset--color--n-500);font-size:var(--wp--preset--font-size--caption);margin-bottom:1rem}
.hl-card__title{margin-bottom:.5rem}
.hl-ir-home__grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--hl-gap)}
.hl-ir-home__grid--no-event{grid-template-columns:1fr}
.hl-quicklinks{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--hl-gap)}
.hl-quicklinks--4{grid-template-columns:repeat(4,1fr);margin-block:var(--hl-gap)}
.hl-quicklink{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;color:var(--wp--preset--color--brand-100)}
.hl-quicklink:hover{border-color:var(--wp--preset--color--brand-40)}
.hl-quicklink__t{font-weight:var(--wp--custom--typography--font-weight--ui);font-size:var(--wp--preset--font-size--h-4)}
.hl-quicklink__m{color:var(--wp--preset--color--n-500);font-size:var(--wp--preset--font-size--small)}
.hl-event{background:var(--wp--preset--color--brand-20);border-color:var(--wp--preset--color--brand-40)}
.hl-event__title{font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-100);margin:.25rem 0}
.hl-event__meta{margin:0 0 .5rem;color:var(--wp--preset--color--n-600)}
.hl-newscard{display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:var(--wp--preset--color--n-700);padding:0;overflow:hidden}
.hl-newscard__img{aspect-ratio:16/9;background:var(--wp--preset--color--n-100);display:flex;align-items:center;justify-content:center;color:var(--wp--preset--color--n-500);font-size:var(--wp--preset--font-size--caption)}
.hl-newscard__img img{width:100%;height:100%;object-fit:cover}
.hl-newscard__meta{display:flex;justify-content:space-between;padding:0 1rem;font-size:var(--wp--preset--font-size--caption);color:var(--wp--preset--color--n-500)}
.hl-newscard__t{padding:0 1rem 1rem;font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-100)}
.hl-sust__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--wp--preset--spacing--60, 3rem);align-items:center}
.hl-sust__pillars{display:grid;gap:.75rem}
.hl-pillar{display:flex;justify-content:space-between;gap:1rem;padding:1rem var(--hl-gap)}
.hl-pillar__t{font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-100)}
/* footer */
.hl-footer__inner{max-width:var(--wp--style--global--wide-size,1280px);margin-inline:auto;padding:var(--wp--preset--spacing--70, 4rem) var(--wp--preset--spacing--40, 1.5rem) var(--wp--preset--spacing--50, 2rem)}
.hl-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--wp--preset--spacing--60, 3rem)}
.hl-footer__brand .hl-logo__mark rect{fill:var(--wp--preset--color--n-0)}.hl-footer__brand .hl-logo__mark path{fill:var(--wp--preset--color--brand-100)}
.hl-footer__brand .hl-logo__note{color:var(--wp--preset--color--footer-text-secondary)}
.hl-footer__addr{color:var(--wp--preset--color--footer-text-secondary);font-size:var(--wp--preset--font-size--small);margin:1rem 0}
.hl-footer__social{display:flex;gap:.5rem}
.hl-footer__soc{width:36px;height:36px;border-radius:var(--wp--custom--radius--button);border:1px solid var(--wp--preset--color--footer-divider);display:inline-flex;align-items:center;justify-content:center;color:var(--wp--preset--color--footer-text-primary)}
.hl-footer__h{color:var(--wp--preset--color--footer-text-primary);font-size:var(--wp--preset--font-size--h-4);margin:0 0 .75rem}
.hl-footer__list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.hl-footer__list a{text-decoration:none;font-size:var(--wp--preset--font-size--small)}
.hl-footer__link-primary{color:var(--wp--preset--color--footer-text-primary)!important;font-weight:var(--wp--custom--typography--font-weight--ui)}
.hl-footer__divider{margin-top:var(--wp--preset--spacing--60, 3rem)}
.hl-footer__bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1rem}
.hl-footer__copyright{margin:0;color:var(--wp--preset--color--footer-text-secondary)}
.hl-footer__copyright a{color:var(--wp--preset--color--footer-text-secondary)}
/* pagehead / breadcrumb / content (T02) */
.hl-pagehead{padding-block:var(--wp--preset--spacing--50, 2rem)}
.hl-breadcrumb{display:flex;gap:.5rem;flex-wrap:wrap;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--n-500);margin-bottom:1rem;padding-block:.5rem}
.hl-breadcrumb a{color:var(--wp--preset--color--n-600);text-decoration:none}.hl-breadcrumb a:hover{color:var(--wp--preset--color--brand-100);text-decoration:underline}
.hl-content{display:grid;grid-template-columns:260px 1fr;gap:var(--wp--preset--spacing--60, 3rem);padding-block:var(--wp--preset--spacing--60, 3rem)}
.hl-subnav{display:flex;flex-direction:column;gap:.15rem;align-self:start;position:sticky;top:88px}
.hl-subnav__h{display:block;color:var(--wp--preset--color--brand-70);font-size:var(--wp--preset--font-size--caption);font-weight:var(--wp--custom--typography--font-weight--ui);letter-spacing:var(--wp--custom--typography--letter-spacing--eyebrow);text-transform:uppercase;padding:.5rem .75rem}
.hl-subnav__a{display:block;padding:.5rem .75rem;border-radius:var(--wp--custom--radius--button);color:var(--wp--preset--color--n-700);text-decoration:none;border-left:3px solid transparent}
.hl-subnav__a:hover{background:var(--wp--preset--color--n-50)}
.hl-subnav__a.is-current{background:var(--wp--preset--color--n-50);color:var(--wp--preset--color--brand-100);font-weight:var(--wp--custom--typography--font-weight--ui);border-left-color:var(--wp--preset--color--brand-100)}
.hl-prose{max-width:66ch}
.hl-prose h2{font-size:var(--wp--preset--font-size--h-2);line-height:var(--wp--custom--typography--line-height--h-2);color:var(--wp--preset--color--brand-100);margin:2rem 0 .75rem}
.hl-prose h3{font-size:var(--wp--preset--font-size--h-3);line-height:var(--wp--custom--typography--line-height--h-3);color:var(--wp--preset--color--brand-100);margin:1.5rem 0 .5rem}
.hl-prose p,.hl-prose li{line-height:var(--wp--custom--typography--line-height--body)}
.hl-prose blockquote{border-left:3px solid var(--wp--preset--color--brand-40);margin:1.5rem 0;padding:.25rem 1.25rem;font-weight:var(--wp--custom--typography--font-weight--emphasis);font-style:normal;color:var(--wp--preset--color--brand-100)}
.hl-video{aspect-ratio:16/9;background:var(--wp--preset--color--brand-20);border-radius:var(--wp--custom--radius--media);display:flex;align-items:center;justify-content:center;color:var(--wp--preset--color--brand-100);text-align:center;padding:1rem}
.hl-ctabar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:2.5rem;background:var(--wp--preset--color--n-50)}
.hl-ctabar__t{display:block;font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-100)}
.hl-ctabar__b{display:flex;gap:.5rem;flex-wrap:wrap}
.hl-updated{margin-top:1.5rem}
/* T09 article */
.hl-post{padding-block:1rem var(--wp--preset--spacing--60, 3rem)}
.hl-post__head{max-width:60ch;margin-bottom:1.5rem}
.hl-post__meta{display:flex;gap:.75rem;align-items:center;color:var(--wp--preset--color--n-500);font-size:var(--wp--preset--font-size--small);margin-bottom:.5rem}
.hl-share{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.hl-share__a{display:inline-flex;align-items:center;min-height:40px;padding:0 .8rem;border:1px solid var(--wp--preset--color--n-200);border-radius:var(--wp--custom--radius--chip);background:var(--wp--preset--color--n-0);color:var(--wp--preset--color--brand-100);text-decoration:none;font-size:var(--wp--preset--font-size--small);font:inherit;font-size:var(--wp--preset--font-size--small);cursor:pointer}
.hl-share__a:hover{border-color:var(--wp--preset--color--brand-100)}
.hl-post__img{aspect-ratio:16/9;border-radius:var(--wp--custom--radius--media);overflow:hidden;background:var(--wp--preset--color--n-100);display:flex;align-items:center;justify-content:center;color:var(--wp--preset--color--n-500);margin-bottom:2rem}
.hl-post__img img{width:100%;height:100%;object-fit:cover}
.hl-post__grid{display:grid;grid-template-columns:1fr;gap:var(--wp--preset--spacing--60, 3rem);align-items:start}
.hl-post__aside{position:sticky;top:88px}
.hl-post__foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.5rem;border-top:var(--wp--custom--elevation--e-0)}
.hl-related{margin-top:var(--wp--preset--spacing--70, 4rem)}.hl-related .hl-h2{margin-bottom:1.5rem}
/* T04 branches */
.hl-branches{padding-block:var(--wp--preset--spacing--50, 2rem) var(--wp--preset--spacing--60, 3rem)}
.hl-branches__tools{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:var(--hl-gap)}
.hl-chip{display:inline-flex;align-items:center;min-height:40px;padding:0 1rem;border-radius:var(--wp--custom--radius--chip);border:1px solid var(--wp--preset--color--n-300);background:var(--wp--preset--color--n-0);color:var(--wp--preset--color--n-700);font:inherit;font-size:var(--wp--preset--font-size--small);font-size:var(--wp--preset--font-size--small);cursor:pointer;text-decoration:none;gap:.3rem}
.hl-chip.is-active{background:var(--wp--preset--color--brand-100);color:var(--wp--preset--color--n-0);border-color:var(--wp--preset--color--brand-100)}
.hl-search{margin-left:auto;flex:1 1 220px;max-width:360px}
.hl-search input{width:100%;min-height:44px;border:1px solid var(--wp--preset--color--n-300);border-radius:var(--wp--custom--radius--input);padding:0 .9rem;font:inherit;font-size:var(--wp--preset--font-size--small);font-size:var(--wp--preset--font-size--body)}
.hl-branches__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--hl-gap);align-items:start}
.hl-branches__layout>*,.hl-branches__list>*{min-width:0} /* Train 1 A5 · F3 (CONSULT_PKG2b_RED 2 Oct): grid children may shrink below their min-content width - the room code PDP.FOG.BS001#00.PDP.FOG.BS002#00 of 1 branch widened every card and the page scrolled sideways at 320-390 (DEC-HLW-166) */
.hl-branches__map{position:sticky;top:88px}
.hl-map{height:520px;border-radius:var(--wp--custom--radius--media);border:var(--wp--custom--elevation--e-0);background:var(--wp--preset--color--n-50)}
.hl-map__note{background:var(--wp--preset--color--n-0);padding:.3rem .6rem;border-radius:var(--wp--custom--radius--button);font-size:var(--wp--preset--font-size--caption);color:var(--wp--preset--color--n-600);border:var(--wp--custom--elevation--e-0)}
.hl-branches__list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.hl-branch__name{margin:0}
.hl-branch__addr{margin:.25rem 0;color:var(--wp--preset--color--n-600);font-size:var(--wp--preset--font-size--small)}
.hl-branch__meta{margin:0 0 .75rem;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--n-600)}
.hl-branch__meta a{color:var(--wp--preset--color--brand-100);text-decoration:none}
.hl-branch__actions{display:flex;gap:.5rem;flex-wrap:wrap}
.hl-branches__count{margin-top:1rem}
/* T05/T06 IR */
.hl-ir{padding-block:var(--wp--preset--spacing--50, 2rem) var(--wp--preset--spacing--60, 3rem)}
.hl-ir__top{display:grid;grid-template-columns:1fr 1fr;gap:var(--hl-gap)}
.hl-ir__docs{margin-top:var(--wp--preset--spacing--50, 2rem)}
table.hl-ir-table{width:100%;border-collapse:collapse;font-size:var(--wp--preset--font-size--table)}
table.hl-ir-table th,table.hl-ir-table td{text-align:left;padding:.75rem .5rem;border-bottom:var(--wp--custom--elevation--e-0)}
table.hl-ir-table th{color:var(--wp--preset--color--n-600);font-weight:var(--wp--custom--typography--font-weight--ui);font-size:var(--wp--preset--font-size--caption)}
table.hl-ir-table th.num,table.hl-ir-table td.num{text-align:right}
.hl-doclib{padding-block:var(--wp--preset--spacing--50, 2rem) var(--wp--preset--spacing--60, 3rem)}
.hl-tabs{display:flex;gap:.25rem;border-bottom:var(--wp--custom--elevation--e-0);margin-bottom:1rem;overflow-x:auto}
.hl-tab{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;color:var(--wp--preset--color--n-600);text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.hl-tab.is-active{color:var(--wp--preset--color--brand-100);border-bottom-color:var(--wp--preset--color--brand-100);font-weight:var(--wp--custom--typography--font-weight--ui)}
/* mobile (canvas T01Mobile/T02Mobile/T09Mobile — 390) */
@media (max-width:1023px){
  .hl-burger{display:inline-flex;align-items:center;justify-content:center}
  .hl-header__inner{gap:.5rem}
  .hl-header__actions{margin-left:auto;order:2}.hl-burger{order:3;margin-left:0}
  .hl-header__contact{display:none}
  .hl-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--wp--preset--color--n-0);border-bottom:var(--wp--custom--elevation--e-0);padding:1rem var(--wp--preset--spacing--40, 1.5rem) 1.5rem;margin:0;max-height:calc(100vh - 72px);overflow:auto}
  .hl-nav.is-open{display:block}
  .hl-nav__list{flex-direction:column;gap:0}
  .hl-nav__link{width:100%;justify-content:space-between}
  .hl-mega{position:static;box-shadow:none;border:0;padding:.25rem 0 .75rem 1rem;min-width:0}
  .hl-header__actions--mobile{display:flex;margin-top:1rem}.hl-header__actions--mobile .hl-btn{width:100%}
  .hl-hero__grid,.hl-cards-2,.hl-cards-3,.hl-ir-home__grid,.hl-sust__grid,.hl-content,.hl-post__grid,.hl-branches__layout,.hl-ir__top,.hl-quicklinks--4{grid-template-columns:1fr}
  .hl-footer__grid{grid-template-columns:1fr 1fr;gap:var(--hl-gap)}
  .hl-stock{position:static;margin-top:1rem}
  .hl-subnav{position:static;flex-direction:row;overflow-x:auto;gap:.25rem;padding-bottom:.25rem}
  .hl-subnav__h{display:none}.hl-subnav__a{white-space:nowrap;border-left:0;border-bottom:3px solid transparent}.hl-subnav__a.is-current{border-bottom-color:var(--wp--preset--color--brand-100)}
  .hl-post__aside,.hl-branches__map{position:static}
  .hl-map{height:280px}
  .hl-section{padding-block:var(--wp--preset--spacing--60, 3rem)}
  .hl-hero__h1{font-size:var(--wp--preset--font-size--h-1)}
}
@media (max-width:480px){.hl-footer__grid{grid-template-columns:1fr}.hl-quicklinks{grid-template-columns:1fr}}
/* T08 news hub (canvas 45a186d0 V2 · DEC-HLW-54) */
.hl-news{padding-block:var(--wp--preset--spacing--50, 2rem) var(--wp--preset--spacing--60, 3rem)}
.hl-news__tabs{margin-bottom:1.5rem}
.hl-news__filter{display:flex;gap:var(--hl-gap);align-items:end;flex-wrap:wrap;margin-bottom:1rem}
.hl-news__f{display:flex;flex-direction:column;gap:.35rem}
.hl-news__f--q{flex:1 1 320px}.hl-news__f--y{flex:0 1 200px}
.hl-news__f input,.hl-news__f select{width:100%;min-height:44px;border:1px solid var(--wp--preset--color--n-300);border-radius:var(--wp--custom--radius--input);padding:0 .9rem;font:inherit;font-size:var(--wp--preset--font-size--body);background:var(--wp--preset--color--n-0);color:var(--wp--preset--color--n-700)}
.hl-news__filter .hl-btn{min-height:44px}
.hl-label{font-size:var(--wp--preset--font-size--caption);color:var(--wp--preset--color--n-600);font-weight:var(--wp--custom--typography--font-weight--ui)}
.hl-news__count{margin:0 0 1rem}
.hl-news__grid{list-style:none;margin:0;padding:0}
.hl-newscard{padding:0;overflow:hidden;display:flex;flex-direction:column}
.hl-newscard__media{display:block;position:relative;aspect-ratio:16/9;background:var(--wp--preset--color--n-50);overflow:hidden}
.hl-newscard__img{width:100%;height:100%;object-fit:cover;display:block}
.hl-newscard__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--wp--preset--color--n-500);font-size:var(--wp--preset--font-size--small)}
.hl-newscard__body{padding:var(--hl-gap)}
.hl-newscard__meta{display:flex;justify-content:space-between;gap:.5rem;margin:0 0 .5rem;font-size:var(--wp--preset--font-size--caption);color:var(--wp--preset--color--n-600)}
.hl-newscard__title{margin:0}.hl-newscard__title a{color:var(--wp--preset--color--brand-100);text-decoration:none}.hl-newscard__title a:hover{color:var(--wp--preset--color--brand-80)}
.hl-video__play{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}
.hl-video__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--wp--preset--color--brand-100);color:var(--wp--preset--color--n-0);font-size:var(--wp--preset--font-size--h-4);padding-left:4px}
.hl-video.is-playing .hl-video__frame{position:absolute;inset:0;width:100%;height:100%;border:0}
.hl-pager{display:flex;gap:.35rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:var(--wp--preset--spacing--50, 2rem)}
.hl-pager__n{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:var(--wp--custom--radius--button);border:1px solid var(--wp--preset--color--n-300);color:var(--wp--preset--color--n-700);text-decoration:none}
.hl-pager__n.is-current{background:var(--wp--preset--color--brand-100);color:var(--wp--preset--color--n-0);border-color:var(--wp--preset--color--brand-100)}
.hl-news__empty{text-align:center;padding:var(--wp--preset--spacing--60, 3rem) var(--hl-gap)}
.hl-news__empty .hl-btn{margin-top:1rem}
@media (max-width:1023px){.hl-news__grid{grid-template-columns:1fr}.hl-news__tabs{overflow-x:auto}}
/* T02 W2-5: เมนูซ้าย 3 กลุ่ม (หมวดหมู่.pdf หน้า 2) */
.hl-subnav__group{display:flex;flex-direction:column;gap:.15rem}
.hl-subnav__group+.hl-subnav__group{margin-top:1rem}
@media (max-width:1023px){.hl-subnav__group{flex-direction:row;gap:.25rem}.hl-subnav__group+.hl-subnav__group{margin-top:0}}
/* T04 W2-5 (DEC-HLW-53 6ข): จอ ≥1024 = คอลัมน์เดียว 880px กึ่งกลาง (การ์ด/ตัวกรอง/แผนที่ซ้อนกัน · canvas c01ef59d V3 T04Desktop 880) · ปุ่มใกล้ฉัน (6ก) ซ่อนจนพิกัดครบ */
@media (min-width:1024px){.hl-branches{max-width:880px;box-sizing:content-box}.hl-branches__layout{grid-template-columns:1fr}.hl-branches__map{position:static}}
.hl-branches__near[hidden]{display:none!important}
.hl-branch__dist{color:var(--wp--preset--color--n-600);font-size:var(--wp--preset--font-size--caption)}
/* T11 ติดต่อเรา (night lane B · canvas e278 · tokens only) — 3 layers DEC-37 ข้อ 4 · layer 3 on brand-20 · form status = success-bg/error-bg + n800 text (no warning hues: §5 ข้อ 11) */
.hl-contact{display:flex;flex-direction:column;gap:3.5rem;padding-top:2.5rem;padding-bottom:7rem}
.hl-contact section{display:flex;flex-direction:column;gap:1rem}
.hl-contact__grid{display:grid;gap:var(--hl-gap);list-style:none;margin:0;padding:0}
.hl-contact__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.hl-contact__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hl-contact__card{display:flex;flex-direction:column;gap:.5rem}.hl-contact__card p{margin:0}
.hl-contact__addr{font-style:normal}
.hl-section--brand20{background:var(--wp--preset--color--brand-20);border-radius:var(--wp--custom--radius--card);padding:var(--hl-gap)}
.hl-form{display:flex;flex-direction:column;gap:1rem;max-width:720px}
.hl-form__field{display:flex;flex-direction:column;gap:.35rem}
.hl-form input[type=text],.hl-form input[type=email],.hl-form input[type=tel],.hl-form select,.hl-form textarea{width:100%;min-height:44px;border:1px solid var(--wp--preset--color--n-300);border-radius:var(--wp--custom--radius--input);padding:.5rem .9rem;font:inherit;box-sizing:border-box}
.hl-form__req{color:var(--wp--preset--color--brand-100)}
.hl-form__reqnote,.hl-form__purpose{color:var(--wp--preset--color--n-600);font-size:var(--wp--preset--font-size--small);margin:0}
.hl-form__consent{display:flex;gap:.5rem;align-items:flex-start}.hl-form__consent input{margin-top:.3rem;min-width:18px;min-height:18px}
.hl-form__hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.hl-form__status{padding:.75rem 1rem;border-radius:var(--wp--custom--radius--input);color:var(--wp--preset--color--n-800)}
.hl-form__status--ok{background:var(--wp--preset--color--success-bg)}.hl-form__status--error{background:var(--wp--preset--color--error-bg)}
.hl-form .hl-btn{align-self:flex-start}
.hl-contact__form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--hl-gap)}.hl-contact__formintro{display:flex;flex-direction:column;gap:.75rem}.hl-contact__form .hl-form{max-width:none}
/* T11 แจ้งเบาะแส (night lane B S-N3B · canvas e278 T11WhistleDesktop: intro 420px | form card, gap 48 · tokens only) · file button = label of a visually hidden (focusable) file input */
.hl-whistle{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:3rem;align-items:start;padding-top:2.5rem;padding-bottom:7rem}
.hl-whistle__intro{display:flex;flex-direction:column;gap:1rem}.hl-whistle__intro p{margin:0}.hl-whistle__form .hl-form{max-width:none}
.hl-form__fileinput{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.hl-form__fileinput:focus-visible+.hl-form__filebtn{outline:2px solid var(--wp--preset--color--brand-100);outline-offset:2px}
.hl-form__filebtn{cursor:pointer}.hl-form__hint{color:var(--wp--preset--color--n-600);font-size:var(--wp--preset--font-size--small);margin:0}
@media (max-width:1023px){.hl-whistle{grid-template-columns:minmax(0,1fr)}}
/* T11 ติดต่อนักลงทุนสัมพันธ์ (night lane B S-N5B · canvas e278 T11IRSubscribe: main | #subscribe 460px, gap 48 · question box n50 + n200 line · #subscribe box 2px brand-100 · tokens only) */
.hl-contactir{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:3rem;align-items:start;padding-top:2.5rem;padding-bottom:7rem}
.hl-contactir__main{display:flex;flex-direction:column;gap:2rem}
.hl-contactir__card{display:flex;flex-direction:column;gap:.75rem}.hl-contactir__card p{margin:0}
.hl-contactir__ask,.hl-contactir__sub{display:flex;flex-direction:column;gap:1rem;padding:2rem;border-radius:var(--wp--custom--radius--card)}
.hl-contactir__ask{border:1px solid var(--wp--preset--color--n-200)}.hl-contactir__ask p,.hl-contactir__sub p{margin:0}
.hl-contactir__sub{background:var(--wp--preset--color--n-0);border:2px solid var(--wp--preset--color--brand-100);scroll-margin-top:5rem}
.hl-contactir .hl-form{max-width:none}.hl-contactir__unsub{font-size:var(--wp--preset--font-size--small)}
#hl-form-ir{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--hl-gap)}#hl-form-ir>*{grid-column:1/-1}
#hl-form-ir>.hl-form__field--name,#hl-form-ir>.hl-form__field--email,#hl-form-ir>.hl-form__field--phone,#hl-form-ir>.hl-form__field--subject{grid-column:auto}
@media (max-width:1023px){.hl-contactir{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){#hl-form-ir{grid-template-columns:1fr}#hl-form-ir>*{grid-column:1/-1!important}.hl-contactir__ask,.hl-contactir__sub{padding:var(--hl-gap)}}
#hl-form-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--hl-gap)}#hl-form-contact>*{grid-column:1/-1}
#hl-form-contact>.hl-form__field--name,#hl-form-contact>.hl-form__field--email,#hl-form-contact>.hl-form__field--phone,#hl-form-contact>.hl-form__field--subject{grid-column:auto}
@media (max-width: 1024px){.hl-contact__grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 767px){.hl-contact__grid--2,.hl-contact__grid--4,.hl-contact__form,#hl-form-contact{grid-template-columns:1fr}#hl-form-contact>*{grid-column:1/-1!important}.hl-form .hl-btn{align-self:stretch}}
/* ===== S-N6B (night lane B 29 Sep) T11 pages = canvas e278 (order 12.1ญ gate 2) - scoped to the 3 T11 templates (body class page-template-page-contact / -contact-ir / -whistleblowing) + T11-only classes; no global token, no site-wide layout rule changed ===== */
:is(.page-template-page-contact,.page-template-page-contact-ir,.page-template-page-whistleblowing) .hl-form :is(input[type=text],input[type=email],input[type=tel],select,textarea){border-color:var(--wp--preset--color--n-500);min-height:50px} /* canvas field: 1px #676F88 (= n500) · height 48 + 2 × 1px border = 50 */
:is(.page-template-page-contact,.page-template-page-contact-ir,.page-template-page-whistleblowing) .hl-form button[type=submit].hl-btn{min-height:var(--wp--preset--spacing--48,48px)} /* canvas send buttons 48 high (desktop + mobile) */
@media (max-width:767px){:is(.page-template-page-contact,.page-template-page-contact-ir,.page-template-page-whistleblowing) main .hl-container{padding-inline:var(--wp--custom--grid--gutter-mobile)}} /* canvas 390: page body side gutter 20 (header/footer = site-wide, not changed) · Cowork Spacing order 23 Oct (Design 8674af73): the same variable as every other page (DEC-HLW-242) - the WordPress preset spacing-20 is NOT 20px on the host (MUT-GU1) */
.page-template-page-contact .hl-contact__card{min-width:0}.page-template-page-contact .hl-contact__card a[href^="mailto:"]{overflow-wrap:anywhere} /* 390: a long e-mail wraps instead of widening the page */
.hl-pagehead--line{background:var(--wp--preset--color--n-0);padding-block:var(--wp--preset--spacing--24,24px) 0} /* canvas T11IRSubscribe/T11IRMobile head: white, line under the title block */
.hl-pagehead__title{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--8,8px);padding-bottom:var(--wp--preset--spacing--40,40px);border-bottom:1px solid var(--wp--preset--color--n-200)}.hl-pagehead__title :is(.hl-eyebrow,.hl-h1,.hl-lead){margin:0} /* same head on canvas T11Contact* / T11Whistle* */
@media (max-width:767px){.hl-pagehead__title{padding-bottom:28px}}
.hl-contactir__line{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start}.hl-contactir__line a{overflow-wrap:anywhere}.hl-contactir__icon{color:var(--wp--preset--color--brand-70)} /* canvas card line: 20px icon + 10px gap, stroke #5867AA = brand-70 */
.page-template-page-contact .hl-contact__line{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start}.page-template-page-contact .hl-contact__icon{color:var(--wp--preset--color--brand-70)} /* S-N7B contact card line = canvas e278 T11Contact*: 20px icon + 10px gap, stroke #5867AA = brand-70 (same as .hl-contactir__line) */

/* Train 1 A6 · DEC-177 (2): document row buttons - globe = open PDF in the browser · arrow = download · 44px tap targets (tokens line 230) */
.hl-doc__act{display:inline-flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--8)}.hl-doc__open,.hl-doc__dl{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 var(--wp--preset--spacing--12);white-space:nowrap;text-decoration:none;font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--typography--font-weight--ui);line-height:1;background:var(--wp--preset--color--n-0);border-radius:var(--wp--custom--radius--button);color:var(--wp--preset--color--brand-100);border:1px solid var(--wp--preset--color--brand-40)}.hl-doc__open:hover,.hl-doc__dl:hover,.hl-doc__open:focus-visible,.hl-doc__dl:focus-visible{background:var(--wp--preset--color--n-50);border-color:var(--wp--preset--color--brand-100)}

/* Train 1 A7 (P10 ก · DEC-43/170): every picture the news item came with (attachments of the post), under the text - the old site showed them all */
.hl-post__gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--hl-gap);margin-top:var(--hl-gap)}.hl-post__gallery img{width:100%;height:auto;border-radius:var(--wp--custom--radius--media);display:block}
@media (max-width:767px){.hl-post__gallery{grid-template-columns:1fr}}
@media (max-width:1023px){ /* Train 2 W2 - mobile look = canvas d236 B1_MobileIR / B1_MobileAbout: names 17px 600 (open = 700 brand) · group heads 14px 700 brand-70 · items 44px high, 12px indent, no extra padding */
  .hl-nav__row .hl-nav__link{font-size:var(--wp--preset--font-size--ui-lg);line-height:1.5;font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--n-800);background:none}
  .hl-nav__item.is-open .hl-nav__row .hl-nav__link{font-weight:var(--wp--custom--typography--font-weight--heading);color:var(--wp--preset--color--brand-100)}
  .hl-mega__h{padding:8px 0 2px;font-size:var(--wp--preset--font-size--small);line-height:1.7;font-weight:var(--wp--custom--typography--font-weight--heading);color:var(--wp--preset--color--brand-70)}
  .hl-mega__list{gap:0}
  .hl-mega__list a{min-height:44px;padding:0 0 0 12px;line-height:1.5;border-radius:0}
  .hl-mega{padding:0 0 1rem;border:0;box-shadow:none}
}
.hl-burger__close{display:none}.hl-burger[aria-expanded="true"] .hl-burger__open{display:none}.hl-burger[aria-expanded="true"] .hl-burger__close{display:block} /* Train 2 W2 canvas d236 B1_MobileIR: open menu = X */
@media (max-width:767px){ /* Train 2 W7 · DEC-HLW-209 (canvas d236 B4-1): LINE@ (own width) + "นำทาง (Google Maps)" (fills the rest) on one row · too narrow (320 · EN 360) = 2 rows, LINE@ on top (DOM order) · 44px targets · R-BRBTN */
  .hl-container.hl-branches{padding-inline:var(--wp--custom--grid--gutter-mobile)} /* DEC-HLW-209 (4): page side gutter 20 (canvas B4-1), not 40 */
  .hl-branch.hl-card{padding:20px} /* canvas B4-1 card padding 20 */
  .hl-branch__actions{gap:8px}
  .hl-branch__actions>a{flex:1 1 auto;min-height:44px;padding:0 16px;justify-content:center;white-space:nowrap;font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--typography--font-weight--ui)}
  .hl-branch__actions>a[data-hl-nav]{flex:999 1 auto}
  .hl-branch__addr{overflow-wrap:anywhere;color:var(--wp--preset--color--n-700)}
  .hl-branch__meta{color:var(--wp--preset--color--n-700)}
}
/* Train 2 W7 · DEC-HLW-210 (canvas d236 B4-6 / B4-8): home stock card = solid white card, border n-200, shadow e3 (desktop keeps the decided spot, DEC-24/46) · mobile overlaps the picture's lower edge by 40 px · line 3 (staging note) n-700, line 4 (delay) n-600 · R-STOCK */
.hl-hero--a .hl-stock{background:var(--wp--preset--color--n-0);border:var(--wp--custom--elevation--e-0);border-radius:var(--wp--custom--radius--card);box-shadow:var(--wp--preset--shadow--e-3);padding:18px 22px 20px;opacity:1}
.hl-hero--a .hl-stock__head .hl-kicker{font-size:var(--wp--preset--font-size--caption);font-weight:var(--wp--custom--typography--font-weight--ui);letter-spacing:.04em;color:var(--wp--preset--color--brand-70)}
.hl-hero--a .hl-stock__note{margin:10px 0 0;font-size:var(--wp--preset--font-size--caption);color:var(--wp--preset--color--n-700)}
.hl-hero--a .hl-stock__delay{margin:6px 0 0;color:var(--wp--preset--color--n-600)}
@media (min-width:1024px){.hl-hero--a .hl-stock{width:326px;min-width:0;max-width:none}}
@media (max-width:1023px){
  .hl-hero--a .hl-hero__media{padding-bottom:0}
  .hl-hero--a .hl-stock{position:relative;right:auto;bottom:auto;z-index:1;margin:-40px 10px 0;min-width:0;max-width:none;padding:16px 20px 18px}
}
.hl-hero--a .hl-eyebrow{text-transform:none} /* Train 2 W7 · DEC-HLW-210 (3) + DEC-24 locked words: the hero eyebrow prints "(mai)" / "Listed on mai · HL" as written - uppercase made it "(MAI)" (canvas B4-6/B4-8 · R-STOCK) */
/* Train 2 W6 · DEC-HLW-208 · canvas d236 B3-1/B3-2/B3-4/B3-5: one centred column 826 · h1 at the h2 size · lead picture full column (smaller file = own size) · foot = all news + share · related band - R-NEWS1 */
.hl-post{padding-block:40px 0}
.hl-post__col{max-width:826px;margin-inline:auto}
.hl-post__head{max-width:none;margin:0}
.hl-post__meta{gap:12px;align-items:baseline;margin:0;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--n-600)}
.hl-post__meta .hl-kicker,.hl-relcard__meta .hl-kicker{font-size:var(--wp--preset--font-size--caption);font-weight:var(--wp--custom--typography--font-weight--ui);letter-spacing:.04em;text-transform:none;color:var(--wp--preset--color--brand-70)}
.hl-post__title{margin:8px 0 0;font-size:var(--wp--preset--font-size--h-2);line-height:1.36;font-weight:var(--wp--custom--typography--font-weight--heading);color:var(--wp--preset--color--brand-100)}
.hl-post__img{margin-top:28px;aspect-ratio:auto;background:none;display:block;border-radius:0;overflow:visible}
.hl-post__img img{display:block;width:auto;max-width:100%;height:auto;object-fit:initial;border-radius:var(--wp--custom--radius--card)}
.hl-post .hl-prose{margin-top:28px;max-width:none}
.hl-post__gallery{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hl-post__gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--wp--custom--radius--button)}
.hl-post__foot{margin-top:40px;padding-top:20px;border-top:var(--wp--custom--elevation--e-0);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap}
.hl-post__all{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-100);text-decoration:none;white-space:nowrap}
.hl-share{gap:8px}
.hl-share__label{margin-right:4px;font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--n-600)}
.hl-share__a{gap:6px;min-height:44px;padding:0 14px;border:1px solid var(--wp--preset--color--n-500);border-radius:var(--wp--custom--radius--button);background:var(--wp--preset--color--n-0);font:inherit;font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-100);text-decoration:none;white-space:nowrap;cursor:pointer}
.hl-related{margin-top:72px;background:var(--wp--preset--color--n-50);padding:64px 0 88px}
.hl-related__h{margin:0;font-size:var(--wp--preset--font-size--h-2);line-height:1.36;font-weight:var(--wp--custom--typography--font-weight--heading);color:var(--wp--preset--color--brand-100)}
.hl-related__grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hl-relcard{padding:0;overflow:hidden;display:flex;flex-direction:column;background:var(--wp--preset--color--n-0);border:var(--wp--custom--elevation--e-0);border-radius:var(--wp--custom--radius--card);box-shadow:var(--wp--preset--shadow--e-2)}
.hl-relcard__img{display:block;aspect-ratio:16/9;background:var(--wp--preset--color--n-100)}
.hl-relcard__img img{display:block;width:100%;height:100%;object-fit:cover}
.hl-relcard__body{padding:16px 20px 22px}
.hl-relcard__meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:var(--wp--preset--font-size--caption);color:var(--wp--preset--color--n-600)}
.hl-relcard__t{margin:6px 0 0;font-size:var(--wp--preset--font-size--h-4);line-height:1.46;font-weight:var(--wp--custom--typography--font-weight--heading)}
.hl-relcard__t a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--wp--preset--color--brand-100);text-decoration:none}
@media (max-width:767px){
  .hl-post{padding-top:24px}
  .hl-post__title{margin-top:6px;line-height:1.4}
  .hl-post__img,.hl-post .hl-prose{margin-top:20px}
  .hl-post__gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
  .hl-post__foot{flex-direction:column;align-items:flex-start;gap:12px;margin-top:32px;padding-top:16px}
  .hl-share{flex-wrap:wrap}
  .hl-related{margin-top:48px;padding:40px 0 56px}
  body.single-hl_pr_news main .hl-container{padding-inline:var(--wp--custom--grid--gutter-mobile)} /* canvas B3-2 page side gutter 20 */
  .hl-related__grid{grid-template-columns:1fr;gap:16px;margin-top:20px}
  .hl-relcard__t{line-height:1.5}
}
/* Train 2 W8 · DEC-HLW-178/211 · canvas d236 B5-1..B5-6: sustainability one page · details/summary accordion (several open, item 1 open) - R-SUST */
.hl-sust{padding-top:32px}
.hl-sust__eyebrow{margin-top:28px}
.hl-sust__title{margin:8px 0 0;font-size:var(--wp--preset--font-size--h-1);line-height:1.32;font-weight:var(--wp--custom--typography--font-weight--heading);color:var(--wp--preset--color--brand-100)}
.hl-sust__lead{margin:16px 0 0;max-width:880px;font-size:var(--wp--preset--font-size--lead);line-height:1.75;color:var(--wp--preset--color--n-700)}
.hl-sust__band{margin-top:48px}.hl-sust__band img{display:block;width:100%;height:410px;object-fit:cover}
.hl-sust__body{padding-block:72px 96px}
.hl-sust__h2{margin:0;font-size:var(--wp--preset--font-size--h-2);line-height:1.36;font-weight:var(--wp--custom--typography--font-weight--heading);color:var(--wp--preset--color--brand-100)}
.hl-sust__intro{margin:12px 0 0;max-width:880px;line-height:1.75;color:var(--wp--preset--color--n-700)}
.hl-sust__list{margin-top:32px;display:flex;flex-direction:column;gap:12px}
.hl-sust__item{background:var(--wp--preset--color--n-50);border:var(--wp--custom--elevation--e-0);border-radius:var(--wp--custom--radius--card)}
.hl-sust__item[open]{background:var(--wp--preset--color--n-0);box-shadow:var(--wp--preset--shadow--e-2)}
.hl-sust__sum{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:14px 20px 14px 28px;cursor:pointer;list-style:none}
.hl-sust__sum::-webkit-details-marker{display:none}
.hl-sust__h3{margin:0;font-size:var(--wp--preset--font-size--h-4);line-height:1.46;font-weight:var(--wp--custom--typography--font-weight--heading);color:var(--wp--preset--color--brand-100)}
.hl-sust__ic{flex:none;width:44px;height:44px;border-radius:var(--wp--custom--radius--chip);background:var(--wp--preset--color--brand-100);position:relative}
.hl-sust__ic::before,.hl-sust__ic::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;border-radius:2px;background:var(--wp--preset--color--n-0)}
.hl-sust__ic::after{transform:rotate(90deg)}
.hl-sust__item[open] .hl-sust__ic{background:var(--wp--preset--color--n-100)}
.hl-sust__item[open] .hl-sust__ic::before{background:var(--wp--preset--color--brand-100)}.hl-sust__item[open] .hl-sust__ic::after{display:none}
.hl-sust__sum:focus-visible{outline:2px solid var(--wp--preset--color--brand-100);outline-offset:2px;border-radius:var(--wp--custom--radius--card)}
.hl-sust__text{padding:0 28px 28px;max-width:976px;line-height:1.75;color:var(--wp--preset--color--n-700)}
.hl-sust__text>p{margin:0 0 12px}
.hl-sust__ul{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:10px}
.hl-sust__ul>li{position:relative;padding-left:18px}
.hl-sust__ul>li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:var(--wp--custom--radius--chip);background:var(--wp--preset--color--brand-70)}
.hl-sust__ul>li strong{display:block;color:var(--wp--preset--color--n-800)}.hl-sust__ul>li p{margin:4px 0 0}
@media (max-width:767px){
  .hl-sust{padding-top:20px}.hl-sust__eyebrow{margin-top:20px}
  .hl-sust__band{margin-top:32px}.hl-sust__band img{height:220px}
  .hl-sust__body{padding-block:48px 64px}
  .hl-sust__list{margin-top:24px}
  .hl-sust__sum{padding:12px 12px 12px 16px}
  .hl-sust__text{padding:0 16px 20px}
}
/* Train 2 W20 (DEC-223): CG page documents sit in a text line (docx paragraph) - the row buttons, centred on the line, a small gap after the label */
.hl-cgdoc{display:inline-flex;align-items:center;gap:.25rem;vertical-align:middle;margin-inline-start:.25rem}
/* ADD4 (12 Oct) W7 · DEC-HLW-225/233/235/237: near-me state line · "ล้าง" ghost button · denied box (brand colours only, DEC-19) · R-CONTRAST / R-CLIP / R-NEAR */
.hl-btn--ghost{background:var(--wp--preset--color--n-0);color:var(--wp--preset--color--brand-100);border:1px solid var(--wp--preset--color--n-300)}
.hl-branches__clear[hidden],.hl-branches__nearstate[hidden],.hl-branches__denied[hidden]{display:none!important}
.hl-branches__nearstate{margin:0 0 var(--hl-gap)}
.hl-branches__denied{margin:0 0 var(--hl-gap);padding:12px 16px;border-radius:var(--wp--custom--radius--card);background:var(--wp--preset--color--n-50);border:1px solid var(--wp--preset--color--n-300);color:var(--wp--preset--color--n-700);font-size:var(--wp--preset--font-size--small)}
.hl-branches__denied strong{color:var(--wp--preset--color--brand-100)}
.hl-branches__tools .hl-chip{white-space:nowrap} /* R-CLIP: a brand chip wraps to the next row, never cut (flex-wrap on the tools row) */

/* P5 ล้นจอมือถือ (DEC-HLW-176 · DEC-HLW-166): รูปในเนื้อหาที่นำเข้าจาก docx (DEC-HLW-85) ไม่มี width/height → ธรรมชาติ 1920px ดันหน้า EN กว้าง 1940 ที่ 390 · บีบให้พอดีคอลัมน์ · พบ 12 ต.ค. บนหน้าการกำกับดูแลกิจการ EN (ADD4 W20) */
.hl-prose img,.hl-article img{max-width:100%;height:auto}
/* Train 2 W1 - the 8 IR document pages (canvas d236 B2-1..B2-8 · DEC-177/183/201-207) · tokens only (R1) */
.hl-ird-head{padding-block:var(--wp--preset--spacing--32) 0}.hl-ird-head .hl-h1{margin:var(--wp--preset--spacing--8) 0 0;padding-bottom:var(--wp--preset--spacing--32);border-bottom:1px solid var(--wp--preset--color--n-200)}
.hl-ird{padding-block:var(--wp--preset--spacing--40) var(--wp--preset--spacing--96)}
.hl-ird-years{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--16)}
.hl-ird-year{border:1px solid var(--wp--preset--color--n-200);border-radius:var(--wp--custom--radius--card);background:var(--wp--preset--color--n-50)}
.hl-ird-year.is-open{background:var(--wp--preset--color--n-0);box-shadow:0 2px 6px color-mix(in srgb,var(--wp--preset--color--brand-100) 7%,transparent),0 8px 20px -8px color-mix(in srgb,var(--wp--preset--color--brand-100) 10%,transparent)}
.hl-ird-year__h{margin:0}
.hl-ird-year__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--wp--preset--spacing--16);padding:var(--wp--preset--spacing--20) var(--wp--preset--spacing--24);border:0;background:none;font:inherit;font-size:var(--wp--preset--font-size--h-3);line-height:var(--wp--custom--typography--line-height--h-3);font-weight:var(--wp--custom--typography--font-weight--heading);color:var(--wp--preset--color--brand-100);text-align:left;cursor:pointer}
.hl-ird-pm{flex:none;position:relative;width:44px;height:44px;border-radius:var(--wp--custom--radius--chip);background:var(--wp--preset--color--brand-100)}
.hl-ird-pm::before,.hl-ird-pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:1px;background:var(--wp--preset--color--n-0)}.hl-ird-pm::after{transform:rotate(90deg)}
.hl-ird-year.is-open .hl-ird-pm{background:var(--wp--preset--color--n-100)}.hl-ird-year.is-open .hl-ird-pm::before{background:var(--wp--preset--color--brand-100)}.hl-ird-year.is-open .hl-ird-pm::after{display:none}
.hl-ird-year__body{padding:0 var(--wp--preset--spacing--24) var(--wp--preset--spacing--24)}.hl-ird-year:not(.is-open) .hl-ird-year__body{display:none}
.hl-ird-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--wp--preset--spacing--16)}
.hl-ird-box{border:1px solid var(--wp--preset--color--n-200);border-radius:var(--wp--custom--radius--card);overflow:hidden;background:var(--wp--preset--color--n-0)}
.hl-ird-box__h{margin:0;padding:var(--wp--preset--spacing--12) var(--wp--preset--spacing--20);background:var(--wp--preset--color--n-100);font-size:var(--wp--preset--font-size--h-4);line-height:var(--wp--custom--typography--line-height--h-4);font-weight:var(--wp--custom--typography--font-weight--heading);color:var(--wp--preset--color--brand-100)}
.hl-ird-box__b{padding:var(--wp--preset--spacing--16) var(--wp--preset--spacing--20) var(--wp--preset--spacing--20)}.hl-ird-box__row{margin-bottom:var(--wp--preset--spacing--12);font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--n-800)}
.hl-ird-btns{display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--8)}
.hl-ird-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 var(--wp--preset--spacing--12);border:1px solid var(--wp--preset--color--n-500);border-radius:var(--wp--custom--radius--button);background:var(--wp--preset--color--n-0);font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--typography--font-weight--ui);line-height:1;color:var(--wp--preset--color--brand-100);text-decoration:none;cursor:pointer}
.hl-ird-btn--big{height:48px;padding:0 var(--wp--preset--spacing--16);border-color:var(--wp--preset--color--brand-100);font-size:var(--wp--preset--font-size--body)}
.hl-ird-btn:hover,.hl-ird-btn:focus-visible,.hl-ird-ico:hover,.hl-ird-ico:focus-visible{background:var(--wp--preset--color--n-50);border-color:var(--wp--preset--color--brand-100)}
.hl-ird-tag{display:inline-flex;align-items:center;height:28px;margin-left:var(--wp--preset--spacing--12);padding:0 var(--wp--preset--spacing--12);border-radius:var(--wp--custom--radius--chip);background:var(--wp--preset--color--n-100);font-size:var(--wp--preset--font-size--caption);font-weight:var(--wp--custom--typography--font-weight--ui);line-height:1;color:var(--wp--preset--color--n-700);vertical-align:middle}
.hl-ird-arcard{display:flex;align-items:center;gap:var(--wp--preset--spacing--24);padding:var(--wp--preset--spacing--24);border:1px solid var(--wp--preset--color--n-200);border-radius:var(--wp--custom--radius--card);background:var(--wp--preset--color--n-0)}
.hl-ird-arcard__img{flex:none;width:180px;height:254px;object-fit:cover;border:1px solid var(--wp--preset--color--n-300);border-radius:var(--wp--custom--radius--button);background:var(--wp--preset--color--n-100)}
.hl-ird-arcard__h{margin:0 0 var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--h-3);line-height:var(--wp--custom--typography--line-height--h-3);color:var(--wp--preset--color--brand-100)}.hl-ird-arcard__sub{margin:calc(-1 * var(--wp--preset--spacing--12)) 0 var(--wp--preset--spacing--20);color:var(--wp--preset--color--n-600)}
.hl-ird-h2{margin:var(--wp--preset--spacing--64) 0 var(--wp--preset--spacing--24);font-size:var(--wp--preset--font-size--h-2);line-height:var(--wp--custom--typography--line-height--h-2);color:var(--wp--preset--color--brand-100)}
.hl-ird-line{display:flex;align-items:center;justify-content:space-between;gap:var(--wp--preset--spacing--16);padding-top:var(--wp--preset--spacing--16);border-top:1px solid var(--wp--preset--color--n-200)}.hl-ird-line__t{font-weight:var(--wp--custom--typography--font-weight--emphasis);color:var(--wp--preset--color--n-800)}
.hl-ird-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wp--preset--spacing--24)}
.hl-ird-pcard{display:flex;flex-direction:column;border:1px solid var(--wp--preset--color--n-200);border-radius:var(--wp--custom--radius--card);overflow:hidden;background:var(--wp--preset--color--n-0)}
.hl-ird-pcard__img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--wp--preset--color--n-100)}
.hl-ird-pcard__b{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--12);padding:var(--wp--preset--spacing--24)}
.hl-ird-pcard__h{margin:0;font-size:var(--wp--preset--font-size--h-4);line-height:var(--wp--custom--typography--line-height--h-4);color:var(--wp--preset--color--brand-100)}.hl-ird-pcard__per{margin:0;color:var(--wp--preset--color--n-600)}
.hl-ird-pcard__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--wp--preset--spacing--8);padding-top:var(--wp--preset--spacing--12);border-top:1px solid var(--wp--preset--color--n-200);font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--n-800)}.hl-ird-btn--web{align-self:flex-start}
.hl-ird-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--wp--preset--spacing--16)}.hl-ird-filter label{display:block;margin-bottom:var(--wp--preset--spacing--4);font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--n-700)}
.hl-ird-filter :is(select,input){height:48px;min-width:220px;padding:0 var(--wp--preset--spacing--16);border:1px solid var(--wp--preset--color--n-500);border-radius:var(--wp--custom--radius--input);background:var(--wp--preset--color--n-0);font:inherit;font-size:var(--wp--preset--font-size--body);color:var(--wp--preset--color--n-800)}
.hl-ird-filter--set input{min-width:320px}.hl-ird-btn--go{height:48px;padding:0 var(--wp--preset--spacing--24);border-color:var(--wp--preset--color--brand-100);background:var(--wp--preset--color--brand-100);color:var(--wp--preset--color--n-0)}
.hl-ird-agm{margin-top:var(--wp--preset--spacing--24);border:1px solid var(--wp--preset--color--n-200);border-radius:var(--wp--custom--radius--card);overflow:hidden;background:var(--wp--preset--color--n-0)}
.hl-ird-agm__head{display:flex;align-items:center;gap:var(--wp--preset--spacing--16);padding:var(--wp--preset--spacing--16) var(--wp--preset--spacing--24);background:var(--wp--preset--color--n-100)}
.hl-ird-agm__h{flex:1 1 0;margin:0;font-size:var(--wp--preset--font-size--h-4);line-height:var(--wp--custom--typography--line-height--h-4);color:var(--wp--preset--color--brand-100)}
.hl-ird-agm__col{flex:none;width:96px;text-align:center;font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--n-700)}
.hl-ird-agm__row{display:flex;align-items:flex-start;gap:var(--wp--preset--spacing--16);padding:var(--wp--preset--spacing--12) var(--wp--preset--spacing--24);border-top:1px solid var(--wp--preset--color--n-200)}
.hl-ird-agm__num{flex:none;width:124px;padding-top:var(--wp--preset--spacing--8);font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--n-600)}.hl-ird-agm__row--sub .hl-ird-agm__num{visibility:hidden}
.hl-ird-agm__t{flex:1 1 0;min-width:0;padding-top:var(--wp--preset--spacing--8);color:var(--wp--preset--color--n-800)}.hl-ird-agm__note{margin-top:var(--wp--preset--spacing--4);font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--n-600)}
.hl-ird-agm__sec{padding:var(--wp--preset--spacing--12) var(--wp--preset--spacing--24);border-top:1px solid var(--wp--preset--color--n-200);background:var(--wp--preset--color--n-50);font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--n-800)}
.hl-ird-icons{flex:none;display:flex;gap:var(--wp--preset--spacing--16)}.hl-ird-icons>*{width:96px;display:flex;justify-content:center}
.hl-ird-ico{display:inline-flex;align-items:center;justify-content:center;width:44px!important;height:44px;margin-inline:26px;border:1px solid var(--wp--preset--color--n-500);border-radius:var(--wp--custom--radius--button);color:var(--wp--preset--color--brand-100)}.hl-ird-ico--none{border:0}
.hl-ird-set{margin-top:var(--wp--preset--spacing--24);border:1px solid var(--wp--preset--color--n-200);border-radius:var(--wp--custom--radius--card);background:var(--wp--preset--color--n-0)}
.hl-ird-set__row{display:flex;align-items:center;gap:var(--wp--preset--spacing--24);padding:var(--wp--preset--spacing--16) var(--wp--preset--spacing--24)}.hl-ird-set__row+.hl-ird-set__row{border-top:1px solid var(--wp--preset--color--n-200)}
.hl-ird-set__date{flex:none;width:172px;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--n-600);white-space:nowrap}.hl-ird-set__t{flex:1 1 0;min-width:0;margin:0;font-size:var(--wp--preset--font-size--body);font-weight:var(--wp--custom--typography--font-weight--emphasis);color:var(--wp--preset--color--n-800)}
.hl-ird-pager{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--wp--preset--spacing--8);margin-top:var(--wp--preset--spacing--32)}
.hl-ird-pager>*{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--wp--preset--spacing--8);border-radius:var(--wp--custom--radius--button);color:var(--wp--preset--color--brand-100);text-decoration:none}.hl-ird-pager>a{border:1px solid var(--wp--preset--color--n-300)}.hl-ird-pager>[aria-current]{background:var(--wp--preset--color--brand-100);color:var(--wp--preset--color--n-0);font-weight:var(--wp--custom--typography--font-weight--ui)}
@media (max-width:1023px){.hl-ird-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hl-ird-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
.hl-ird-head .hl-h1{font-size:var(--wp--preset--font-size--h-2);padding-bottom:var(--wp--preset--spacing--24)}.hl-ird{padding-block:var(--wp--preset--spacing--24) var(--wp--preset--spacing--64)}
.hl-ird-year__btn{padding:var(--wp--preset--spacing--12) var(--wp--preset--spacing--12) var(--wp--preset--spacing--12) var(--wp--preset--spacing--16);font-size:var(--wp--preset--font-size--h-4)}.hl-ird-year__body{padding:var(--wp--preset--spacing--4) var(--wp--preset--spacing--16) var(--wp--preset--spacing--16)}
.hl-ird-grid,.hl-ird-cards{grid-template-columns:minmax(0,1fr)}.hl-ird-box__h{padding:var(--wp--preset--spacing--8) var(--wp--preset--spacing--16);font-size:var(--wp--preset--font-size--lead)}.hl-ird-box__b{padding:var(--wp--preset--spacing--12) var(--wp--preset--spacing--16) var(--wp--preset--spacing--16)}
.hl-ird-btns{flex-wrap:nowrap}.hl-ird-btns>.hl-ird-btn{flex:1 1 0;min-width:0}
.hl-ird-arcard{flex-wrap:wrap;gap:var(--wp--preset--spacing--16);padding:var(--wp--preset--spacing--16)}.hl-ird-arcard__img{width:104px;height:147px}.hl-ird-arcard>div{display:contents}.hl-ird-arcard__h{flex:1 1 0;min-width:0;margin:0;font-size:var(--wp--preset--font-size--h-4)}.hl-ird-arcard__sub{flex-basis:100%;margin:0}
.hl-ird-arcard .hl-ird-btns{flex-basis:100%}.hl-ird-h2{margin-top:var(--wp--preset--spacing--40);font-size:var(--wp--preset--font-size--h-3)}
.hl-ird-line{flex-direction:column;align-items:stretch}.hl-ird-filter{flex-direction:column;align-items:stretch}.hl-ird-filter :is(select,input),.hl-ird-filter--set input{min-width:0;width:100%}
.hl-ird-agm__head{padding:var(--wp--preset--spacing--12) var(--wp--preset--spacing--16)}.hl-ird-agm__col{display:none}.hl-ird-agm__row{flex-wrap:wrap;padding:var(--wp--preset--spacing--12) var(--wp--preset--spacing--16);gap:var(--wp--preset--spacing--8)}
.hl-ird-agm__num{width:100%;padding-top:0}.hl-ird-agm__row--sub .hl-ird-agm__num{display:none}.hl-ird-agm__t{flex-basis:100%;padding-top:0}.hl-ird-icons>*{width:auto}.hl-ird-ico{margin-inline:0}
.hl-ird-set__row{flex-wrap:wrap;gap:var(--wp--preset--spacing--8);padding:var(--wp--preset--spacing--16)}.hl-ird-set__date{width:100%}.hl-ird-set__row .hl-ird-btns{flex-basis:100%}
}
/* C18 W7b (15 Oct) - /branches = canvas QizEwuXf eca3 "ทาง ข" (DEC-HLW-276 · 231 · 232 · 233 · 235 · 236): search (visible label) -> near me -> [denied box] -> brands 2x2 (<1024) / 4 in a row (>=1024) -> map 220/400 -> [near bar + clear] -> count -> cards.
   Canvas sizes without a token: 15px (chips · clear · distance) = token small + 1px · card name 19 -> token h4 (20) · near-bar wash EEF0F8 (canvas) -> brand-100 7% over n-0 (rounded 238/240/247). */
.hl-branches__find{display:flex;flex-direction:column;gap:12px}
.hl-branches__label{display:block;margin-bottom:6px;font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--typography--font-weight--ui);line-height:1.5;color:var(--wp--preset--color--n-700)}
.hl-branches__search{flex:1 1 auto;min-width:0}
.hl-branches__field{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid var(--wp--preset--color--n-500);border-radius:var(--wp--custom--radius--input);background:var(--wp--preset--color--n-0);color:var(--wp--preset--color--n-600)}
.hl-branches__field:focus-within{outline:2px solid var(--wp--preset--color--brand-100);outline-offset:2px}
.hl-branches__field input{flex:1;min-width:0;min-height:46px;border:0;outline:0;padding:0;font:inherit;font-size:var(--wp--preset--font-size--body);color:var(--wp--preset--color--n-700);background:transparent}
.hl-branches__field input::placeholder{color:var(--wp--preset--color--n-500);opacity:1}
.hl-branches .hl-ico{flex:0 0 auto;display:block}
.hl-branches__near{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:0 20px;border:1px solid var(--wp--preset--color--brand-100);border-radius:var(--wp--custom--radius--button);background:var(--wp--preset--color--n-0);color:var(--wp--preset--color--brand-100);font-size:var(--wp--preset--font-size--body);font-weight:var(--wp--custom--typography--font-weight--ui);white-space:nowrap}
.hl-branches__near[aria-pressed="true"]{background:var(--wp--preset--color--brand-100);color:var(--wp--preset--color--n-0)}
.hl-branches .hl-branches__denied{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0;padding:12px 14px;border:1px solid var(--wp--preset--color--n-200);border-radius:var(--wp--custom--radius--button);background:var(--wp--preset--color--n-50);color:var(--wp--preset--color--n-600)}
.hl-branches .hl-branches__denied p{margin:0;font-size:var(--wp--preset--font-size--small);line-height:1.65;color:var(--wp--preset--color--n-700)}
.hl-branches .hl-branches__denied strong{font-weight:var(--wp--custom--typography--font-weight--heading);color:var(--wp--preset--color--n-800)}
.hl-branches__brands{margin-top:16px}
.hl-branches .hl-branches__tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.hl-branches .hl-branches__tools .hl-chip{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:44px;padding:0 10px;border-radius:var(--wp--custom--radius--button);border:1px solid var(--wp--preset--color--n-500);background:var(--wp--preset--color--n-0);color:var(--wp--preset--color--brand-100);font-size:calc(var(--wp--preset--font-size--small) + 1px);font-weight:var(--wp--custom--typography--font-weight--ui);line-height:1;white-space:nowrap}
.hl-branches .hl-branches__tools .hl-chip.is-active{background:var(--wp--preset--color--brand-100);border-color:var(--wp--preset--color--brand-100);color:var(--wp--preset--color--n-0)}
.hl-branches .hl-chip__check{display:none}
.hl-branches .hl-chip.is-active .hl-chip__check{display:block}
.hl-branches .hl-branches__layout{display:block;margin-top:16px}
.hl-branches .hl-branches__map{position:static;margin-bottom:16px}
.hl-branches .hl-map{height:220px;border-radius:var(--wp--custom--radius--card);border:1px solid var(--wp--preset--color--n-200)}
.hl-branches__nearbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding:4px 4px 4px 14px;border:1px solid var(--wp--preset--color--brand-20);border-radius:var(--wp--custom--radius--button);background:color-mix(in srgb,var(--wp--preset--color--brand-100) 7%,var(--wp--preset--color--n-0))}
.hl-branches__nearbar:not(:has(> :not([hidden]))){display:none}
.hl-branches .hl-branches__nearstate{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--wp--preset--font-size--small);line-height:1.5;font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-100)}
.hl-branches__clear{flex:0 0 auto;min-height:44px;padding:0 14px;border:0;background:none;font:inherit;font-size:calc(var(--wp--preset--font-size--small) + 1px);font-weight:var(--wp--custom--typography--font-weight--heading);color:var(--wp--preset--color--brand-100);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.hl-branches .hl-branches__count{margin:0 0 12px;font-size:var(--wp--preset--font-size--small);line-height:1.6;color:var(--wp--preset--color--n-600)}
.hl-branches .hl-branches__list{display:flex;flex-direction:column;gap:12px}
.hl-branches .hl-branch.hl-card{padding:20px} /* canvas T04v2 card padding 20 on every width (was --hl-gap 40 at >=768) */
.hl-branches .hl-branch__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.hl-branches .hl-branch__name{margin:2px 0 0}
.hl-branches .hl-branch__addr{margin:8px 0 0;font-size:var(--wp--preset--font-size--small);line-height:1.7;color:var(--wp--preset--color--n-700);overflow-wrap:anywhere}
.hl-branches .hl-branch__meta{margin:6px 0 0;font-size:var(--wp--preset--font-size--small);line-height:1.7;color:var(--wp--preset--color--n-700);font-variant-numeric:tabular-nums}
.hl-branches .hl-branch__meta a{font-weight:var(--wp--custom--typography--font-weight--ui)}
.hl-branches .hl-branch__actions{margin-top:14px}
.hl-branches .hl-branch__head .hl-branch__dist{display:inline-flex;align-items:center;gap:4px;font-size:calc(var(--wp--preset--font-size--small) + 1px);line-height:1.6;font-weight:var(--wp--custom--typography--font-weight--heading);color:var(--wp--preset--color--brand-100);font-variant-numeric:tabular-nums;white-space:nowrap}
.hl-branches .hl-branch__head .hl-branch__dist::before{content:"";flex:0 0 auto;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s7-7.2 7-12.5A7 7 0 0 0 5 9.5C5 14.8 12 22 12 22z' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s7-7.2 7-12.5A7 7 0 0 0 5 9.5C5 14.8 12 22 12 22z' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat}
@media (min-width:1024px){
  .hl-branches__find{flex-direction:row;align-items:flex-end}
  .hl-branches__near{flex:0 0 180px;width:180px}
  .hl-branches__brands{margin-top:20px}
  .hl-branches .hl-branches__tools{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hl-branches .hl-branches__layout{margin-top:20px}
  .hl-branches .hl-branches__map{margin-bottom:20px}
  .hl-branches .hl-map{height:400px}
}
/* C18 §2 · DEC-HLW-277: Thai address unit prefix + its name on one line (hl_addr_nb) - branch cards · contact pages · footer · gate R-ADDR-NB */
.hl-nb{white-space:nowrap}
/* C19 ORGCHART-BUILD · canvas GNCdccTQtab9AKvq7kP8Dt Version 11 1792144569-cb0c (sheets 1 · 2A · 3 · 5 · 6) · DEC-HLW-281..285 - org chart as text (HL_IR_OrgChart)
   lines = brand-60 of tokens v1.1.7 sec.1.1 (a reserve tint - R1 keeps it out of the palette - so it is mixed: brand-100 60% + n-0 = the same value)
   layout A (sheet 2A, left spine) by default · tree (sheets 1/3) when the chart frame is >= 860px (container query: the real about page has the left menu,
   so its column is ~924px at 1440, not the 1280 of sheet 1 - the text keeps its 66ch, only the chart uses the whole column) */
.hl-prose:has(.hl-org){max-width:none}
.hl-prose:has(.hl-org) > :not(.wp-block-post-content),.hl-prose:has(.hl-org) .wp-block-post-content > :not(.hl-org){max-width:66ch}
.hl-org{--hl-org-line:color-mix(in srgb,var(--wp--preset--color--brand-100) 60%,var(--wp--preset--color--n-0));container-type:inline-size;margin:2rem 0;background:var(--wp--preset--color--n-50);border-radius:var(--wp--custom--radius--media)}
.hl-org__in{padding:24px 20px 28px}
:where(.hl-org) :where(ul,li){list-style:none;margin:0;padding:0} /* zero specificity: the layout rules below win */
.hl-org__tree{position:relative;max-width:350px;margin:0 auto}
.hl-org__box{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;background:var(--wp--preset--color--n-0);color:var(--wp--preset--color--brand-100);border-radius:var(--wp--custom--radius--card)}
.hl-org__box--root{min-height:64px;padding:8px 12px;border:2px solid var(--wp--preset--color--brand-100);font-size:calc(var(--wp--preset--font-size--body) + 3px);line-height:1.5;font-weight:var(--wp--custom--typography--font-weight--heading);white-space:nowrap} /* sheet 2A 19px fixed (D3 · P2K) */
.hl-org[data-hl-orgchart="en"] .hl-org__box--root{white-space:normal} /* EN name wider than the box at 320-340px - TH stays one line (sheet 2A 19px) */
.hl-org__box--root::after,.hl-org__box--sub::after{content:"";position:absolute;width:10px;height:10px;border-radius:999px;background:var(--wp--preset--color--brand-70);box-shadow:0 0 0 3px var(--wp--preset--color--n-0)}
.hl-org__box--root::after{left:11px;bottom:-5px}
.hl-org__subs{position:relative;padding-left:40px}
.hl-org__node--sub{position:relative;padding-top:36px}
.hl-org__node--sub + .hl-org__node--sub{margin-top:4px}
.hl-org__node--sub:not(:last-child)::before{content:"";position:absolute;left:-25px;top:68px;bottom:-4px;width:2px;background:var(--hl-org-line)}
.hl-org__own{position:absolute;left:0;top:10px;font-size:var(--wp--preset--font-size--small);line-height:20px;font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-80);white-space:nowrap}
.hl-org__box--sub{min-height:64px;padding:8px 12px;border:1px solid var(--wp--preset--color--n-200);box-shadow:0 2px 6px color-mix(in srgb,var(--wp--preset--color--brand-100) 7%,transparent),0 8px 20px -8px color-mix(in srgb,var(--wp--preset--color--brand-100) 10%,transparent);font-size:calc(var(--wp--preset--font-size--body) + 2px);line-height:1.5;font-weight:var(--wp--custom--typography--font-weight--heading)} /* sheet 2A 18px fixed (D3 · P2K) */
.hl-org__box--sub::before{content:"";position:absolute;left:-25px;top:-36px;width:25px;height:calc(50% + 37px);box-sizing:border-box;border-left:2px solid var(--hl-org-line);border-bottom:2px solid var(--hl-org-line)}
.hl-org__box--sub::after{left:-5px;top:calc(50% - 5px)}
.hl-org__brands{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:36px}
.hl-org__brands::before{content:"";position:absolute;left:calc(50% - 1px);top:-36px;width:2px;height:18px;background:var(--hl-org-line)}
.hl-org__brands::after{content:"";position:absolute;left:calc((100% - 16px) / 6);right:calc((100% - 16px) / 6);top:-19px;height:2px;background:var(--hl-org-line)}
.hl-org__brand{position:relative}
.hl-org__brand::before{content:"";position:absolute;left:calc(50% - 1px);top:-18px;width:2px;height:18px;background:var(--hl-org-line)}
.hl-org__box--brand{height:100%;min-height:48px;padding:4px 6px;border:1px solid var(--wp--preset--color--n-300);font-size:calc(var(--wp--preset--font-size--small) + 1px);line-height:1.3;font-weight:var(--wp--custom--typography--font-weight--ui)}
@media (max-width:767px){.hl-org{margin-inline:calc(-1 * var(--wp--custom--grid--gutter-mobile));border-radius:0}}
@container (max-width:359.98px){.hl-org__box--brand{padding-inline:4px}} /* Design 22 Oct sec.3.3 (O1): chart frame <360px - 'ฟาร์แมกซ์' / 'Pharmax' stay one line at 320 after small 14 · >=360 = sheet 2A 6px */
.hl-org[data-hl-orgchart="en"] :is(.hl-org__box--root,.hl-org__box--sub,.hl-org__box--brand){text-wrap:balance} /* Design 22 Oct sec.3.2 (O2): EN 2-line names split evenly, no 'Limited' alone · TH untouched · old browsers = wrap as before */
@container (min-width:860px){
  .hl-org__in{padding:56px 0 64px}
  .hl-org__tree{max-width:1040px}
  .hl-org__node--root{display:flex;flex-direction:column;align-items:center}
  .hl-org__box--root{width:440px;max-width:100%;min-height:88px;padding:8px 16px;font-size:var(--wp--preset--font-size--h-3);line-height:1.42}
  .hl-org__box--root::after{left:calc(50% - 5px)}
  .hl-org__subs{width:100%;display:grid;grid-template-columns:1fr 1fr;padding:88px 0 0}
  .hl-org__subs::before{content:"";position:absolute;left:calc(50% - 1px);top:0;width:2px;height:40px;background:var(--hl-org-line)}
  .hl-org__subs::after{content:"";position:absolute;left:25%;right:25%;top:39px;height:2px;background:var(--hl-org-line)}
  .hl-org__node--sub{display:flex;flex-direction:column;align-items:center;padding-top:0}
  .hl-org__node--sub + .hl-org__node--sub{margin-top:0}
  .hl-org__node--sub::before,.hl-org__node--sub:not(:last-child)::before{content:"";position:absolute;left:calc(50% - 1px);top:-48px;bottom:auto;width:2px;height:48px;background:var(--hl-org-line)}
  .hl-org__own{left:calc(50% + 12px);top:-34px}
  .hl-org__box--sub{width:calc(100% - 120px);min-height:88px;padding:8px 16px;font-size:var(--wp--preset--font-size--h-4);line-height:1.46}
  .hl-org__box--sub::before{display:none}
  .hl-org__box--sub::after{left:calc(50% - 5px);top:-5px}
  .hl-org__brands{width:392px;grid-template-columns:repeat(3,120px);gap:16px;margin-top:72px}
  .hl-org__brands::before{top:-72px;height:36px}
  .hl-org__brands::after{left:60px;right:60px;top:-37px}
  .hl-org__brand::before{top:-36px;height:36px}
  .hl-org__box--brand{min-height:56px;padding:4px 8px;font-size:var(--wp--preset--font-size--body)}
  .hl-org__box--brand::after{content:"";position:absolute;left:calc(50% - 5px);top:-5px;width:10px;height:10px;border-radius:999px;background:var(--wp--preset--color--brand-70);box-shadow:0 0 0 3px var(--wp--preset--color--n-0)}
}
/* Train 2 W3 board pages (canvas T3fix V14 · DEC-HLW-229/137/138/245/251 · plugin HL_IR_Board) */
.hl-prose:has(.hl-bd){max-width:none}
.hl-bd{margin:0 0 2rem}
.hl-none{font-size:var(--wp--preset--font-size--small)}
.hl-nb{white-space:nowrap}
.hl-bd__strip{padding:0 0 28px;margin:0 0 32px;border-bottom:1px solid var(--wp--preset--color--n-200)}
.hl-bd__strip-h{display:block;margin:0 0 12px;font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-70)}
.hl-bd__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hl-bd__card{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--wp--preset--color--n-200);border-radius:var(--wp--custom--radius--card);text-decoration:none;color:inherit;background:var(--wp--preset--color--n-0)}
.hl-bd__card:hover{border-color:var(--wp--preset--color--brand-40)}
.hl-bd__card img{width:56px;height:70px;object-fit:cover;border-radius:var(--wp--custom--radius--card);background:var(--wp--preset--color--n-100);flex:none}
.hl-bd__card-n{display:block;font-weight:var(--wp--custom--typography--font-weight--heading);color:var(--wp--preset--color--brand-100)}
.hl-bd__card-p{display:block;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--n-600)}
.hl-bd__p{padding:0 0 40px;margin:0 0 40px;border-bottom:1px solid var(--wp--preset--color--n-200);scroll-margin-top:96px}
.hl-bd__p:last-child{border-bottom:0}
.hl-bd__top{display:flex;gap:40px;align-items:flex-start;margin:0 0 24px}
.hl-bd__ph{width:200px;height:250px;object-fit:cover;border-radius:var(--wp--custom--radius--media);background:var(--wp--preset--color--n-100);flex:none}
.hl-bd__id{flex:1;min-width:0}
.hl-prose .hl-bd__n{margin:0 0 8px;font-size:var(--wp--preset--font-size--h-3);line-height:var(--wp--custom--typography--line-height--h-3);color:var(--wp--preset--color--brand-100)}
.hl-prose .hl-bd__pos{margin:0 0 12px;font-weight:var(--wp--custom--typography--font-weight--heading);color:var(--wp--preset--color--n-800)}
.hl-bd__type{display:inline-block;margin:0 0 12px;padding:4px 12px;border-radius:999px;background:var(--wp--preset--color--n-100);border:1px solid var(--wp--preset--color--n-200);font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-100)}
.hl-prose .hl-bd__subs{margin:0;font-size:var(--wp--preset--font-size--small)}
.hl-bd__lbl{display:block;margin:0 0 4px;font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-70)}
.hl-bd__subs .hl-bd__lbl{display:inline;margin:0 8px 0 0}
.hl-bd__more > summary{display:none}
.hl-prose .hl-bd__facts{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;margin:0 0 28px;padding:20px 24px;background:var(--wp--preset--color--n-50);border:1px solid var(--wp--preset--color--n-200);border-radius:var(--wp--custom--radius--card)}
.hl-bd__facts dt{font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-70)}
.hl-bd__facts dd{margin:4px 0 0}
.hl-bd__cols{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;margin:0 0 24px}
.hl-prose .hl-bd h3{margin:0 0 12px;font-size:var(--wp--preset--font-size--h-4);line-height:var(--wp--custom--typography--line-height--h-4);color:var(--wp--preset--color--brand-100)}
.hl-prose .hl-bd__cols ul{margin:0;padding-left:1.2em}
.hl-bd__exp{width:100%;border-collapse:collapse;margin:0 0 28px}
.hl-bd__exp th{text-align:left;padding:8px 12px 8px 0;font-size:var(--wp--preset--font-size--small);font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-70);border-bottom:2px solid var(--wp--preset--color--n-200)}
.hl-bd__exp td{padding:12px 12px 12px 0;border-bottom:1px solid var(--wp--preset--color--n-200);vertical-align:top}
.hl-bd__per{white-space:nowrap;font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--n-700)}
.hl-bd__co{font-weight:var(--wp--custom--typography--font-weight--heading);color:var(--wp--preset--color--brand-100)}
.hl-bd__other{padding:20px 24px;background:var(--wp--preset--color--n-50);border:1px solid var(--wp--preset--color--n-200);border-radius:var(--wp--custom--radius--card)}
.hl-bd__other .hl-bd__cols{margin:0}
.hl-prose .hl-bd__other ul{margin:0;padding-left:1.2em}
@media (max-width:767px){
  .hl-bd__strip,.hl-bd__ph{display:none}
  .hl-bd__p{padding:0 0 24px;margin:0 0 24px}
  .hl-bd__top{margin:0 0 12px}
  .hl-bd__more > summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:8px 14px;border:1px solid var(--wp--preset--color--n-300);border-radius:var(--wp--custom--radius--card);cursor:pointer;font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-100);list-style:none}
  .hl-bd__more > summary::-webkit-details-marker{display:none}
  .hl-bd__more > summary::after{content:"+";font-weight:var(--wp--custom--typography--font-weight--heading)}
  .hl-bd__more[open] > summary::after{content:"−"}
  .hl-bd__body{padding:16px 0 0}
  .hl-prose .hl-bd__facts,.hl-bd__cols{grid-template-columns:1fr}
  .hl-bd__exp thead{display:none}
  .hl-bd__exp tr{display:block;padding:10px 0;border-bottom:1px solid var(--wp--preset--color--n-200)}
  .hl-bd__exp td{display:block;padding:2px 0;border:0}
  .hl-bd__per{white-space:normal}
}
/* P2 W9-OLDPAGES (inc/oldpages.php): policy texts · privacy documents · sitemap · investor calendar · major shareholders · performance charts · stock and dividend */
.hl-old{padding-block:var(--wp--preset--spacing--32) var(--wp--preset--spacing--64)}
.hl-old__prose{max-width:none}.hl-old__prose>:first-child{margin-top:0}
.hl-old__prose h2{font-size:var(--wp--preset--font-size--h-3);line-height:var(--wp--custom--typography--line-height--h-3);color:var(--wp--preset--color--brand-100);margin:var(--wp--preset--spacing--32) 0 var(--wp--preset--spacing--12)}
.hl-old__prose h3{font-size:var(--wp--preset--font-size--h-4);line-height:var(--wp--custom--typography--line-height--h-4);color:var(--wp--preset--color--brand-100);margin:var(--wp--preset--spacing--32) 0 var(--wp--preset--spacing--8)}
.hl-old__prose ol,.hl-old__prose ul{padding-left:var(--wp--preset--spacing--24)}
.hl-old__prose li{margin-bottom:var(--wp--preset--spacing--8)}
.hl-old__prose a{color:var(--wp--preset--color--brand-100);overflow-wrap:anywhere}
.hl-old__h2{margin:var(--wp--preset--spacing--32) 0 var(--wp--preset--spacing--12)}
.hl-old__lead{color:var(--wp--preset--color--n-700);margin:0 0 var(--wp--preset--spacing--16)}
.hl-old__prose table,.hl-old-table{width:100%;border-collapse:collapse;font-size:var(--wp--preset--font-size--table);line-height:var(--wp--custom--typography--line-height--table);margin:var(--wp--preset--spacing--12) 0 var(--wp--preset--spacing--24)}
.hl-old__prose th,.hl-old__prose td,.hl-old-table th,.hl-old-table td{padding:var(--wp--preset--spacing--12);border-bottom:1px solid var(--wp--preset--color--n-200);text-align:left;vertical-align:top}
.hl-old__prose thead th,.hl-old__prose thead td,.hl-old-table thead th{background:var(--wp--preset--color--brand-20);color:var(--wp--preset--color--brand-100);font-weight:var(--wp--custom--typography--font-weight--ui)}
.hl-old__prose td+td,.hl-old-table--div td+td+td{text-align:right;font-variant-numeric:var(--wp--custom--typography--numeric)}
.hl-old__prose td[colspan]{background:var(--wp--preset--color--n-50);color:var(--wp--preset--color--brand-100);font-weight:var(--wp--custom--typography--font-weight--ui);text-align:left}
.hl-old-tw,.hl-old__prose{overflow-x:auto}
.hl-old-table--cal td:first-child{white-space:nowrap}
.hl-old-docs{list-style:none;margin:0 0 var(--wp--preset--spacing--32);padding:0}
.hl-old-docs__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--wp--preset--spacing--12);padding:var(--wp--preset--spacing--16) 0;border-bottom:1px solid var(--wp--preset--color--n-200)}
.hl-old-docs__t{flex:1 1 280px;font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--n-800)}
.hl-old-docs .hl-ird-btns{flex-basis:auto}
.hl-old-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--wp--preset--spacing--32)}
.hl-old-map__h{font-size:var(--wp--preset--font-size--h-4);line-height:var(--wp--custom--typography--line-height--h-4);margin:0 0 var(--wp--preset--spacing--12)}
.hl-old-map__h a,.hl-old-map a{color:var(--wp--preset--color--brand-100);text-decoration:none}.hl-old-map a:hover{text-decoration:underline}
.hl-old-map__g{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--n-600);margin:var(--wp--preset--spacing--12) 0 var(--wp--preset--spacing--4)}
.hl-old-map ul{list-style:none;margin:0;padding:0}.hl-old-map li{margin:0 0 var(--wp--preset--spacing--8)}
.hl-old-cal__next{max-width:560px;margin-bottom:var(--wp--preset--spacing--32)}
.hl-old-cal__d{margin:0;color:var(--wp--preset--color--n-700)}
.hl-old-chips{display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--8);margin-bottom:var(--wp--preset--spacing--32)}
.hl-old-sec{margin-bottom:var(--wp--preset--spacing--40);scroll-margin-top:var(--wp--preset--spacing--96)}
.hl-old-sec .hl-h3{margin-bottom:var(--wp--preset--spacing--16)}
.hl-old-stock .hl-stock{max-width:420px}
.hl-old-calc{display:grid;gap:var(--wp--preset--spacing--16);max-width:720px}
.hl-old-calc__in{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--wp--preset--spacing--16)}
.hl-old-calc label{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--4);font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--n-700)}
.hl-old-calc input{min-height:44px;padding:0 var(--wp--preset--spacing--12);border:1px solid var(--wp--preset--color--n-300);border-radius:var(--wp--custom--radius--input);font:inherit;font-size:var(--wp--preset--font-size--body)}
.hl-old-calc__out{display:grid;grid-template-columns:auto 1fr;gap:var(--wp--preset--spacing--8) var(--wp--preset--spacing--16);margin:0}
.hl-old-calc__out dt{color:var(--wp--preset--color--n-600)}.hl-old-calc__out dd{margin:0;text-align:right;font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--brand-100)}
.hl-old-calc__note{margin:0}
.hl-old-chart{margin:var(--wp--preset--spacing--12) 0 var(--wp--preset--spacing--24);max-width:720px}
.hl-old-chart__legend{list-style:none;display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--8) var(--wp--preset--spacing--16);margin:0 0 var(--wp--preset--spacing--12);padding:0;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--n-700)}
.hl-old-chart__legend li{display:flex;align-items:center;gap:var(--wp--preset--spacing--8)}
.hl-old-chart__key{display:inline-block;width:12px;height:12px;border-radius:2px;flex:none}
.hl-old-chart__rows{display:grid;grid-template-columns:auto 1fr;gap:var(--wp--preset--spacing--8) var(--wp--preset--spacing--16);margin:0}
.hl-old-chart__p{color:var(--wp--preset--color--n-700);font-variant-numeric:var(--wp--custom--typography--numeric)}
.hl-old-chart__bars{margin:0;display:grid;gap:var(--wp--preset--spacing--4)}
.hl-old-chart__bar{display:flex;align-items:center;gap:var(--wp--preset--spacing--8);font-size:var(--wp--preset--font-size--small)}
.hl-old-chart__fill{display:block;height:14px;border-radius:2px;min-width:2px}
.hl-old-chart__line{display:flex;align-items:center;gap:var(--wp--preset--spacing--8);font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--n-700)}
.hl-old-chart__stack{display:flex;height:24px;border-radius:var(--wp--custom--radius--chip);overflow:hidden;margin-bottom:var(--wp--preset--spacing--12)}
.hl-old-chart__seg{display:block;height:100%}
.hl-old-chart__c0{background:var(--wp--preset--color--brand-100)}.hl-old-chart__c1{background:var(--wp--preset--color--brand-70)}.hl-old-chart__c2{background:var(--wp--preset--color--brand-40)}.hl-old-chart__c3{background:var(--wp--preset--color--brand-20)}.hl-old-chart__c4{background:var(--wp--preset--color--n-300)}
@media (max-width:767px){.hl-old-chart__rows{grid-template-columns:1fr}.hl-old-calc__out{grid-template-columns:1fr auto}}
/* GENINFO-PAGE (Cowork P2M 23 Oct 2026 · DEC-HLW-146): old-site 'general information' at the end of the IR contact page (#company-info) - the old-page table (.hl-old-table) inside a card · label above value on phones */
.hl-geninfo{padding-bottom:var(--wp--preset--spacing--96);scroll-margin-top:var(--wp--preset--spacing--96)}
.hl-geninfo>.hl-h2{margin:0 0 var(--wp--preset--spacing--24)}
.hl-geninfo__list{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--24)}
.hl-geninfo__blk .hl-h3{margin:0 0 var(--wp--preset--spacing--8);color:var(--wp--preset--color--brand-100)}
.hl-geninfo__t{margin:0}.hl-geninfo__t th{width:32%;font-weight:var(--wp--custom--typography--font-weight--ui);color:var(--wp--preset--color--n-700)}.hl-geninfo__t td{overflow-wrap:anywhere}
@media (max-width:767px){.hl-geninfo__t th,.hl-geninfo__t td{display:block;width:auto}.hl-geninfo__t th{border-bottom:0;padding-bottom:0}}
/* Design 22 Oct sec.3.1 (D5 · canvas v12 boards 7-8 · report 8c6b10f4): the left category menu as a swipe strip on <=1023 reaches the screen
   edges - G = the page gutter of .hl-container at that width (same variables: spacing-40 at 768-1023 · gutter-mobile at <=767) · the current item
   is brought into view by assets/js/nav.js (strip only, never the page) · gates R-ORGNAV (local) + the FIX-DEPLOY live check */
@media (max-width:1023px){.hl-content>.hl-subnav{--hl-subnav-g:var(--wp--preset--spacing--40, 1.5rem);margin-inline:calc(-1 * var(--hl-subnav-g));padding-inline:var(--hl-subnav-g);scroll-padding-inline:var(--hl-subnav-g)}}
@media (max-width:767px){.hl-content>.hl-subnav{--hl-subnav-g:var(--wp--custom--grid--gutter-mobile)}}

/* ---- POPUP-BUILD (set FIXB7) ประกาศ popup · canvas PpoYqfvj 1792249182-7f82 (design/PopupR3b_20261017: R3bP2InviteTH · R3bP2InviteMobile320 ·
   R3P4FSApprovedTH = พื้นเข้ม) · DEC-HLW-68/136/140 · NV Q62 ข้อ 3 · markup = inc/popup.php · behaviour = assets/js/popup.js · gate R-POPUP ---- */
.hl-pop[hidden], .hl-pop__dialog[hidden] { display: none; }
.hl-pop, .hl-pop *, .hl-pop *::before, .hl-pop *::after { box-sizing: border-box; }
.hl-pop { position: fixed; inset: 0; z-index: 1000; }
.hl-pop__backdrop { position: absolute; inset: 0; background: color-mix(in srgb, var(--wp--preset--color--n-900) 62%, transparent); }
.hl-pop__wrap { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: var(--wp--preset--spacing--24) var(--wp--preset--spacing--16); }
.hl-pop__dialog { position: relative; width: 920px; max-width: 100%; min-height: 520px; max-height: calc(100vh - 48px); display: grid; grid-template-columns: minmax(0, 1fr) 340px; grid-template-rows: minmax(0, 1fr) auto; grid-template-areas: "body art" "act art"; background: var(--wp--preset--color--n-0); border-radius: var(--wp--custom--radius--card); box-shadow: var(--wp--preset--shadow--e-3); overflow: hidden; }
.hl-pop__body { grid-area: body; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; justify-content: center; padding: 48px 40px 0 56px; background: linear-gradient(180deg, var(--wp--preset--color--n-0) 0%, var(--wp--preset--color--n-25) 100%); }
.hl-pop__logo { display: block; width: 88px; height: auto; margin: 0 0 var(--wp--preset--spacing--24); }
.hl-pop__kicker { margin: 0 0 var(--wp--preset--spacing--8); font-size: var(--wp--preset--font-size--lead); font-weight: var(--wp--custom--typography--font-weight--ui); color: var(--wp--preset--color--n-600); }
.hl-pop__title { margin: 0; font-size: var(--wp--preset--font-size--h-2); line-height: var(--wp--custom--typography--line-height--h-2); font-weight: var(--wp--custom--typography--font-weight--heading); color: var(--wp--preset--color--brand-100); }
.hl-pop__info { display: flex; flex-direction: column; gap: 10px; margin-top: var(--wp--preset--spacing--24); padding-top: var(--wp--preset--spacing--20); border-top: 1px solid var(--wp--preset--color--n-200); }
.hl-pop__row { display: flex; gap: var(--wp--preset--spacing--12); align-items: flex-start; margin: 0; font-size: var(--wp--preset--font-size--lead); font-weight: var(--wp--custom--typography--font-weight--ui); line-height: 1.6; color: var(--wp--preset--color--n-700); font-variant-numeric: var(--wp--custom--typography--numeric); }
.hl-pop__row--place { font-weight: var(--wp--custom--typography--font-weight--emphasis); }
.hl-pop__icon { flex: none; width: 24px; height: 24px; margin-top: 2px; color: var(--wp--preset--color--brand-100); }
.hl-pop__addr { display: block; font-size: var(--wp--preset--font-size--body); font-weight: var(--wp--custom--typography--font-weight--body); line-height: 1.7; color: var(--wp--preset--color--n-600); }
.hl-pop__act { grid-area: act; padding: var(--wp--preset--spacing--32) 40px 48px 56px; background: var(--wp--preset--color--n-25); }
.hl-pop__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border-radius: var(--wp--custom--radius--button); background: var(--wp--preset--color--brand-100); color: var(--wp--preset--color--n-0); font-size: var(--wp--preset--font-size--body); font-weight: var(--wp--custom--typography--font-weight--ui); line-height: 1.2; text-decoration: none; }
.hl-pop__btn:hover { background: var(--wp--preset--color--brand-80); color: var(--wp--preset--color--n-0); }
.hl-pop__art { grid-area: art; position: relative; background-color: var(--wp--preset--color--n-100); background-image: radial-gradient(circle, var(--wp--preset--color--brand-40) 1.6px, transparent 1.8px), linear-gradient(180deg, var(--wp--preset--color--n-100), var(--wp--preset--color--brand-20)); background-size: 20px 20px, 100% 100%; -webkit-mask-image: linear-gradient(to right, transparent 0, black 30%); mask-image: linear-gradient(to right, transparent 0, black 30%); }
.hl-pop__art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hl-pop__close { position: absolute; top: 16px; right: 16px; z-index: 3; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border-radius: var(--wp--custom--radius--button); border: 1px solid var(--wp--preset--color--n-500); background: var(--wp--preset--color--n-0); color: var(--wp--preset--color--n-800); cursor: pointer; }
.hl-pop__close:focus-visible, .hl-pop__btn:focus-visible { outline: 3px solid var(--wp--preset--color--brand-100); outline-offset: 2px; }
/* ④ ที่ประชุมอนุมัติงบ = พื้นเข้ม (โลโก้ขาว · ปุ่มขาว · R3P4FSApprovedTH) */
.hl-pop--t4 .hl-pop__body, .hl-pop--t4 .hl-pop__act { background: var(--wp--preset--color--brand-100); }
.hl-pop--t4 .hl-pop__title { color: var(--wp--preset--color--n-0); }
.hl-pop--t4 .hl-pop__kicker { color: var(--wp--preset--color--brand-20); }
.hl-pop--t4 .hl-pop__btn { background: var(--wp--preset--color--n-0); color: var(--wp--preset--color--brand-100); }
.hl-pop--t4 .hl-pop__btn:hover { background: var(--wp--preset--color--brand-20); color: var(--wp--preset--color--brand-100); }
.hl-pop--t4 .hl-pop__art { background-color: var(--wp--preset--color--brand-80); background-image: radial-gradient(circle, var(--wp--preset--color--brand-70) 1.6px, transparent 1.8px), linear-gradient(180deg, var(--wp--preset--color--brand-80), var(--wp--preset--color--brand-100)); }
.hl-pop--t4 .hl-pop__btn:focus-visible { outline-color: var(--wp--preset--color--n-0); }
.hl-pop--t4.hl-pop__dialog { background: var(--wp--preset--color--brand-100); }
.hl-pop--t4 .hl-pop__info { border-top-color: var(--wp--preset--color--brand-70); }
.hl-pop--t4 .hl-pop__row { color: var(--wp--preset--color--n-0); }
.hl-pop--t4 .hl-pop__addr, .hl-pop--t4 .hl-pop__row .hl-pop__icon { color: var(--wp--preset--color--brand-20); }
/* หน้าเว็บหลัง popup ไม่เลื่อน (DEC-HLW-68) - JS ใส่ top = -scrollY */
html.hl-pop-open { overflow: hidden; }
html.hl-pop-open body { position: fixed; left: 0; right: 0; width: 100%; overflow: hidden; }
/* มือถือ (R3bP2InviteMobile320 / MobileTH): แถบลายบน 72 · เนื้อความเลื่อน · ปุ่มยึดขอบล่าง · กากบาทยึดมุมบน · สูงไม่เกินจอ-32 */
@media (max-width: 767px) {
  .hl-pop__wrap { padding: var(--wp--preset--spacing--16); }
  .hl-pop__dialog { width: 100%; min-height: 0; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); display: flex; flex-direction: column; }
  .hl-pop__art { order: -1; flex: none; height: 72px; -webkit-mask-image: linear-gradient(to bottom, black 55%, transparent); mask-image: linear-gradient(to bottom, black 55%, transparent); }
  .hl-pop__body { flex: 1 1 auto; justify-content: flex-start; padding: 4px 20px 16px; }
  .hl-pop__logo { margin-bottom: var(--wp--preset--spacing--12); }
  .hl-pop__title { font-size: var(--wp--preset--font-size--h-3); line-height: var(--wp--custom--typography--line-height--h-3); }
  .hl-pop__kicker, .hl-pop__row { font-size: var(--wp--preset--font-size--body); }
  .hl-pop__addr { font-size: var(--wp--preset--font-size--small); }
  .hl-pop__info { margin-top: var(--wp--preset--spacing--16); padding-top: var(--wp--preset--spacing--16); }
  .hl-pop__act { flex: none; padding: 12px 20px 20px; border-top: 1px solid var(--wp--preset--color--n-200); }
  .hl-pop__btn { display: flex; width: 100%; }
  .hl-pop__close { top: 8px; right: 8px; }
}