/* LaserEngraveHQ brand layer. Nap sau style.css cua child.
 * "Maker studio": nen giay am, chu muc dam, MOT mau nhan do-san ho laser, mau go cho chip.
 * Tuong phan (WCAG AA): #1B1F2A tren #FAF8F5 15.5:1. Nut: chu trang tren #C7361F 5.3:1
 * (#E8452C chi dung cho duong ke, cham laser, vien, chu lon). Link #B8341C 5.6:1.
 * Chip go: chu #7A4F25 tren #F3E8DC 5.9:1. Toi: navy #121829, link #F07A62 6.5:1.
 */
@font-face{font-family:"Source Sans 3";src:url(../fonts/source-sans-3-var.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(../fonts/source-sans-3-italic-var.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(../fonts/space-grotesk-var.woff2) format("woff2");font-weight:300 700;font-display:swap}

:root{
  --leh-laser:#E8452C; --leh-cta:#C7361F; --leh-cta-hover:#A82C17; --leh-link:#B8341C;
  --leh-laser-tint:#FDECE8; --leh-glow:rgba(232,69,44,.45);
  --leh-wood:#B9824D; --leh-wood-ink:#7A4F25; --leh-wood-tint:#F3E8DC;
  --leh-card:#FFFFFF; --leh-shadow:0 1px 2px rgba(27,31,42,.06),0 6px 18px rgba(27,31,42,.07);
  --leh-radius:10px;
  --navy:#1B1F2A; --ink:#1B1F2A; --ink-soft:#363B48; --muted:#5A5F6B; --line:#E4DFD7; --bg:#FAF8F5;
  --panel:#F2EEE8; --gold:var(--leh-cta); --gold-deep:var(--leh-cta-hover); --link:var(--leh-link); --sale:#B3261E;
  --font:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --font-head:"Space Grotesk","Segoe UI",Arial,sans-serif;
  --fs-h2:30px; --fs-h3:22px;

  --color-primary:#C7361F; --color-primary-hover:#A82C17; --color-primary-dark:#A82C17;
  --color-primary-light:#FDECE8; --color-primary-rgb:199,54,31;
  --color-accent:#C7361F; --color-accent-hover:#A82C17; --color-accent-light:#FDECE8;
  --color-text:#1B1F2A; --color-text-secondary:#363B48; --color-text-muted:#5A5F6B; --color-text-subtle:#666B77;
  --color-bg:#FAF8F5; --color-bg-alt:#F2EEE8; --color-surface:#F2EEE8; --color-surface-raised:#FFFFFF; --color-surface-hover:#EBE6DE;
  --color-border:#E4DFD7; --color-border-subtle:#EEE9E2; --color-border-strong:#D3CCC1;
  --acms-primary-rgb:199,54,31; --acms-star-active:#C7361F; --acms-border:#E4DFD7;
  --good:#17704A;
}

body{background:var(--bg);color:var(--ink);font-family:var(--font)}

/* Tieu de: Space Grotesk */
h1,h2,h3,h4,.who-title,.cat-hero h1,.accent-h,.col-h,.cat-title,article.page h1{font-family:var(--font-head);letter-spacing:-.01em}
h1{font-weight:700} h2,h3{font-weight:600}
article.page h1{text-transform:none}

/* Than bai 18px, dong thoang (spec muc 9) */
.page-body,.guide-body,.rd-body,.single-body,.entry-content{font-size:18px;line-height:1.7}
.page-body a,.guide-body a,.rd-body a,.entry-content a{color:var(--link);text-decoration:underline;text-underline-offset:2px}

/* Focus ro rang cho ban phim */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,label:focus-visible,summary:focus-visible{outline:3px solid var(--leh-laser);outline-offset:2px;border-radius:4px}

/* Logo: tam ngam + cham laser */
.logo{display:inline-flex;flex-direction:row;align-items:center;gap:9px;font-family:var(--font-head);font-weight:700;font-size:27px;line-height:1;color:var(--ink);letter-spacing:-.02em}
.logo .logo-mark{width:34px;height:34px;flex:none;overflow:visible}
.logo .lm-ring{fill:none;stroke:var(--ink);stroke-width:2.2}
.logo .lm-hair{stroke:var(--ink);stroke-width:2.2;stroke-linecap:round}
.logo .lm-glow{fill:var(--leh-glow)}
.logo .lm-dot{fill:var(--leh-laser)}
.logo .logo-hq{color:var(--leh-cta);margin-left:1px}
footer.site .logo{color:#fff}
footer.site .logo .lm-ring,footer.site .logo .lm-hair{stroke:#fff}
footer.site .logo .logo-hq{color:#F07A62}

/* Header sang, duong laser manh phat sang duoi nav */
header.site{background:#fff}
.navbar{background:#fff;border-top:1px solid var(--line);box-shadow:inset 0 -1px 0 var(--leh-laser),0 2px 8px -4px var(--leh-glow)}
.navbar .ni > a,.navbar .right a{font-size:15px;color:var(--ink);font-weight:600}
.navbar .ni:hover > a,.navbar .right a:hover{color:var(--leh-cta);box-shadow:inset 0 -3px 0 var(--leh-laser)}
.navbar .right a.leh-nav-cta{margin:6px 0 6px 10px;line-height:32px;padding:0 14px;border-radius:999px;background:var(--leh-cta);color:#fff;box-shadow:none}
.navbar .right a.leh-nav-cta:hover{background:var(--leh-cta-hover);color:#fff;box-shadow:none}
.navbar .submenu{border-top-color:var(--leh-laser);border-radius:0 0 var(--leh-radius) var(--leh-radius)}

/* Nut va tap target lon */
.btn,.acms-btn,button,[type=submit]{min-height:44px}
.acms-btn{background:var(--leh-cta);border-color:var(--leh-cta);color:#fff;border-radius:8px}
.acms-btn:hover{background:var(--leh-cta-hover);border-color:var(--leh-cta-hover);color:#fff}
.leh-btn{display:inline-flex;align-items:center;gap:8px;background:var(--leh-cta);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:17px;padding:12px 22px;border-radius:8px;min-height:44px;border:0;cursor:pointer}
.leh-btn:hover{background:var(--leh-cta-hover)}
.leh-btn.ghost{background:transparent;color:var(--ink)!important;border:1.5px solid var(--ink)}
.leh-btn.ghost:hover{border-color:var(--leh-cta);color:var(--leh-cta)!important}

/* Bang doc duoc tren mobile: cuon ngang, cot dau dinh */
.page-body table,.rd-body table,.entry-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:640px){
  .rd-body table th:first-child,.rd-body table td:first-child,
  .entry-content table th:first-child,.entry-content table td:first-child{position:sticky;left:0;background:var(--bg);z-index:1}
  .logo{font-size:22px}.logo .logo-mark{width:28px;height:28px}
}
.searchpill button,.m-search button{min-height:0}

/* Quick Picks (dau bai roundup) */
.leh-quickpicks{position:relative;background:var(--leh-card);border:1px solid var(--line);border-radius:var(--leh-radius);box-shadow:var(--leh-shadow);padding:20px 22px 12px;margin:22px 0;overflow:hidden}
.leh-quickpicks::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--leh-laser) 18%,var(--leh-laser) 82%,transparent);box-shadow:0 0 10px var(--leh-glow)}
.leh-quickpicks .leh-qp-h{font-family:var(--font-head);font-weight:700;font-size:22px;margin:0 0 6px}
.leh-quickpicks ul{list-style:none;margin:0;padding:0}
.leh-quickpicks li{padding:12px 0;border-top:1px solid var(--line);line-height:1.55}
.leh-quickpicks li:first-child{border-top:0}
.leh-qp-label{display:inline-block;background:var(--leh-laser-tint);color:var(--leh-link);font-family:var(--font-head);font-size:13px;font-weight:700;letter-spacing:.02em;padding:3px 9px;border-radius:999px;margin-right:6px}
.leh-qp-cta a{display:inline-block;margin-left:6px;background:var(--leh-cta);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:15px;padding:9px 16px;border-radius:8px;min-height:40px;white-space:nowrap}
.leh-qp-cta a:hover{background:var(--leh-cta-hover)}

/* Bang so sanh: cuon ngang, cot ten dinh */
table.leh-compare{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--leh-radius);background:var(--leh-card)}
table.leh-compare th{background:var(--panel);font-family:var(--font-head);font-size:15px;text-align:left}
table.leh-compare th,table.leh-compare td{padding:10px 12px;vertical-align:top;border-bottom:1px solid var(--line)}
table.leh-compare th:first-child,table.leh-compare td:first-child{position:sticky;left:0;background:var(--leh-card);z-index:1;font-weight:600}
table.leh-compare th:first-child{background:var(--panel)}
.acms-cmp .card-grid{margin:18px 0}
@media (max-width:760px){
  table.leh-compare th,table.leh-compare td{min-width:104px}
  table.leh-compare th:first-child,table.leh-compare td:first-child{min-width:150px}
}

/* Chip vat lieu (mau go) */
.leh-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px;padding:0;list-style:none}
.leh-chip{display:inline-flex;align-items:center;gap:5px;background:var(--leh-wood-tint);color:var(--leh-wood-ink);font-size:15px;font-weight:600;padding:4px 11px;border-radius:999px;line-height:1.4}
.leh-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--leh-wood)}
.leh-chip.cut::before{background:var(--leh-laser);border-radius:1px;transform:rotate(45deg)}
.leh-ec{margin:6px 0 14px}
.leh-ec b{font-family:var(--font-head);font-size:15px;margin-right:6px}

/* Callout: tip, warning, safety */
.leh-callout{border:1px solid var(--line);border-left:4px solid var(--leh-wood);background:var(--leh-card);border-radius:var(--leh-radius);padding:14px 18px;margin:20px 0}
.leh-callout p:last-child{margin-bottom:0}
.leh-callout.warning{border-left-color:#B7791F;background:#FFF8EB}
.leh-callout.safety{border-left-color:var(--leh-laser);background:var(--leh-laser-tint)}
.leh-callout .leh-callout-h{display:block;font-family:var(--font-head);font-weight:700;margin-bottom:4px}

/* Verdict box (bai X vs Y) */
.leh-verdict{background:var(--leh-card);border:1px solid var(--line);border-radius:var(--leh-radius);box-shadow:var(--leh-shadow);padding:18px 22px;margin:20px 0;border-top:3px solid var(--leh-laser)}

/* Laser Type Matrix + bang vat lieu */
table.leh-matrix,table.leh-materials{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--leh-radius);background:var(--leh-card);font-size:16px}
table.leh-matrix th,table.leh-matrix td,table.leh-materials th,table.leh-materials td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
table.leh-matrix th,table.leh-materials th{background:var(--panel);font-family:var(--font-head)}
table.leh-matrix th:first-child,table.leh-matrix td:first-child,table.leh-materials td:first-child,table.leh-materials th:first-child{position:sticky;left:0;background:var(--leh-card);font-weight:600;z-index:1}
table.leh-matrix th:first-child,table.leh-materials th:first-child{background:var(--panel)}
.leh-yes{color:var(--good);font-weight:700}
.leh-no{color:#9B2C1F;font-weight:700}
.leh-never{display:inline-block;background:#9B2C1F;color:#fff;font-weight:700;font-size:13px;padding:2px 8px;border-radius:999px}
.leh-mat-warn{font-size:15px;color:var(--ink-soft)}

/* Trang chu: hero co luoi giay ke o va duong laser */
.leh-hero{position:relative;padding:56px 0 48px;background-color:var(--bg);background-image:linear-gradient(rgba(27,31,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(27,31,42,.05) 1px,transparent 1px);background-size:24px 24px;border-bottom:1px solid var(--line);overflow:hidden}
.leh-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--leh-laser) 30%,var(--leh-laser) 70%,transparent);box-shadow:0 0 12px var(--leh-glow)}
.leh-hero .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}
.leh-hero h1{font-size:46px;line-height:1.08;margin:0 0 14px}
.leh-hero h1 em{font-style:normal;color:var(--leh-cta)}
.leh-hero .lead{font-size:20px;line-height:1.6;color:var(--ink-soft);margin:0 0 22px;max-width:36em}
.leh-hero .cta-row{display:flex;flex-wrap:wrap;gap:12px}
.leh-hero-card{background:var(--leh-card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--leh-shadow);padding:20px 22px}
.leh-hero-card h2{font-size:19px;margin:0 0 10px}
.leh-hero-card ol{margin:0;padding-left:20px;line-height:1.6}
.leh-hero-card li{margin:4px 0}
@media (max-width:860px){.leh-hero .wrap{grid-template-columns:1fr}.leh-hero h1{font-size:34px}.leh-hero{padding:36px 0 32px}}

.leh-sec{padding:40px 0 8px}
.leh-sec h2{font-size:28px;margin:0 0 6px}
.leh-sec .sec-sub{color:var(--muted);margin:0 0 18px}
.leh-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.leh-tile{display:block;background:var(--leh-card);border:1px solid var(--line);border-radius:var(--leh-radius);box-shadow:var(--leh-shadow);padding:16px 18px;color:var(--ink)!important;text-decoration:none!important;transition:border-color .15s,transform .15s}
.leh-tile:hover{border-color:var(--leh-laser);transform:translateY(-1px)}
.leh-tile b{display:block;font-family:var(--font-head);font-size:18px;margin-bottom:4px}
.leh-tile span{font-size:15px;color:var(--muted);line-height:1.45;display:block}
.leh-tile.mat b::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--leh-wood);margin-right:8px;vertical-align:middle}
.leh-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0 40px}
.leh-trust div{background:var(--leh-card);border:1px solid var(--line);border-radius:var(--leh-radius);padding:16px 18px}
.leh-trust b{display:block;font-family:var(--font-head);margin-bottom:4px}
.leh-trust p{margin:0;font-size:16px;color:var(--ink-soft)}
@media (max-width:760px){.leh-trust{grid-template-columns:1fr}}
.leh-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}

