/* HiveLuminary — theme "summit" (2026-10-11). Palette lifted from manilaopenhouse.com/premium/shang-summit-executive-summary:
   warm-white #FDFCFA · cream #F7F5F0 · champagne gold #C3A17E (dark #A9835C, light #E3CFAE) · charcoal #2E323A · slate #4A5262
   · forest #4F7A63 · earth #8B5E42 · sky #6FA3C7 · border #E5E0D5. Arial only. SIMPLIFIED: flat surfaces, hairline borders,
   minimal soft shadows, no gradients / eclipse / bokeh / glow / hex ornaments, simple fades. LIGHT by default; tasteful
   charcoal-based dark variant via the visitor toggle. Every pair below passes WCAG AA (checked 2026-10-11). */
:root{
  --hl-gold:#C3A17E;--hl-gold-2:#E3CFAE;--hl-gold-3:#A9835C;--hl-gold-rgb:195,161,126;--hl-gold-2-rgb:227,207,174;
  --hl-plum:#2E323A;--hl-plum-2:#3A3F48;--hl-plum-deep:#1E2126;--hl-violet:#4F7A63;--hl-violet-rgb:79,122,99;
  --hl-plum-rgb:46,50,58;--hl-plum-deep-rgb:30,33,38;--hl-surface-dark-rgb:46,50,58;--hl-shadow-rgb:46,50,58;
  --hl-ivory:#FDFCFA;--hl-cream:#F7F5F0;
  --hl-forest:#4F7A63;--hl-earth:#8B5E42;--hl-sky:#6FA3C7;--hl-slate:#4A5262;
  --hl-bg:#FDFCFA;--hl-bg-2:#F7F5F0;--hl-surface:#FFFFFF;--hl-surface-2:#FBFAF7;--hl-surface-3:#F3F0E9;
  --hl-border:#E5E0D5;--hl-border-strong:#D3CCBE;
  --hl-text:#2E323A;--hl-text-2:#4A5262;--hl-text-3:#667080;--hl-text-inv:#FFFFFF;--hl-text-on-gold:#2E323A;
  --hl-primary:#C3A17E;--hl-primary-ink:#85643F;--hl-accent:#4F7A63;
  --hl-success:#3E7556;--hl-success-bg:#EAF2EC;--hl-warning:#8B5E42;--hl-warning-bg:#F6EEE8;--hl-danger:#B23A2E;--hl-danger-bg:#F9ECEA;--hl-info:#3B6E93;--hl-info-bg:#EAF1F6;
  --hl-dk-text:#FFFFFF;--hl-dk-text-2:#CFCAC0;--hl-dk-text-3:#B3ACA0;--hl-dk-text-4:#CFCAC0;--hl-dk-text-5:#E6E1D8;--hl-dk-text-6:#E6E1D8;
  --hl-dk-muted:#9AA1AD;--hl-dk-muted-2:#9AA1AD;--hl-dk-accent:#E3CFAE;--hl-dk-success:#8FC9A8;
  /* flat "gradients" */
  --hl-grad-gold:linear-gradient(0deg,#C3A17E,#C3A17E);
  --hl-grad-wordmark:linear-gradient(0deg,#A9835C,#A9835C);
  --hl-grad-gold-soft:linear-gradient(0deg,#F7F5F0,#F7F5F0);
  --hl-grad-plum:linear-gradient(0deg,#2E323A,#2E323A);
  --hl-grad-eclipse:none;
  --hl-grad-hero:linear-gradient(180deg,rgba(46,50,58,0) 0%,rgba(46,50,58,.78) 100%);
  --hl-grad-shimmer:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.45) 50%,rgba(255,255,255,0) 60%);
  --hl-tour-ph-bg:linear-gradient(0deg,#4A5262,#4A5262);
  /* shadows: minimal */
  --hl-sh-xs:0 1px 2px rgba(46,50,58,.04);
  --hl-sh-sm:0 1px 3px rgba(46,50,58,.06);
  --hl-sh:0 4px 14px rgba(46,50,58,.07);
  --hl-sh-lg:0 10px 28px rgba(46,50,58,.10);
  --hl-glow:0 0 0 1px #D3CCBE;
  --hl-glow-strong:0 0 0 1px #C3A17E;
  --hl-glow-violet:0 0 0 1px #4F7A63;
  --hl-ring:0 0 0 3px rgba(195,161,126,.38);
  /* shapes + decoration */
  --hl-hex:circle(50% at 50% 50%);--hl-hex-flat:circle(50% at 50% 50%);--hl-diamond:circle(50% at 50% 50%);
  --hl-decor:none;--hl-avatar-r:50%;--hl-card-lift:none;
  --hl-r-lg:16px;--hl-r-xl:20px;
  --hl-t-reveal:360ms;--hl-t-slow:360ms;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --hl-bg:#1E2126;--hl-bg-2:#252930;--hl-surface:#2E323A;--hl-surface-2:#353A43;--hl-surface-3:#3D424C;
  --hl-border:#3F4550;--hl-border-strong:#515866;
  --hl-text:#F3F0EA;--hl-text-2:#CFCAC0;--hl-text-3:#ABB2BD;--hl-text-inv:#2E323A;--hl-text-on-gold:#1E2126;
  --hl-primary:#C3A17E;--hl-primary-ink:#DCC3A0;--hl-accent:#7FB092;
  --hl-success:#7FC29B;--hl-success-bg:#1E3A2A;--hl-warning:#D9B08C;--hl-warning-bg:#3A2C22;--hl-danger:#F09A8E;--hl-danger-bg:#3D2522;--hl-info:#8FC1E3;--hl-info-bg:#1F3344;
  --hl-grad-gold-soft:linear-gradient(0deg,#353A43,#353A43);
  --hl-grad-plum:linear-gradient(0deg,#1E2126,#1E2126);
  --hl-grad-shimmer:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.08) 50%,rgba(255,255,255,0) 60%);
  --hl-sh-xs:0 1px 2px rgba(0,0,0,.25);--hl-sh-sm:0 1px 3px rgba(0,0,0,.3);--hl-sh:0 4px 14px rgba(0,0,0,.32);--hl-sh-lg:0 10px 28px rgba(0,0,0,.4);
  --hl-glow:0 0 0 1px #515866;--hl-glow-strong:0 0 0 1px #C3A17E;
  --hl-plum-rgb:30,33,38;--hl-surface-dark-rgb:46,50,58;
  color-scheme:dark;
}

/* ═══════════ Structural simplification (only when Summit is the active UI) ═══════════ */
:root[data-ui="summit"] .hl-card,:root[data-ui="summit"] .hl-panel,:root[data-ui="summit"] .hl-pk,:root[data-ui="summit"] .hl-adm-card,:root[data-ui="summit"] .hl-side,:root[data-ui="summit"] .hl-facts,:root[data-ui="summit"] .hl-show,:root[data-ui="summit"] .hl-review,:root[data-ui="summit"] .hl-ccard{box-shadow:none}
:root[data-ui="summit"] .hl-card:hover,:root[data-ui="summit"] .hl-pk:hover,:root[data-ui="summit"] .hl-show:hover,:root[data-ui="summit"] .hl-ccard:hover{transform:none;box-shadow:var(--hl-sh);border-color:var(--hl-border-strong)}
:root[data-ui="summit"] .hl-card--boosted{box-shadow:none;border-color:var(--hl-gold)}
:root[data-ui="summit"] .hl-card--premium{border-color:var(--hl-gold)}
:root[data-ui="summit"] .hl-card--cover-live{animation:none}
:root[data-ui="summit"] .hl-card--one_liner:hover .hl-liner{transform:none;box-shadow:none;border-color:var(--hl-gold)}
:root[data-ui="summit"] .hl-btn--gold{box-shadow:none}
:root[data-ui="summit"] .hl-btn--gold:hover{box-shadow:none;transform:none;background:#B8956F}
:root[data-ui="summit"][data-theme="dark"] .hl-btn--gold:hover{background:#D0B08E}
:root[data-ui="summit"] .hl-btn--ghost:hover{border-color:var(--hl-gold);color:var(--hl-primary-ink);background:var(--hl-surface-2)}
:root[data-ui="summit"] .hl-divider::before,:root[data-ui="summit"] .hl-divider::after,:root[data-ui="summit"] .hl-directory__head::before,:root[data-ui="summit"] .hl-directory__head::after{background:var(--hl-border)}
:root[data-ui="summit"] .hl-diamond,:root[data-ui="summit"] .hl-promo__kick::before,:root[data-ui="summit"] .hl-article h2::before,:root[data-ui="summit"] .hl-hours tr.is-today td:first-child::before,:root[data-ui="summit"] .hl-faq summary::after{width:7px;height:7px;background:var(--hl-gold);border-radius:50%}
:root[data-ui="summit"] .hl-faq summary::after{margin-top:-3.5px}
:root[data-ui="summit"] .hl-faq details[open] summary::after{transform:none;background:var(--hl-primary-ink)}
:root[data-ui="summit"] .hl-highlights .hl-diamond,:root[data-ui="summit"] .hl-pk__feat .hl-diamond,:root[data-ui="summit"] .hl-hero__panel .hl-diamond,:root[data-ui="summit"] .hl-profile__hl .hl-diamond{margin-top:6px}
:root[data-ui="summit"] .hl-logo svg{border-radius:8px;filter:none}
:root[data-ui="summit"] .hl-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--hl-surface)}
:root[data-ui="summit"] .hl-header.is-scrolled{box-shadow:0 1px 0 var(--hl-border)}
:root[data-ui="summit"] .hl-nav a.is-active,:root[data-ui="summit"] .hl-nav a:hover,:root[data-ui="summit"] .hl-nav button:hover{background:var(--hl-bg-2)}
:root[data-ui="summit"] .hl-search__box{border-color:var(--hl-border);background:var(--hl-bg-2)}
:root[data-ui="summit"] .hl-search__box:focus-within{background:var(--hl-surface)}
:root[data-ui="summit"] .hl-bottomnav{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--hl-surface)}
:root[data-ui="summit"] .hl-bottomnav .hl-bottomnav__hex{box-shadow:none;border-radius:10px}
:root[data-ui="summit"] .hl-fab{box-shadow:var(--hl-sh);border-radius:12px}
:root[data-ui="summit"] .hl-badge{box-shadow:none;border-color:var(--hl-border);letter-spacing:.04em}
:root[data-ui="summit"] .hl-badge--cover{border-color:transparent}
:root[data-ui="summit"] .hl-badge--premium{border-color:var(--hl-gold);background:var(--hl-surface)}
:root[data-ui="summit"] .hl-badge--verified{border-color:transparent}
:root[data-ui="summit"] .hl-badge--new{background:var(--hl-surface-2)}
:root[data-ui="summit"] .hl-chip{background:var(--hl-surface)}
:root[data-ui="summit"] .hl-chip i::before{opacity:0}
:root[data-ui="summit"] .hl-chip i::after{opacity:1;border-color:var(--hl-border)}
:root[data-ui="summit"] .hl-chip i,:root[data-ui="summit"] .hl-nav__menu a i,:root[data-ui="summit"] .hl-sheet__cats a i,:root[data-ui="summit"] .hl-tile-i{color:var(--hl-text-2);background:var(--hl-surface-2)}
:root[data-ui="summit"] .hl-nav__menu a i::before,:root[data-ui="summit"] .hl-sheet__cats a i::before,:root[data-ui="summit"] .hl-tile-i::before{opacity:0}
:root[data-ui="summit"] .hl-nav__menu a i::after,:root[data-ui="summit"] .hl-sheet__cats a i::after,:root[data-ui="summit"] .hl-tile-i::after{opacity:1;border-color:var(--hl-border)}
:root[data-ui="summit"] .hl-nav__menu a:hover i{box-shadow:none;border-color:var(--hl-gold);color:var(--hl-primary-ink)}
:root[data-ui="summit"] .hl-nav__menu{box-shadow:var(--hl-sh)}
:root[data-ui="summit"] .hl-nav__menu a i svg,:root[data-ui="summit"] .hl-sheet__cats a i svg,:root[data-ui="summit"] .hl-chip i svg,:root[data-ui="summit"] .hl-tile-i svg{filter:none;stroke-width:2}
/* ── Category tiles: flat cream rounded square, hairline border, single-colour 2px line glyph ── */
:root[data-ui="summit"] .hl-cat-tile{--cat-r:16px;--cat-tint:0;--cat-ring:1;color:var(--hl-text);background:var(--hl-surface-2);box-shadow:none;border:1px solid var(--hl-border)}
:root[data-ui="summit"] .hl-cat-tile::before{display:none}
:root[data-ui="summit"] .hl-cat-tile::after{display:none}
:root[data-ui="summit"] .hl-cat-tile svg{stroke-width:2;filter:none;width:26px;height:26px}
:root[data-ui="summit"] .hl-cat-tile--sm{--cat-r:11px}:root[data-ui="summit"] .hl-cat-tile--sm svg{width:18px;height:18px}
:root[data-ui="summit"] .hl-cat-tile--xs{--cat-r:8px}:root[data-ui="summit"] .hl-cat-tile--xs svg{width:14px;height:14px}
:root[data-ui="summit"] .hl-cat-tile[style*="background:var(--hl-grad-gold)"],:root[data-ui="summit"] .hl-cat--all .hl-cat-tile{background:var(--hl-gold);border-color:var(--hl-gold);color:var(--hl-text-on-gold)}
:root[data-ui="summit"] .hl-cat .hl-cat-tile{transition:border-color var(--hl-t),color var(--hl-t)}
:root[data-ui="summit"] .hl-cat:hover .hl-cat-tile{box-shadow:none;transform:none;border-color:var(--hl-gold);color:var(--hl-primary-ink)}
:root[data-ui="summit"] .hl-cat.is-active .hl-cat-tile{box-shadow:none;transform:none;border-color:var(--hl-gold-3);color:var(--hl-primary-ink);background:var(--hl-surface)}
:root[data-ui="summit"] .hl-cat.is-active::after{background:var(--hl-gold);height:2px}
:root[data-ui="summit"] .hl-cat__n{box-shadow:none;border-color:var(--hl-border)}
:root[data-ui="summit"] .hl-cat-strip__scroll{-webkit-mask-image:none;mask-image:none}
:root[data-ui="summit"] .hl-band__tile{box-shadow:none;width:72px;height:72px}
:root[data-ui="summit"] .hl-band__tile svg{width:32px;height:32px}
:root[data-ui="summit"] .hl-empty .hl-cat-tile,:root[data-ui="summit"] .hl-cat-tile[style*="background:var(--hl-grad-gold)"]{box-shadow:none}
:root[data-ui="summit"] .hl-addon .hl-cat-tile--sm{background:var(--hl-surface-2);color:var(--hl-primary-ink)}
:root[data-ui="summit"] .hl-cat-img,:root[data-ui="summit"] .hl-cat-emoji{display:none}
/* ── Avatars / thumbs: circles and rounded rectangles instead of hexes; flat gold ring ── */
:root[data-ui="summit"] .hl-avatar--over{box-shadow:none;border-color:var(--hl-surface)}
:root[data-ui="summit"] .hl-hex-ring{background:var(--hl-gold);padding:2px;border-radius:50%;clip-path:none;-webkit-clip-path:none}
:root[data-ui="summit"] .hl-hex-ring>*{clip-path:none;-webkit-clip-path:none;border-radius:50%}
:root[data-ui="summit"] .hl-gallery img,:root[data-ui="summit"] .hl-card--classified .hl-classified__thumb{clip-path:none;-webkit-clip-path:none;border-radius:var(--hl-r-sm)}
:root[data-ui="summit"] .hl-gallery img:hover{transform:none}
:root[data-ui="summit"] .hl-avatar--mono{background:var(--cat,var(--hl-gold));color:#fff}
:root[data-ui="summit"] .hl-phero__avatar{box-shadow:none}
:root[data-ui="summit"] .hl-pband__avatar{box-shadow:none}
:root[data-ui="summit"] .hl-hero__who .hl-avatar{box-shadow:0 0 0 2px var(--hl-gold)}
/* ── Hero / bands / dark sections: flat charcoal, hairlines ── */
:root[data-ui="summit"] .hl-hero{background:var(--hl-plum);min-height:min(62dvh,520px)}
:root[data-ui="summit"] .hl-hero--house{min-height:0}
:root[data-ui="summit"] .hl-hero--house .hl-hero__in{padding-top:48px;padding-bottom:44px}
@media (min-width:1024px){:root[data-ui="summit"] .hl-hero--house .hl-hero__in{padding-top:64px;padding-bottom:56px}}
:root[data-ui="summit"] .hl-phero__panel .hl-chip,:root[data-ui="summit"] .hl-hero__who .hl-chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
:root[data-ui="summit"] .hl-phero__panel .hl-chip i,:root[data-ui="summit"] .hl-hero__who .hl-chip i{background:rgba(255,255,255,.1);color:var(--hl-dk-accent)}
:root[data-ui="summit"] .hl-phero__panel .hl-chip i::after,:root[data-ui="summit"] .hl-hero__who .hl-chip i::after{border-color:rgba(255,255,255,.2)}
:root[data-ui="summit"] .hl-hero--cover .hl-hero__bg::after{background:linear-gradient(180deg,rgba(46,50,58,.2) 0%,rgba(46,50,58,.86) 100%)}
:root[data-ui="summit"] .hl-hero__panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);box-shadow:none}
:root[data-ui="summit"] .hl-hero__title{letter-spacing:-.015em}
:root[data-ui="summit"] .hl-band{background:var(--hl-bg-2)}
:root[data-ui="summit"] .hl-band--plum{background:var(--hl-plum)}
:root[data-ui="summit"] .hl-cta-band,:root[data-ui="summit"] .hl-ctaband,:root[data-ui="summit"] .hl-card--house_ad,:root[data-ui="summit"] .hl-pk--hero,:root[data-ui="summit"] .hl-side--house,:root[data-ui="summit"] .hl-bk__head{background:var(--hl-plum)}
:root[data-ui="summit"] .hl-card--house_ad:hover{box-shadow:none}
:root[data-ui="summit"] .hl-cta-band{border-radius:var(--hl-r-lg)}
:root[data-ui="summit"] .hl-footer{background:var(--hl-plum)}
:root[data-ui="summit"] .hl-footer__bottom{border-top-color:rgba(255,255,255,.12)}
:root[data-ui="summit"] .hl-phero{background:var(--hl-plum)}
:root[data-ui="summit"] .hl-phero__veil{background:linear-gradient(90deg,rgba(46,50,58,.9) 0%,rgba(46,50,58,.72) 48%,rgba(46,50,58,.4) 100%),linear-gradient(180deg,rgba(46,50,58,.2) 0%,rgba(46,50,58,.5) 55%,rgba(46,50,58,.96) 100%)}
:root[data-ui="summit"] .hl-phero__bg{filter:saturate(.7)}
:root[data-ui="summit"] .hl-phero__panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.06);box-shadow:none}
:root[data-ui="summit"] .hl-phero__quick a{border-color:rgba(255,255,255,.22);background:transparent;transition:border-color var(--hl-t),color var(--hl-t)}
:root[data-ui="summit"] .hl-phero__quick a:hover{transform:none;background:rgba(255,255,255,.08);border-color:var(--hl-dk-accent)}
:root[data-ui="summit"] .hl-phero__scroll{animation:none}
:root[data-ui="summit"] .hl-subnav{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--hl-surface)}
:root[data-ui="summit"] .hl-subnav__ink{background:var(--hl-gold)}
:root[data-ui="summit"] .hl-subnav__item .hl-diamond{display:none}
:root[data-ui="summit"] .hl-psec__num i,:root[data-ui="summit"] .hl-step::before,:root[data-ui="summit"] .hl-pk__hex,:root[data-ui="summit"] .hl-bk__sum i{background:var(--hl-gold);box-shadow:none;border-radius:8px}
:root[data-ui="summit"] .hl-facts::before{height:2px}
:root[data-ui="summit"] .hl-adm__top,:root[data-ui="summit"] .hl-settings-save{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--hl-surface)}
:root[data-ui="summit"] .hl-adm__side{background:var(--hl-plum)}
:root[data-ui="summit"] .hl-adm__nav a.is-active{background:rgba(255,255,255,.08)}
:root[data-ui="summit"] .hl-adm-login .hl-panel{box-shadow:none}
/* ── Promo: flat coupon (no perforation mask) ── */
:root[data-ui="summit"] .hl-card--promo{border-color:var(--hl-border)}
:root[data-ui="summit"] .hl-promo__in{-webkit-mask:none;mask:none;padding:14px;background:var(--hl-bg-2)}
:root[data-ui="summit"] .hl-promo__in::before{display:none}
:root[data-ui="summit"] .hl-card--classified{border-top:1px solid var(--hl-border);border-left:3px solid var(--hl-gold)}
:root[data-ui="summit"] .hl-code{border-style:solid;border-color:var(--hl-border-strong)}
:root[data-ui="summit"] .hl-blogdot{box-shadow:none}
:root[data-ui="summit"] .hl-card--blog_card .hl-media{background:var(--hl-surface-3)}
:root[data-ui="summit"] .hl-card--blog_card .hl-media--ph{color:var(--hl-text-3)}
:root[data-ui="summit"] .hl-card--tour .hl-tour__ph span{color:var(--hl-dk-accent)}
/* ── Skeletons / loaders ── */
:root[data-ui="summit"] .hl-skel-hex i{border-radius:50%;opacity:.5}
:root[data-ui="summit"] .hl-spin-hex{border-radius:50%}
:root[data-ui="summit"] .hl-review::before{display:none}
:root[data-ui="summit"] .hl-rbar i::after{background:var(--hl-gold)}
:root[data-ui="summit"] .hl-video__play b{box-shadow:none;border-radius:50%}
:root[data-ui="summit"] .hl-map__ph{background:var(--hl-bg-2)}
:root[data-ui="summit"] .hl-ccard i{background:var(--hl-bg-2)}
:root[data-ui="summit"] .hl-install{box-shadow:var(--hl-sh)}
:root[data-ui="summit"] .hl-toast{box-shadow:var(--hl-sh)}
:root[data-ui="summit"] .hl-note{border-left-color:var(--hl-gold)}
:root[data-ui="summit"] .hl-pk--best{box-shadow:none;border-color:var(--hl-gold)}
:root[data-ui="summit"] .hl-filter-row .hl-chip.is-active{background:var(--hl-plum);color:#fff}
/* ── Motion: simple fades only ── */
:root[data-ui="summit"] .hl-reveal.is-in{animation-name:hl-fade}
@keyframes hl-fade{from{opacity:0}to{opacity:1}}
:root[data-ui="summit"] .hl-hero__bg,:root[data-ui="summit"] .hl-phero__bg{transform:none!important}
@media (prefers-reduced-motion:reduce){:root[data-ui="summit"] .hl-reveal.is-in{animation:none}}