/* Horoworld theme — main.css · โทนดำ-ม่วงจักรวาล + ทอง · Sarabun · โหมดมือถือแบบแอป */
:root{
  --hwt-bg:#07040f;--hwt-bg-2:#150a30;--hwt-primary:#3b1a78;--hwt-primary-2:#6a3fc4;--hwt-gold:#e6be5a;--hwt-gold-2:#f3d98a;
  --hwt-ink:#ffffff;--hwt-ink-2:#ffffff;--hwt-muted:#e6dfff;--hwt-surface:rgba(255,255,255,.05);--hwt-surface-2:rgba(255,255,255,.09);--hwt-line:rgba(255,255,255,.09);
  --hwt-radius:18px;--hwt-container:1200px;--hwt-header-h:72px;--hwt-tab-h:84px;
  /* map ให้ปลั๊กอิน core ใช้โทนเดียวกัน */
  --hw-primary:var(--hwt-primary-2);--hw-primary-2:#8a5cf5;--hw-gold:var(--hwt-gold);--hw-ink:var(--hwt-ink);--hw-muted:#fff;--hw-bg:var(--hwt-bg);--hw-surface:var(--hwt-surface);--hw-line:var(--hwt-line);--hw-radius:var(--hwt-radius);--hw-good:#4ade80;--hw-bad:#ff6b8a;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:'Sarabun',system-ui,sans-serif;font-size:1.02rem;line-height:1.75;color:var(--hwt-ink);
  background:var(--hwt-bg) radial-gradient(1200px 640px at 50% -10%,#3b1a78 0%,#150a30 45%,#07040f 100%) no-repeat;min-height:100vh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.9;
  background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 30% 6%,#fff 60%,transparent 61%),radial-gradient(1.6px 1.6px at 72% 12%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 88% 26%,#fff 60%,transparent 61%),radial-gradient(1.2px 1.2px at 52% 22%,#e6be5a 60%,transparent 61%),radial-gradient(1px 1px at 20% 34%,#fff 60%,transparent 61%),radial-gradient(1.4px 1.4px at 63% 32%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 40% 14%,#cbb7ff 60%,transparent 61%),radial-gradient(1px 1px at 80% 40%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 8% 60%,#fff 60%,transparent 61%),radial-gradient(1.2px 1.2px at 92% 70%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 46% 80%,#cbb7ff 60%,transparent 61%)}
body>*{position:relative;z-index:1}
img{max-width:100%;height:auto}
a{color:var(--hwt-gold)}a:hover{color:var(--hwt-gold-2)}
h1,h2,h3,h4{font-weight:800;line-height:1.3;margin:0 0 .5em;color:var(--hwt-ink)}
h1{font-size:clamp(1.7rem,3.8vw,2.6rem)} h2{font-size:clamp(1.25rem,2.6vw,1.7rem)} h3{font-size:1.1rem}
p{color:var(--hwt-ink-2)}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:fixed;top:8px;left:8px;clip:auto;width:auto;height:auto;background:#fff;color:#000;padding:8px;z-index:9999}
.hwt-container{max-width:var(--hwt-container);margin:0 auto;padding:0 20px}

/* buttons */
.hwt-btn,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--hwt-gold);color:#1b0f3d!important;padding:12px 24px;border-radius:999px;text-decoration:none;font-weight:700;border:0;cursor:pointer;line-height:1.3;transition:background .15s,transform .15s;min-height:46px}
.hwt-btn:hover,.wp-block-button__link:hover{background:var(--hwt-gold-2);transform:translateY(-1px)}
.hwt-btn-ghost,.is-style-outline .wp-block-button__link{background:var(--hwt-surface-2);border:1px solid rgba(255,255,255,.18);color:var(--hwt-ink)!important}
.hwt-btn-ghost:hover,.is-style-outline .wp-block-button__link:hover{background:rgba(255,255,255,.16)}
.hwt-btn-gold{background:var(--hwt-gold)}
.hwt-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(230,190,90,.14);color:var(--hwt-gold);font-size:.8rem;font-weight:600}