/* Machine Finder */
.leh-mf{background:var(--leh-card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--leh-shadow);padding:22px;margin:20px 0}
.leh-mf fieldset{border:0;margin:0 0 18px;padding:0}
.leh-mf legend{font-family:var(--font-head);font-weight:700;font-size:19px;margin-bottom:8px}
.leh-mf .opts{display:flex;flex-wrap:wrap;gap:8px}
.leh-mf .opts label{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:8px;padding:10px 14px;min-height:44px;cursor:pointer;font-size:17px;background:var(--bg)}
.leh-mf .opts input{accent-color:var(--leh-cta);width:18px;height:18px}
.leh-mf .opts label:has(input:checked){border-color:var(--leh-cta);background:var(--leh-laser-tint)}
.leh-mf-result{margin-top:10px;border-top:2px solid var(--leh-laser);padding-top:16px}
.leh-mf-result[hidden]{display:none}
.leh-mf-result h2{margin-top:0}
.leh-mf-note{font-size:15px;color:var(--muted)}

/* Khoi team trang chu: mot tac gia thuong hieu, can giua */
.team{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 28px}
.team .m{min-width:140px}

/* Nut trong than bai khong an mau link */
.buy-btns a,.page-body a.acms-btn,.rd-body a.acms-btn,.entry-content a.acms-btn,.leh-qp-cta a{text-decoration:none!important}
.buy-btns a{color:#fff!important}
.buy-btns a.alt{color:var(--navy)!important}
footer.site{background:#141822}
footer.site .ft-h{color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-family:var(--font-head)}
footer.site .fine{color:#A9AEB8}
footer.site .desc{color:#C3C7CF}

/* ============================================================
 * DARK MODE theo prefers-color-scheme (spec muc 9): navy sau, giu nguyen mau nhan.
 * Theme cha van o mode light (header.php), moi mau toi nam o day.
 * ============================================================ */
@media (prefers-color-scheme: dark){
  :root{
    color-scheme:dark;
    --navy:#0B1020; --ink:#E6E8EE; --ink-soft:#C4C8D2; --muted:#9AA0AE; --line:#2A3247; --bg:#121829;
    --panel:#1A2236; --link:#F07A62; --leh-link:#F07A62; --leh-card:#182033; --leh-laser-tint:#3A1E1D;
    --leh-wood-tint:#3A2C1E; --leh-wood-ink:#E7C29A;
    --leh-shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.25);
    --color-text:#E6E8EE; --color-text-secondary:#C4C8D2; --color-text-muted:#9AA0AE; --color-text-subtle:#8C93A2;
    --color-bg:#121829; --color-bg-alt:#1A2236; --color-surface:#1A2236; --color-surface-raised:#182033; --color-surface-hover:#222B42;
    --color-border:#2A3247; --color-border-subtle:#222A3D; --color-border-strong:#36405A;
    --color-primary-light:#3A1E1D; --color-accent-light:#3A1E1D;
    --acms-border:#2A3247; --good:#4CC38A;
  }
  header.site,.mobile-search,.searchpill,.hamburger,.m-searchbtn,.navbar .submenu,.btn-loadmore,.buy-btns a.alt,
  .store-side .author-box,.variant-badge,.store-logo{background:var(--color-surface-raised);color:var(--ink);border-color:var(--line)}
  .navbar{background:var(--color-surface-raised);border-top-color:var(--line)}
  .searchpill input,.m-search input{background:transparent;color:var(--ink)}
  .navbar .submenu a{color:var(--ink)}
  .navbar .submenu a:hover{background:var(--color-surface-hover);color:#fff}
  .navbar .ni:hover > a,.navbar .right a:hover{color:#F07A62}
  .social a:hover{background:var(--color-surface-hover)}
  .prod .p-img,.acms-list__image,.acms-card__image,.acms-product-image{background:#fff;border-radius:8px}
  .logo .lm-ring,.logo .lm-hair{stroke:var(--ink)} .logo .logo-hq{color:#F07A62}
  .leh-hero{background-image:linear-gradient(rgba(230,232,238,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(230,232,238,.05) 1px,transparent 1px)}
  .leh-btn.ghost{color:var(--ink)!important;border-color:var(--ink)}
  .leh-callout.warning{background:#2E2614}
  .leh-no{color:#F48F7E}
  .page-body .guide-cta a.gc-btn{background:var(--color-surface-raised);color:var(--ink)}
  .ftc-bar a{color:var(--ink)}
  .buy-btns a{background:var(--leh-cta)}
  .buy-btns a.alt{background:var(--color-surface-raised);color:var(--ink)!important;border-color:var(--line)}
  .leh-mf .opts label{background:var(--bg)}
  footer.site{background:#0B1020}
  img{opacity:.96}
}
.leh-trust a,.leh-hero-card a,.leh-callout a,.leh-mf-result a{color:var(--link);text-decoration:underline;text-underline-offset:2px}
@media (prefers-color-scheme: dark){.leh-hero h1 em{color:#F07A62}}
table.leh-compare{font-size:15.5px;line-height:1.45}table.leh-compare td{min-width:96px}
/* Bang tom tat cua plugin ("The picks"): site tat badge (badge plugin la du lieu bia) nen cot Award luon trong -> an.
   Mobile: bo min-width 560px de khong tran mep phai. Bang so sanh: o rong hon de hang khong cao vong. */
.compare-table th:first-child,.compare-table td:first-child{display:none}
.compare-table th{background:var(--ink)}
@media (max-width:640px){
  .compare-table{min-width:0}
  .compare-table .ct-prod img{width:44px;height:auto}
  table.leh-compare th,table.leh-compare td{min-width:150px}
  table.leh-compare th:first-child,table.leh-compare td:first-child{min-width:130px}
}
@media (prefers-color-scheme: dark){.compare-table th{background:#0B1020}}
/* CTA cua plugin theo spec muc 9: mau do-san ho (#C7361F, chu trang 5.3:1) o ca hai che do. */
.ct-buy,.buy-btns a:not(.alt){background:var(--leh-cta)!important;color:#fff!important;border-color:var(--leh-cta)!important}
.ct-buy:hover,.buy-btns a:not(.alt):hover{background:var(--leh-cta-hover)!important}