/* header (desktop) */
.hwt-topbar{background:var(--hwt-gold);color:#1b0f3d;font-size:.9rem;text-align:center;padding:6px 0;font-weight:600}
.hwt-header{background:rgba(7,4,15,.6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hwt-line)}
.has-sticky-header .hwt-header{position:sticky;top:0;z-index:900}
.hwt-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:var(--hwt-header-h)}
.hwt-brand a{color:#fff;text-decoration:none;font-weight:800;font-size:1.3rem;letter-spacing:.03em;display:flex;align-items:center;gap:8px}
.hwt-brand img{max-height:44px;width:auto}
.hwt-logo-text::before{content:"";width:32px;height:32px;border-radius:50%;background:linear-gradient(140deg,#e6be5a,#8a6a1c);display:inline-block}
.hwt-nav{flex:1;display:flex;justify-content:center}
.hwt-menu{list-style:none;margin:0;padding:0;display:flex;gap:2px;align-items:center}
.hwt-menu li{position:relative}
.hwt-menu-primary>li>a{color:#e9e2ff;text-decoration:none;padding:9px 14px;border-radius:10px;display:block;font-weight:500;white-space:nowrap;font-size:.95rem}
.hwt-menu-primary>li>a:hover,.hwt-menu-primary>li.current-menu-item>a,.hwt-menu-primary>li.current_page_item>a{background:var(--hwt-surface-2);color:var(--hwt-gold)}
.hwt-menu-primary .sub-menu{position:absolute;top:100%;left:0;background:#160b33;min-width:230px;border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.5);border:1px solid var(--hwt-line);padding:8px;display:none;flex-direction:column;gap:2px;z-index:10}
.hwt-menu-primary li:hover>.sub-menu,.hwt-menu-primary li:focus-within>.sub-menu{display:flex}
.hwt-menu-primary .sub-menu a{display:block;padding:9px 12px;border-radius:9px;color:var(--hwt-ink);text-decoration:none}
.hwt-menu-primary .sub-menu a:hover{background:var(--hwt-surface-2)}
.hwt-header-right{display:flex;align-items:center;gap:10px}
.hwt-header-cta{min-height:40px;padding:8px 18px;font-size:.9rem}
.hwt-burger{display:none;background:var(--hwt-surface-2);border:1px solid var(--hwt-line);border-radius:50%;width:42px;height:42px;padding:10px;cursor:pointer;flex-direction:column;justify-content:center;gap:4px}
.hwt-burger span{display:block;height:2px;background:#fff;border-radius:2px}

/* mobile drawer */
.hwt-mobile{position:fixed;inset:0 0 0 auto;width:min(320px,86vw);background:#160b33;z-index:1000;transform:translateX(100%);transition:transform .25s;overflow:auto;border-left:1px solid var(--hwt-line)}
.hwt-mobile.is-open{transform:none}
.hwt-mobile-inner{padding:20px}
.hwt-mobile-close{background:none;border:0;font-size:2rem;line-height:1;cursor:pointer;float:right;color:#fff}
.hwt-menu-mobile{flex-direction:column;align-items:stretch;gap:0;margin:40px 0 20px}
.hwt-menu-mobile a{display:block;padding:13px 8px;border-bottom:1px solid var(--hwt-line);text-decoration:none;color:var(--hwt-ink);font-weight:500}
.hwt-menu-mobile .sub-menu{list-style:none;padding-left:16px;margin:0}
.hwt-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:999}

/* bottom tab bar (มือถือ = แอป) */
.hwt-tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:950;height:calc(var(--hwt-tab-h) - 14px + env(safe-area-inset-bottom));padding:8px 8px calc(10px + env(safe-area-inset-bottom));background:rgba(10,5,24,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--hwt-line)}
.hwt-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#ffffff;opacity:.75;text-decoration:none;font-size:.68rem;font-weight:600;min-height:44px}
.hwt-tabbar a svg{width:22px;height:22px}
.hwt-tabbar a.is-active{color:var(--hwt-gold);opacity:1}

/* page */
.hwt-page{padding:22px 20px 56px}
.hwt-page-title{margin-bottom:.5em}
.hwt-breadcrumb,.rank-math-breadcrumb,.hw-breadcrumb{font-size:.82rem;color:var(--hwt-muted);margin-bottom:12px}
.hwt-breadcrumb a,.rank-math-breadcrumb a,.hw-breadcrumb a{color:var(--hwt-muted);text-decoration:none}
.hwt-page-hero img{width:100%;border-radius:var(--hwt-radius);margin-bottom:20px}
.entry-content>*{margin-top:0}.entry-content>*+*{margin-top:1.25rem}
.entry-content>.alignwide{max-width:1400px;margin-left:auto;margin-right:auto}
.entry-content>.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.entry-content.is-fullwidth>*:not(.alignfull):not(.alignwide){max-width:var(--hwt-container);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.entry-content.is-fullwidth>.alignfull>*{max-width:var(--hwt-container);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.entry-content.is-fullwidth>*+*{margin-top:0}
.wp-block-group.is-style-section{padding:48px 20px}
.wp-block-group.is-style-section-tight{padding:28px 20px}
.wp-block-group.is-style-card,.hwt-card-box{background:var(--hwt-surface);border:1px solid var(--hwt-line);border-radius:var(--hwt-radius);padding:20px}
.wp-block-columns{gap:16px}
.wp-block-image img{border-radius:var(--hwt-radius)}
.wp-block-quote{border-left:4px solid var(--hwt-gold);padding-left:16px;font-style:normal}
.wp-block-table table{width:100%;border-collapse:collapse}
.wp-block-table td,.wp-block-table th{border:1px solid var(--hwt-line);padding:8px 10px}
.wp-block-details{background:var(--hwt-surface);border:1px solid var(--hwt-line);border-radius:12px;padding:12px 16px}
.wp-block-details summary{font-weight:600;cursor:pointer}
.has-primary-background-color{background:linear-gradient(150deg,#3b1a78,#1c0c3f)!important}

/* hero */
.hwt-hero{text-align:center;padding:40px 20px 28px}
.hwt-hero .hwt-date{font-size:.85rem;color:var(--hwt-muted);margin-bottom:6px}
.hwt-hero h1{font-size:clamp(1.9rem,5vw,3.2rem);margin:0 0 6px}
.hwt-hero h1 em{font-style:normal;color:var(--hwt-gold)}
.hwt-hero p{color:var(--hwt-muted);margin:0 0 18px}
.hwt-eyebrow{display:inline-block;background:rgba(230,190,90,.14);color:var(--hwt-gold);padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:600}

/* sign orbs */
.hwt-sign-grid{display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr))}
.hwt-sign-grid a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:var(--hwt-radius);background:var(--hwt-surface);border:1px solid var(--hwt-line);color:var(--hwt-ink);text-decoration:none;text-align:center;transition:background .15s,transform .15s}
.hwt-sign-grid a:hover{background:var(--hwt-surface-2);transform:translateY(-2px)}
.hwt-sign-grid .hwt-sym,.hwt-orb{width:56px;height:56px;border-radius:50%;background:linear-gradient(160deg,#4b2a8a,#1b0f3d);border:1px solid rgba(230,190,90,.35);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--hwt-gold);box-shadow:0 0 18px rgba(75,42,138,.55)}
.hwt-sign-grid a.is-active .hwt-sym{background:linear-gradient(160deg,#e6be5a,#b8902c);color:#1b0f3d;box-shadow:0 0 22px rgba(230,190,90,.6)}
.hwt-sign-grid b{font-size:.9rem} .hwt-sign-grid small{font-size:.7rem;color:#fff;opacity:.85}
.hwt-sign-scroll{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 20px 8px;margin:0 -20px;scrollbar-width:none}
.hwt-sign-scroll::-webkit-scrollbar{display:none}
.hwt-sign-scroll a{flex:0 0 76px;scroll-snap-align:start;background:none;border:0;padding:6px 0}

/* cards */
.hwt-cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.hwt-card{border-radius:var(--hwt-radius);overflow:hidden;background:var(--hwt-surface);border:1px solid var(--hwt-line);transition:transform .15s,background .15s}
.hwt-card:hover{transform:translateY(-3px);background:var(--hwt-surface-2)}
.hwt-card a{text-decoration:none;color:var(--hwt-ink);display:block}
.hwt-card img{width:100%;aspect-ratio:1.9;object-fit:cover;display:block}
.hwt-card-body{padding:14px 16px} .hwt-card-body h3{font-size:1rem;margin:0 0 4px} .hwt-card-body p,.hwt-card-body small{color:#fff;opacity:.85;margin:0;font-size:.88rem}
.hwt-feature{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;background:var(--hwt-surface);border-radius:var(--hwt-radius);border:1px solid var(--hwt-line);height:100%;text-decoration:none;color:var(--hwt-ink)}
.hwt-feature:hover{background:var(--hwt-surface-2)}
.hwt-feature .hwt-ico{width:42px;height:42px;border-radius:12px;background:rgba(230,190,90,.14);display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.hwt-feature h3{margin:0;font-size:1rem} .hwt-feature p{color:#fff;opacity:.85;font-size:.85rem;margin:0}
.hwt-today{padding:18px;border-radius:22px;background:linear-gradient(150deg,#3b1a78 0%,#1c0c3f 100%);border:1px solid rgba(230,190,90,.3);box-shadow:0 16px 40px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:12px}
.hwt-today-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.hwt-stars{color:var(--hwt-gold);letter-spacing:2px}
.hwt-search{display:flex;gap:8px;max-width:520px} .hwt-search input{flex:1;padding:11px 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px;font:inherit;background:var(--hwt-surface-2);color:var(--hwt-ink)}
.hwt-404{text-align:center;padding:64px 20px} .hwt-404 .hwt-search{margin:20px auto}
.pagination .nav-links{display:flex;gap:6px;justify-content:center;margin-top:24px} .pagination a,.pagination span{padding:8px 14px;border-radius:9px;background:var(--hwt-surface);text-decoration:none;color:var(--hwt-ink)}

/* footer */
.hwt-footer{background:rgba(0,0,0,.35);border-top:1px solid var(--hwt-line);margin-top:48px;padding:40px 0 20px;color:#fff}
.hwt-footer a{color:var(--hwt-ink);text-decoration:none} .hwt-footer a:hover{color:var(--hwt-gold)}
.hwt-footer h4{margin-bottom:10px}
.hwt-footer-grid{display:grid;gap:28px;grid-template-columns:2fr 1fr 1fr}
.hwt-footer p{font-size:.92rem}
.hwt-menu-footer{flex-direction:column;align-items:flex-start;gap:6px}
.hwt-social{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px} .hwt-social a{padding:6px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.88rem}
.hwt-footer-bottom{border-top:1px solid var(--hwt-line);margin-top:28px;padding-top:16px;font-size:.82rem;text-align:center}

/* ปลั๊กอิน core: ปรับให้เข้าโทนมืด */
.hw-main{padding:22px 20px 56px}
.hw-card,.hw-latest,.hw-hub-excerpt,.hw-colorcard,.hw-number-result,.hw-intro,.hw-advice,.hw-tarot-card,.hw-pair,.hw-sign-block,.hw-hub-hero,.hw-traits li,.hw-tool-card{background:var(--hwt-surface)!important;border-color:var(--hwt-line)!important;color:var(--hwt-ink)}
.hw-card:hover{background:var(--hwt-surface-2)!important}
.hw-card .hw-sym,.hw-feed-icon{color:var(--hwt-gold);background:linear-gradient(160deg,#4b2a8a,#1b0f3d)!important;border:1px solid rgba(230,190,90,.35)}
.hw-period-tabs a{border-color:rgba(255,255,255,.14);color:var(--hwt-ink)} .hw-period-tabs a.is-active{background:var(--hwt-gold);color:#1b0f3d;border-color:var(--hwt-gold)}
.hw-btn{background:var(--hwt-gold);color:#1b0f3d!important} .hw-btn:hover{background:var(--hwt-gold-2)}
.hw-table th{background:var(--hwt-surface)} .hw-table td,.hw-table th{border-color:var(--hwt-line)}
.hw-auspicious tr.hw-good td{background:rgba(74,222,128,.12)} .hw-auspicious tr.hw-bad td{background:rgba(255,107,138,.12)}
.hw-tag{background:var(--hwt-surface-2);color:var(--hwt-ink)} .hw-tag.hw-good{background:rgba(74,222,128,.15);color:#4ade80} .hw-tag.hw-bad{background:rgba(255,107,138,.15);color:#ff6b8a}
.hw-form input{background:var(--hwt-surface-2);color:var(--hwt-ink);border-color:rgba(255,255,255,.14)} .hw-form button{background:var(--hwt-gold);color:#1b0f3d}
.hw-scorebar{background:var(--hwt-surface-2)} .hw-aspect{border-left-color:var(--hwt-gold)} .hw-lucky li{background:var(--hwt-surface-2)}
.hw-toc a{background:var(--hwt-surface);color:var(--hwt-ink)} .hw-dot{box-shadow:0 0 0 3px var(--hwt-bg),0 0 12px var(--c)}
.hw-pair.hw-grade-A{border-color:#4ade80!important} .hw-pair.hw-grade-F,.hw-pair.hw-grade-D{border-color:#ff6b8a!important}

@media (max-width:980px){
  .hwt-nav,.hwt-header-cta{display:none} .hwt-burger{display:flex}
  .hwt-tabbar{display:flex}
  body{padding-bottom:calc(var(--hwt-tab-h) + env(safe-area-inset-bottom))}
  .hwt-footer{margin-bottom:0}
  .hwt-footer-grid{grid-template-columns:1fr 1fr}
  .hwt-sign-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hwt-header{background:transparent;border:0;backdrop-filter:none}
  .hwt-header-inner{min-height:60px;padding-top:8px}
}
@media (max-width:600px){
  .hwt-footer-grid{grid-template-columns:1fr} .hwt-hero{padding:24px 20px 16px}
  .wp-block-group.is-style-section{padding:28px 20px}
  .hwt-sign-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .hwt-sign-grid .hwt-sym{width:50px;height:50px;font-size:1.4rem}
  .hwt-sign-grid a{padding:10px 4px} .hwt-sign-grid small{display:none}
  .hwt-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .wp-block-columns{flex-wrap:wrap}
}

/* ---------- ทายนิสัย ---------- */
.hwp-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}
.hwp-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))} .hwp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hwp-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;border-radius:var(--hwt-radius);background:var(--hwt-surface);border:1px solid var(--hwt-line);border-top:3px solid var(--c,var(--hwt-gold));color:var(--hwt-ink);text-decoration:none;text-align:center;transition:transform .15s,background .15s}
.hwp-tile:hover{background:var(--hwt-surface-2);transform:translateY(-2px)}
.hwp-tile.is-active{background:rgba(230,190,90,.14);border-color:var(--hwt-gold)}
.hwp-tile b{font-size:1.15rem;letter-spacing:.04em} .hwp-tile small{font-size:.75rem;color:#fff;opacity:.85}
.hwp-hero{display:flex;align-items:center;gap:18px;padding:20px;border-radius:22px;background:linear-gradient(150deg,#3b1a78 0%,#1c0c3f 100%);border:1px solid rgba(230,190,90,.3);margin-bottom:18px}
.hwp-code{width:96px;height:96px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:800;color:#fff;background:radial-gradient(circle at 35% 30%,var(--c,#6a3fc4),#1b0f3d 75%);border:2px solid rgba(230,190,90,.5);box-shadow:0 0 30px rgba(106,63,196,.5)}
.hwp-two{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}
.hwp-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-bottom:12px} .hwp-heart{font-size:2rem}
.hwp-pairs{display:flex;flex-wrap:wrap;gap:6px} .hwp-pairs a{padding:5px 10px;border-radius:999px;background:var(--hwt-surface);border:1px solid var(--hwt-line);font-size:.8rem;text-decoration:none;color:var(--hwt-ink)}
.hwp-progress{height:6px;border-radius:999px;background:var(--hwt-surface-2);margin-bottom:16px;overflow:hidden} .hwp-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8a5cf5,#e6be5a);transition:width .3s}
.hwp-q{font-size:1.15rem;font-weight:700;margin-bottom:14px;min-height:3em}
.hwp-opts{display:grid;gap:10px} .hwp-opts button{width:100%;text-align:left;justify-content:flex-start;padding:14px 18px;font-weight:500;font-size:1rem}
.hwp-lp{margin:12px 0}
.hw-scorebar{height:14px;background:var(--hwt-surface-2);border-radius:999px;position:relative;overflow:hidden;margin:8px 0}
.hw-scorebar::before{content:"";position:absolute;inset:0;width:0;background:linear-gradient(90deg,#ff6b8a,#e6be5a,#4ade80);transition:width .8s}
.hw-scorebar.is-on::before{width:calc(var(--pct) * 1%)} .hw-scorebar span{position:absolute;right:8px;top:-24px;font-weight:700}
.hw-aspect{font-size:1.1rem;margin:18px 0 4px;padding-left:12px;border-left:4px solid var(--hwt-gold)}
.hw-faq details{margin-bottom:8px}
@media (max-width:600px){ .hwp-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .hwp-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))} .hwp-two{grid-template-columns:1fr} .hwp-hero{flex-direction:column;text-align:center} .hwp-code{width:80px;height:80px} }

/* ตัวหนังสือขาวทั้งหมด */
body,p,li,td,th,small,label,input,textarea,.hwt-sub,.hwt-date,.hwt-note,.hwt-byline,.hw-sub,.hw-date,.hw-note,.hw-byline,.hwt-breadcrumb,.hwt-breadcrumb a,.hw-breadcrumb,.hw-breadcrumb a,.rank-math-breadcrumb,.rank-math-breadcrumb a{color:#fff}
.hwt-muted,[style*='color:var(--hwt-muted)']{color:#fff!important;opacity:.85}
h1,h2,h3,h4,h5,h6,.hwt-page-title,.hwp-q,.wp-block-heading{color:#fff!important}

/* บังคับขาวทุกตัวอักษร (ยกเว้นทอง) */
.hwt-page *,.hw-main *,.hwt-footer *,.hwt-hero *,.hwt-today *,.hwt-container *{color:#fff}
.hwt-page a:not(.hwt-btn):not(.hwp-tile):not(.hwt-feature):not(.hwt-card a):not(.hwp-pairs a),.hw-main a:not(.hw-btn):not(.hw-card):not(.hwt-btn),.hwt-footer a:hover{color:#e6be5a}
.hwt-chip,.hw-tag,.hwt-stars,.hw-stars,.hw-scorebar span,.hwt-tabbar a.is-active,.hwt-page .hwt-chip,.hwt-page .hwt-stars,.hwt-page .hw-scorebar span,.hwt-page .hw-aspect{color:#e6be5a!important}
.hwt-btn,.hwt-btn *,.wp-block-button__link,.hwt-page .hwt-btn,.hwt-page .wp-block-button__link,.hw-main .hw-btn{color:#1b0f3d!important}
.hwt-btn-ghost,.hwt-page .hwt-btn-ghost,.is-style-outline .wp-block-button__link{color:#fff!important}
.hw-tag.hw-good,.hwt-page .hw-tag.hw-good{color:#4ade80!important} .hw-tag.hw-bad,.hwt-page .hw-tag.hw-bad{color:#ff6b8a!important}
details summary,.wp-block-details summary,.hwt-note,.hwp-tile small,.hwt-feature p,.hwt-card-body p,.hwt-card-body small{color:#fff!important;opacity:1}

.hwc-names{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))} .hwc-name{padding:10px 14px!important} .hwc-name b{display:block;font-size:1.05rem} .hwc-name small{font-size:.8rem}

body:not(.has-footer) .hwt-main{padding-bottom:40px}

/* ===== หน้าแรก v2 ===== */
/* ===== หน้าแรก v2 ===== */
.hf{--g:#e6be5a;--g2:#f7d98a;--v:#6a3fc4;--v2:#9b6dff;--ink:#fff}
.hf *{box-sizing:border-box}
.hf-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
@keyframes hfFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes hfSpin{to{transform:rotate(360deg)}}
@keyframes hfPulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes hfShine{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes hfTwinkle{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes hfIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* hero */
.hf-hero{position:relative;padding:36px 0 26px;overflow:hidden}
.hf-hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}
.hf-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(230,190,90,.12);border:1px solid rgba(230,190,90,.35);color:var(--g);font-size:.85rem;font-weight:600;animation:hfIn .6s both}
.hf-kicker i{width:8px;height:8px;border-radius:50%;background:var(--g);box-shadow:0 0 10px var(--g);animation:hfPulse 1.8s infinite}
.hf-h1{font-size:clamp(2.1rem,5.2vw,3.6rem);line-height:1.12;font-weight:800;margin:14px 0 10px;animation:hfIn .6s .08s both}
.hf-h1 em{font-style:normal;background:linear-gradient(90deg,#f7d98a,#e6be5a,#fff2c4,#e6be5a);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:hfShine 4s linear infinite}
.hf-lead{font-size:1.05rem;line-height:1.7;max-width:520px;margin:0 0 18px;opacity:.9;animation:hfIn .6s .16s both}
.hf-cta{display:flex;gap:10px;flex-wrap:wrap;animation:hfIn .6s .24s both}
.hf-btn{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:12px 24px;border-radius:999px;font-weight:700;text-decoration:none;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s}
.hf-btn-gold{background:linear-gradient(135deg,#f7d98a,#e6be5a 60%,#c99f3b);color:#1b0f3d!important;box-shadow:0 8px 24px rgba(230,190,90,.35)}
.hf-btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(230,190,90,.5)}
.hf-btn-ghost{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#fff!important;backdrop-filter:blur(8px)}
.hf-btn-ghost:hover{background:rgba(255,255,255,.14)}
.hf-stats{display:flex;gap:22px;margin-top:22px;flex-wrap:wrap;animation:hfIn .6s .3s both}
.hf-stats div{display:flex;flex-direction:column} .hf-stats b{font-size:1.35rem;color:var(--g)} .hf-stats small{opacity:.75;font-size:.8rem}

/* orb */
.hf-orb-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px}
.hf-orb{position:relative;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8a5cf5 0%,#3b1a78 45%,#12082a 80%);box-shadow:0 0 80px rgba(138,92,245,.55),0 0 0 1px rgba(230,190,90,.35),inset 0 0 60px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;animation:hfFloat 6s ease-in-out infinite}
.hf-orb .hf-sym{font-size:140px;line-height:1;color:var(--g);text-shadow:0 0 30px rgba(230,190,90,.6)}
.hf-ring{position:absolute;inset:-26px;border-radius:50%;border:1px dashed rgba(230,190,90,.35);animation:hfSpin 40s linear infinite}
.hf-ring2{position:absolute;inset:-58px;border-radius:50%;border:1px solid rgba(255,255,255,.08);animation:hfSpin 70s linear infinite reverse}
.hf-ring2 i,.hf-ring i{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff;top:-5px;left:50%}
.hf-ring2 i{background:var(--g);box-shadow:0 0 12px var(--g);top:auto;bottom:-5px}
.hf-orb-tag{position:absolute;padding:8px 14px;border-radius:14px;background:rgba(10,5,24,.75);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);font-size:.85rem;white-space:nowrap;animation:hfFloat 5s ease-in-out infinite}
.hf-orb-tag b{color:var(--g)}
.hf-tag1{top:8%;left:2%;animation-delay:-1s} .hf-tag2{bottom:10%;right:0;animation-delay:-3s} .hf-tag3{top:18%;right:4%;animation-delay:-2s}

/* sign strip */
.hf-signs{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;margin-top:8px}
.hf-sign{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 4px 12px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;overflow:hidden}
.hf-sign::after{content:"";position:absolute;inset:0;background:radial-gradient(120px 60px at 50% 0%,rgba(230,190,90,.22),transparent 70%);opacity:0;transition:opacity .2s}
.hf-sign:hover{transform:translateY(-4px);background:rgba(255,255,255,.08);border-color:rgba(230,190,90,.45)} .hf-sign:hover::after{opacity:1}
.hf-sign .o{width:54px;height:54px;border-radius:50%;background:linear-gradient(160deg,#4b2a8a,#1b0f3d);border:1px solid rgba(230,190,90,.35);display:flex;align-items:center;justify-content:center;font-size:1.55rem;color:var(--g);box-shadow:0 0 18px rgba(75,42,138,.6)}
.hf-sign.is-active .o{background:linear-gradient(160deg,#f7d98a,#c99f3b);color:#1b0f3d;box-shadow:0 0 24px rgba(230,190,90,.65)}
.hf-sign b{font-size:.9rem} .hf-sign small{font-size:.66rem;opacity:.7;text-align:center}

/* section head */
.hf-sec{padding:34px 0 0}
.hf-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px}
.hf-head h2{margin:0;font-size:clamp(1.3rem,2.6vw,1.75rem);display:flex;align-items:center;gap:10px}
.hf-head h2::before{content:"";width:6px;height:26px;border-radius:3px;background:linear-gradient(180deg,var(--g),var(--v2))}
.hf-head a{font-size:.9rem;opacity:.9}

/* today card */
.hf-today{position:relative;display:grid;grid-template-columns:auto 1fr;gap:20px;padding:22px 24px;border-radius:24px;background:linear-gradient(140deg,rgba(74,37,150,.85),rgba(28,12,63,.9));border:1px solid rgba(230,190,90,.35);box-shadow:0 20px 60px rgba(0,0,0,.45);overflow:hidden}
.hf-today::before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(230,190,90,.25),transparent 70%)}
.hf-today .hwt-orb{width:84px;height:84px;font-size:2.4rem}
.hf-today-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.hf-today-head b{font-size:1.25rem} .hf-today-head .hwt-stars{font-size:1.1rem;letter-spacing:3px}
.hf-today p{margin:8px 0 12px;font-size:1rem;line-height:1.75}
.hf-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.hf-chip{padding:6px 12px;border-radius:999px;background:rgba(230,190,90,.14);border:1px solid rgba(230,190,90,.3);color:var(--g)!important;font-size:.82rem;font-weight:600}

/* tools */
.hf-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.hf-tool{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 16px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;overflow:hidden;transition:transform .2s,border-color .2s,background .2s}
.hf-tool::before{content:"";position:absolute;inset:0;background:radial-gradient(140px 90px at 20% 0%,var(--c),transparent 70%);opacity:.16;transition:opacity .2s}
.hf-tool:hover{transform:translateY(-4px);border-color:var(--c);background:rgba(255,255,255,.07)} .hf-tool:hover::before{opacity:.3}
.hf-tool .ic{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:1.4rem;position:relative}
.hf-tool b{font-size:1rem;position:relative} .hf-tool small{font-size:.8rem;opacity:.75;position:relative;line-height:1.4}

/* days */
.hf-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.hf-day{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 6px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none;transition:transform .2s,border-color .2s}
.hf-day:hover{transform:translateY(-3px);border-color:var(--c)}
.hf-day i{width:44px;height:44px;border-radius:50%;background:var(--c);box-shadow:0 0 22px var(--c);display:block}
.hf-day.is-today{border-color:var(--c);background:rgba(255,255,255,.08)} .hf-day.is-today::after{content:"วันนี้";font-size:.65rem;color:var(--g)}
.hf-day b{font-size:.85rem}

/* line + split */
.hf-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hf-line{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,rgba(6,199,85,.18),rgba(6,199,85,.05));border:1px solid rgba(6,199,85,.35);color:#fff;text-decoration:none}
.hf-line .lg{width:48px;height:48px;border-radius:14px;background:#06c755;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.8rem;flex:none}
.hf-line b{display:block;font-size:1.05rem} .hf-line small{opacity:.8}
.hf-quiz{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,rgba(138,92,245,.25),rgba(138,92,245,.06));border:1px solid rgba(138,92,245,.45);color:#fff;text-decoration:none}
.hf-quiz .lg{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex:none}

/* personality strip */
.hf-mbti{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none} .hf-mbti::-webkit-scrollbar{display:none}
.hf-mbti a{flex:0 0 auto;padding:10px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--c);color:#fff;text-decoration:none;font-weight:700;letter-spacing:.04em;font-size:.95rem}
.hf-mbti a small{display:block;font-weight:400;font-size:.72rem;opacity:.7;letter-spacing:0}

/* trust */
.hf-trust{margin:40px 0 20px;padding:22px 24px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;text-align:center}
.hf-trust b{display:block;font-size:1.05rem;margin-top:6px} .hf-trust small{opacity:.75;font-size:.82rem} .hf-trust span{font-size:1.6rem}

@media (max-width:980px){
  .hf-hero-in{grid-template-columns:1fr;gap:10px} .hf-orb-wrap{min-height:280px;order:-1} .hf-orb{width:220px;height:220px} .hf-orb .hf-sym{font-size:100px} .hf-ring{inset:-18px} .hf-ring2{inset:-40px}
  .hf-tag1{top:0;left:0} .hf-tag3{display:none}
  .hf-signs{grid-template-columns:repeat(4,minmax(0,1fr))} .hf-sign small{display:none}
  .hf-tools{grid-template-columns:repeat(3,minmax(0,1fr))} .hf-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px} .hf-day{padding:12px 2px} .hf-day i{width:34px;height:34px} .hf-day b{font-size:.72rem}
  .hf-split{grid-template-columns:1fr} .hf-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hf-today{grid-template-columns:1fr;gap:12px} .hf-today .hwt-orb{width:64px;height:64px;font-size:1.8rem}
}
@media (max-width:560px){ .hf-hero{padding:20px 0 16px} .hf-tools{grid-template-columns:repeat(2,minmax(0,1fr))} .hf-tool{padding:14px} .hf-stats{gap:14px} .hf-btn{min-height:46px;padding:10px 18px;font-size:.95rem} }


.hwt-logo-img img,.hwt-brand img{height:44px;width:auto;max-width:200px;object-fit:contain;display:block}
@media (max-width:600px){.hwt-logo-img img,.hwt-brand img{height:36px}}
.hwt-brand .custom-logo-link img{height:44px;width:auto}

/* sign images */
.hf-sign .o img,.hwt-sign-grid .hwt-sym img{width:100%;height:100%;object-fit:contain;border-radius:50%;display:block}
.hf-sign .o{overflow:hidden;background:radial-gradient(circle at 50% 40%,#3b1a78,#12082a);padding:2px} .hf-sign .o img{transform:scale(1.15)}
.hf-orb img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 0 24px rgba(230,190,90,.55))}
.hw-feed-icon img{width:100%;height:100%;object-fit:contain;transform:scale(1.2)}
/* calendar */
.cal-year{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.cal-month{display:block;padding:14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none} .cal-month:hover{border-color:#e6be5a}
.cal-month>b{display:block;margin-bottom:8px;color:#e6be5a}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font-size:.8rem}
.cal-h{font-weight:700;opacity:.7;padding:4px 0} .cal-d{padding:5px 0;border-radius:6px} .cal-d.su,.cal-h.su{color:#ff6b8a} .cal-d.hol{background:rgba(230,190,90,.2);color:#e6be5a;font-weight:700} .cal-d.today{outline:2px solid #e6be5a;font-weight:800}
.cal-month.big{padding:20px} .cal-month.big .cal-grid{font-size:1.05rem;gap:6px} .cal-month.big .cal-d{padding:12px 0;background:rgba(255,255,255,.04)}

.nak-tile img{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(230,190,90,.4))} .nak-tile{padding-top:10px}
.nak-hero img{width:180px;height:180px;object-fit:contain;flex:none;filter:drop-shadow(0 0 24px rgba(230,190,90,.5))}
@media (max-width:600px){.nak-tile img{width:80px;height:80px}.nak-hero img{width:130px;height:130px}}

.hw-period-tabs a.is-active,.hwt-page .hw-period-tabs a.is-active,.hw-main .hw-period-tabs a.is-active{color:#1b0f3d!important;background:#e6be5a}
.hw-feed-icon{overflow:hidden;font-size:2.4rem}

/* v1.6.2 — related links redesign */
.hw-related{margin:32px 0 8px}
.hw-related .hw-sec-title{font-size:1.35rem;margin:0 0 14px;padding-left:12px;border-left:4px solid var(--hwt-gold)}
.hw-related .hw-sec-sub{font-size:1.1rem;margin:26px 0 12px;color:var(--hwt-gold-2)}
.hw-related-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.hw-rel-card{position:relative;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px 40px 14px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(106,63,196,.35),rgba(255,255,255,.04));border:1px solid var(--hwt-line);text-decoration:none!important;transition:transform .15s,border-color .15s,background .15s}
.hw-rel-card:hover{transform:translateY(-2px);border-color:var(--hwt-gold);background:linear-gradient(135deg,rgba(106,63,196,.55),rgba(255,255,255,.07))}
.hw-rel-ic{grid-row:1/3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:12px;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(230,190,90,.35)}
.hw-rel-t{font-weight:700;font-size:1.02rem;color:#fff!important}
.hw-rel-d{font-size:.8rem;color:var(--hwt-muted)!important;opacity:.85}
.hw-rel-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:1.6rem;color:var(--hwt-gold)!important;line-height:1}
.hw-match-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.hw-match-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 12px;border-radius:16px;background:var(--hwt-surface);border:1px solid var(--hwt-line);text-decoration:none!important;text-align:center;transition:transform .15s,border-color .15s,background .15s}
.hw-match-card:hover{transform:translateY(-2px);border-color:var(--hwt-gold);background:var(--hwt-surface-2)}
.hw-match-pics{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.hw-match-pics img{width:44px;height:44px;border-radius:50%;object-fit:cover;transform:scale(1.12);box-shadow:0 0 0 2px rgba(230,190,90,.5)}
.hw-match-pics i{font-style:normal;color:#ff6b9d;font-size:1rem;text-shadow:0 0 8px rgba(255,107,157,.8)}
.hw-match-t{font-weight:700;color:#fff!important}
.hw-match-d{font-size:.75rem;color:var(--hwt-gold)!important}
@media(max-width:600px){.hw-related-grid{grid-template-columns:1fr 1fr}.hw-rel-card{grid-template-columns:36px 1fr;padding:12px 28px 12px 10px}.hw-rel-ic{width:36px;height:36px;font-size:1.2rem}.hw-rel-t{font-size:.92rem}.hw-rel-d{font-size:.72rem}.hw-match-grid{grid-template-columns:repeat(3,1fr)}.hw-match-pics img{width:36px;height:36px}}

/* v1.6.3 — bigger feed hero icon */
.hw-feed-head{gap:22px;align-items:center;margin:8px 0 18px;padding:18px;border-radius:22px;background:linear-gradient(135deg,rgba(106,63,196,.28),rgba(255,255,255,.03));border:1px solid var(--hwt-line)}
.hw-feed-icon{width:160px;height:160px;flex:none;border-radius:50%;background:radial-gradient(circle,rgba(106,63,196,.6),rgba(7,4,15,.9) 70%);box-shadow:0 0 0 3px var(--hwt-gold),0 0 0 8px rgba(230,190,90,.18),0 0 50px rgba(106,63,196,.7)}
.hw-feed-icon img{transform:scale(1.02)}
.hw-feed-head .hw-sub{font-size:1rem;line-height:1.8}
.hw-feed-head .hw-date{color:var(--hwt-gold)!important;font-weight:600}
@media(max-width:600px){.hw-feed-head{flex-direction:column;align-items:center;text-align:center;padding:20px 14px}.hw-feed-icon{width:150px;height:150px}}

/* v1.6.4 — match hero + hub hero */
.hw-hub-hero{display:flex;gap:22px;align-items:center;padding:18px;border-radius:22px;margin:8px 0 18px;background:linear-gradient(135deg,rgba(106,63,196,.28),rgba(255,255,255,.03))!important}
.hw-hub-hero .hw-title{margin-top:0}
.hw-match-hero{text-align:center;padding:26px 16px 18px;border-radius:24px;margin:8px 0 18px;background:linear-gradient(160deg,rgba(106,63,196,.32),rgba(255,107,157,.08) 60%,rgba(255,255,255,.03));border:1px solid var(--hwt-line);position:relative;overflow:hidden}
.hw-match-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,107,157,.18),transparent 45%);pointer-events:none}
.hw-match-vs{display:flex;align-items:center;justify-content:center;gap:26px;margin-bottom:16px;position:relative}
.hw-match-side{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none!important}
.hw-match-side img{width:150px;height:150px;border-radius:50%;object-fit:cover;background:radial-gradient(circle,rgba(106,63,196,.6),rgba(7,4,15,.9) 70%);box-shadow:0 0 0 3px var(--hwt-gold),0 0 0 8px rgba(230,190,90,.18),0 0 45px rgba(106,63,196,.7);transition:transform .2s}
.hw-match-side:hover img{transform:scale(1.05)}
.hw-match-side b{font-size:1.1rem;color:#fff!important;margin-top:8px}
.hw-match-side small{font-size:.8rem;color:var(--hwt-muted)!important}
.hw-match-heart{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:-30px}
.hw-match-heart span{font-size:2.6rem;line-height:1;filter:drop-shadow(0 0 14px rgba(255,107,157,.9));animation:hwbeat 1.6s ease-in-out infinite}
.hw-match-heart b{font-size:1.5rem;color:var(--hwt-gold)!important}
@keyframes hwbeat{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
.hw-match-hero .hw-title{margin:6px 0 4px;position:relative}
.hw-match-hero .hw-score{position:relative;font-size:1.05rem}
@media(max-width:600px){.hw-hub-hero{flex-direction:column;text-align:center}.hw-match-vs{gap:10px}.hw-match-side img{width:105px;height:105px}.hw-match-side b{font-size:.95rem}.hw-match-heart span{font-size:2rem}.hw-match-heart b{font-size:1.2rem}}

/* v1.7.0 — tool badge images */
.hwt-page-badge{float:right;width:150px;height:150px;margin:-10px 0 10px 16px;filter:drop-shadow(0 6px 22px rgba(106,63,196,.55));animation:hwfloat 5s ease-in-out infinite}
@keyframes hwfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.hwt-page-title,.hw-page-header{clear:none}
.hf-tool .ic{width:64px;height:64px;border-radius:18px;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.12),rgba(255,255,255,.02));padding:4px}
.hf-tool .ic img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}
.hf-tool:hover .ic img{transform:scale(1.1);transition:transform .2s}
.hf-day i{width:64px;height:64px;background:radial-gradient(circle,var(--c) 0%,transparent 72%);box-shadow:none;opacity:1;display:flex;align-items:center;justify-content:center}
.hf-day i img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.6))}
.hf-quiz .lg img{width:56px;height:56px;object-fit:contain}
.hwt-feature .hwt-ico img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}
.hwt-feature .hwt-ico{font-size:2rem;line-height:1}
.hw-card.hw-day .hw-sym{width:64px;height:64px;border-radius:0;overflow:visible}
.hw-card.hw-day .hw-sym img{transform:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}
.hw-feed-icon img{transform:none}
@media(max-width:600px){.hwt-page-badge{width:96px;height:96px;margin:-6px 0 6px 10px}.hf-tool .ic{width:56px;height:56px}.hf-day i{width:44px;height:44px}.hf-day i img{width:42px;height:42px}}