/* FirewoodGearHQ brand layer. Nap sau style.css cua child.
 * "Cabin in the woods": nen giay parchment, chu nau vo cay, xanh rung cho link, nav, CTA; cam than hong chi cho nhan noi bat
 * (Best Overall, badge). Tieu de serif am (Merriweather), than bai Work Sans 18px. Goc bo 12px, the nen giay mem,
 * hoa van duong dong muc (topographic) rat nhat chi o hero va footer.
 * Tuong phan (WCAG AA): #2B2118 tren #F7F3EA 14.2:1. #2F5D3A tren #F7F3EA 6.9:1, chu trang tren #2F5D3A 7.6:1.
 * Chu meta #6E675D tren #F7F3EA 5.0:1 (#8C857B cua spec chi 3.3:1 nen chi dung cho vien, icon, trang tri).
 * Badge chu trang tren cam #B4501F 5.1:1 (#D9622B cua spec chi 3.7:1 voi chu trang nen dung cho vach nhan, icon).
 * Toi: nen #1E1A16, chu #ECE4D6 13.7:1, link #8FC79B 8.9:1, CTA #3B7349 chu trang 5.6:1, cam #E8834F 6.4:1.
 */
@font-face{font-family:"Work Sans";src:url(../fonts/work-sans-var.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Work Sans";src:url(../fonts/work-sans-italic-var.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Merriweather";src:url(../fonts/merriweather-var.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:"Merriweather";src:url(../fonts/merriweather-italic-var.woff2) format("woff2");font-weight:300 900;font-style:italic;font-display:swap}

:root{
  --fgh-green:#2F5D3A; --fgh-green-hover:#244A2E; --fgh-green-tint:#E3ECE2; --fgh-link:#2F5D3A;
  --fgh-ember:#D9622B; --fgh-ember-ink:#B4501F; --fgh-ember-tint:#FBE9DE; --fgh-birch:#8C857B; --fgh-bark:#2B2118;
  --fgh-card:#FFFDF8; --fgh-shadow:0 1px 2px rgba(43,33,24,.06),0 4px 14px rgba(43,33,24,.05); --fgh-radius:12px;
  --fgh-topo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='240' viewBox='0 0 360 240' fill='none' stroke='%232F5D3A' stroke-opacity='.09' stroke-width='1.2'%3E%3Cpath d='M-10 40c60-30 110 20 170 0s120-40 210 0'/%3E%3Cpath d='M-10 70c70-26 120 26 180 4s110-36 200 2'/%3E%3Cpath d='M-10 104c56-20 104 22 168 8s124-40 212 4'/%3E%3Cpath d='M-10 140c80-18 120 30 190 10s100-30 180 0'/%3E%3Cpath d='M-10 176c60-24 130 22 190 8s110-30 180-2'/%3E%3Cpath d='M-10 212c70-22 116 24 184 10s120-34 196 0'/%3E%3Cellipse cx='250' cy='96' rx='34' ry='18'/%3E%3Cellipse cx='250' cy='96' rx='18' ry='8'/%3E%3C/svg%3E");
  --navy:#2B2118; --ink:#2B2118; --ink-soft:#4A3E33; --muted:#6E675D; --line:#E2DACB; --bg:#F7F3EA;
  --panel:#EFE8DA; --gold:var(--fgh-green); --gold-deep:var(--fgh-green-hover); --link:var(--fgh-link); --sale:#B4501F;
  --font:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --font-head:"Merriweather",Georgia,"Times New Roman",serif;
  --fs-h2:30px; --fs-h3:22px;

  --color-primary:#2F5D3A; --color-primary-hover:#244A2E; --color-primary-dark:#244A2E;
  --color-primary-light:#E3ECE2; --color-primary-rgb:47,93,58;
  --color-accent:#2F5D3A; --color-accent-hover:#244A2E; --color-accent-light:#E3ECE2;
  --color-text:#2B2118; --color-text-secondary:#4A3E33; --color-text-muted:#6E675D; --color-text-subtle:#6E675D;
  --color-bg:#F7F3EA; --color-bg-alt:#EFE8DA; --color-surface:#EFE8DA; --color-surface-raised:#FFFDF8; --color-surface-hover:#EAE2D2;
  --color-border:#E2DACB; --color-border-subtle:#EAE3D6; --color-border-strong:#8C857B;
  --acms-primary-rgb:47,93,58; --acms-star-active:#D9622B; --acms-border:#E2DACB;
  --good:#2F5D3A;
}

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

/* Tieu de: Merriweather, dam vua, khong viet hoa toan bo */
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:800} h2{font-weight:700} h3{font-weight:700}
article.page h1{text-transform:none}
article.page{padding-top:34px;padding-bottom:20px}
body.page-template-default article.page:has(.fgh-calc){max-width:840px}

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

/* So thong so: tabular numerals (spec 9) */
.fgh-num,.fgh-specs dd,.compare-table .ct-price,table.fgh-compare td,table.fgh-species td{font-variant-numeric:tabular-nums lining-nums}
.fgh-num{font-weight:600}

/* Focus ro rang */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,label:focus-visible,summary:focus-visible,th button:focus-visible{outline:3px solid var(--fgh-ember);outline-offset:2px;border-radius:4px}

/* Logo: dong cui xep chong (3 mat cat co vong nam) + "FirewoodGear" + "HQ" xanh */
.logo{display:inline-flex;flex-direction:row;align-items:center;gap:10px;font-family:var(--font-head);font-weight:800;font-size:24px;line-height:1;color:var(--ink);letter-spacing:-.015em}
.logo .logo-mark{width:38px;height:34px;flex:none}
.logo .lm-log{fill:#E7C79A;stroke:var(--ink);stroke-width:2.2}
.logo .lm-ring{fill:none;stroke:#9A6B3C;stroke-width:1.4}
.logo .lm-flame{fill:var(--fgh-ember)}
.logo .logo-hq{color:var(--fgh-green);margin-left:1px}
footer.site .logo{color:#F3ECDD}
footer.site .logo .logo-hq{color:#8FC79B}
footer.site .logo .lm-log{stroke:#F3ECDD}

/* Header giay, nav xanh rung */
header.site{background:var(--fgh-card);border-bottom:0}
.navbar{background:var(--fgh-green);border-top:0;border-bottom:0}
.navbar .ni > a,.navbar .right a{font-size:15.5px;color:#F7F3EA;font-weight:600;letter-spacing:.005em}
.navbar .ni:hover > a,.navbar .right a:hover{color:#fff;box-shadow:inset 0 -3px 0 var(--fgh-ember)}
.navbar .ni > a i,.navbar .right a i{color:inherit}
.navbar .right a.fgh-nav-cta{margin:6px 0 6px 10px;line-height:32px;padding:0 14px;border-radius:999px;background:var(--fgh-card);color:var(--fgh-green);box-shadow:none}
.navbar .right a.fgh-nav-cta:hover{background:#fff;color:var(--fgh-green-hover);box-shadow:none}
.navbar .submenu{border-top:3px solid var(--fgh-ember);border-radius:0 0 var(--fgh-radius) var(--fgh-radius)}
.navbar .submenu a{color:var(--ink)}

/* Nut va tap target lon */
.btn,.acms-btn,button,[type=submit]{min-height:44px}
.acms-btn{background:var(--fgh-green);border-color:var(--fgh-green);color:#fff;border-radius:10px}
.acms-btn:hover{background:var(--fgh-green-hover);border-color:var(--fgh-green-hover);color:#fff}
.fgh-btn{display:inline-flex;align-items:center;gap:8px;background:var(--fgh-green);color:#fff!important;text-decoration:none!important;font-family:var(--font);font-weight:650;font-size:17px;padding:12px 22px;border-radius:10px;min-height:44px;border:0;cursor:pointer}
.fgh-btn:hover{background:var(--fgh-green-hover)}
.fgh-btn.ghost{background:transparent;color:var(--fgh-green)!important;border:2px solid var(--fgh-green)}
.fgh-btn.ghost:hover{background:var(--fgh-green);color:#fff!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:20px}.logo .logo-mark{width:32px;height:29px}
}
.searchpill button,.m-search button{min-height:0}

/* The giay mem */
.fgh-card,.fgh-quickpicks,.fgh-verdict,.fgh-hero-card,.fgh-tile,.fgh-tool,.fgh-calc,.fgh-trust div,.fgh-factbox{background:var(--fgh-card);border:1px solid var(--line);border-radius:var(--fgh-radius);box-shadow:var(--fgh-shadow)}

/* Quick Picks (dau bai roundup) */
.fgh-quickpicks{padding:18px 22px 10px;margin:22px 0;border-top:4px solid var(--fgh-green)}
.fgh-quickpicks .fgh-qp-h{font-family:var(--font-head);font-weight:800;font-size:22px;margin:0 0 6px}
.fgh-quickpicks ul{list-style:none;margin:0;padding:0}
.fgh-quickpicks li{padding:12px 0;border-top:1px solid var(--line);line-height:1.55}
.fgh-quickpicks li:first-child{border-top:0}
.fgh-qp-label,.fgh-badge{display:inline-block;background:var(--fgh-green-tint);color:var(--fgh-green);font-size:13px;font-weight:700;letter-spacing:.02em;padding:3px 10px;border-radius:999px;margin-right:6px}
.fgh-quickpicks li:first-child .fgh-qp-label,.fgh-qp-label.overall,.fgh-badge.ember{background:var(--fgh-ember-ink);color:#fff}
.fgh-qp-cta a{display:inline-block;margin-left:6px;background:var(--fgh-green);color:#fff!important;text-decoration:none!important;font-weight:650;font-size:15px;padding:9px 16px;border-radius:10px;min-height:40px;white-space:nowrap}
.fgh-qp-cta a:hover{background:var(--fgh-green-hover)}
.fgh-freight{display:inline-block;font-size:12.5px;font-weight:600;color:var(--muted);border:1px solid var(--fgh-birch);border-radius:999px;padding:1px 8px;margin-left:4px}

/* Bang so sanh: cuon ngang, cot ten dinh, sap xep duoc (fgh-sort.js) */
.fgh-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0;border-radius:var(--fgh-radius)}
table.fgh-compare,table.fgh-species{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--fgh-radius);background:var(--fgh-card);font-size:15.5px;line-height:1.45}
table.fgh-compare th,table.fgh-species th{background:var(--fgh-green);color:#fff;font-size:14px;font-weight:650;text-align:left;letter-spacing:.01em}
table.fgh-compare th,table.fgh-compare td,table.fgh-species th,table.fgh-species td{padding:10px 12px;vertical-align:top;border-bottom:1px solid var(--line);min-width:96px}
table.fgh-compare th:first-child,table.fgh-compare td:first-child,table.fgh-species th:first-child,table.fgh-species td:first-child{position:sticky;left:0;background:var(--fgh-card);z-index:1;font-weight:600}
table.fgh-compare th:first-child,table.fgh-species th:first-child{background:var(--fgh-green)}
table.fgh-compare tbody tr:nth-child(even) td,table.fgh-species tbody tr:nth-child(even) td{background:#FAF6EE}
table.fgh-compare thead th:first-child,table.fgh-species thead th:first-child{border-top-left-radius:var(--fgh-radius)}
th button.fgh-sort{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;min-height:24px}
th button.fgh-sort::after{content:"\2195";opacity:.6;font-size:12px}
th[aria-sort=ascending] button.fgh-sort::after{content:"\2191";opacity:1}
th[aria-sort=descending] button.fgh-sort::after{content:"\2193";opacity:1}
.acms-cmp .card-grid{margin:18px 0}
@media (max-width:760px){
  table.fgh-compare th,table.fgh-compare td{min-width:120px}
  table.fgh-compare th:first-child,table.fgh-compare td:first-child{min-width:140px}
}

/* SpecGrid trong bai */
.fgh-specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0;border:1px solid var(--line);border-radius:var(--fgh-radius);background:var(--fgh-card);margin:10px 0 16px;overflow:hidden}
.fgh-specs div{padding:8px 12px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.fgh-specs dt{font-size:13px;color:var(--muted);letter-spacing:.02em;font-weight:600}
.fgh-specs dd{margin:2px 0 0;font-size:16px;font-weight:600}

/* Callout: tip, warning, safety */
.fgh-callout{border:1px solid var(--line);border-left:5px solid var(--fgh-birch);background:var(--fgh-card);border-radius:var(--fgh-radius);padding:14px 18px;margin:20px 0}
.fgh-callout p:last-child{margin-bottom:0}
.fgh-callout.tip{border-left-color:var(--fgh-green);background:var(--fgh-green-tint)}
.fgh-callout.warning{border-left-color:var(--fgh-ember);background:var(--fgh-ember-tint)}
.fgh-callout.safety{border-left-color:var(--fgh-ember);background:var(--fgh-ember-tint)}
.fgh-callout .fgh-callout-h{display:block;font-family:var(--font-head);font-weight:700;margin-bottom:4px;font-size:16.5px}
.fgh-callout.safety .fgh-callout-h::before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--fgh-ember);margin-right:8px;vertical-align:1px}

/* Verdict box (bai X vs Y) */
.fgh-verdict{padding:18px 22px;margin:20px 0;border-top:4px solid var(--fgh-green)}
.fgh-choose{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.fgh-choose > div{background:var(--fgh-card);border:1px solid var(--line);border-radius:var(--fgh-radius);padding:14px 18px}
@media (max-width:760px){.fgh-choose{grid-template-columns:1fr}}

/* Calculator CTA */
.fgh-calc-cta{display:flex;align-items:center;gap:16px;background:var(--fgh-green);color:#fff;border-radius:var(--fgh-radius);padding:16px 20px;margin:20px 0}
.fgh-calc-cta .fgh-icon{width:44px;height:44px;flex:none;color:#F3D5BF}
.fgh-calc-cta div{flex:1}
.fgh-calc-cta p{margin:2px 0 0;color:#E3ECE2;font-size:16px}
.fgh-calc-cta .fgh-calc-cta-h{font-family:var(--font-head);font-weight:700;font-size:19px}
.fgh-calc-cta .fgh-btn{white-space:nowrap;background:var(--fgh-card);color:var(--fgh-green)!important}
.fgh-calc-cta .fgh-btn:hover{background:#fff}
@media (max-width:640px){.fgh-calc-cta{flex-wrap:wrap}.fgh-calc-cta .fgh-btn{width:100%;justify-content:center}}

/* Trang chu */
.fgh-hero{position:relative;padding:56px 0 48px;background:var(--bg) var(--fgh-topo) repeat;border-bottom:1px solid var(--line)}
.fgh-hero .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.fgh-kicker{display:inline-block;color:var(--fgh-ember-ink);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;margin:0 0 12px}
.fgh-hero h1{font-size:48px;line-height:1.1;margin:0 0 16px;letter-spacing:-.02em}
.fgh-hero h1 em{font-style:italic;color:var(--fgh-green);font-weight:700}
.fgh-hero .lead{font-size:20px;line-height:1.6;color:var(--ink-soft);margin:0 0 22px;max-width:36em}
.fgh-hero .cta-row{display:flex;flex-wrap:wrap;gap:12px}
.fgh-hero-card{padding:20px 22px}
.fgh-hero-card h2{font-size:20px;margin:0 0 10px}
.fgh-hero-card ol{margin:0;padding-left:20px;line-height:1.6}
.fgh-hero-card li{margin:6px 0}
@media (max-width:860px){.fgh-hero .wrap{grid-template-columns:1fr}.fgh-hero h1{font-size:34px}.fgh-hero{padding:34px 0 30px}}

/* Workflow strip: Cut -> Split -> Stack & Season -> Burn */
.fgh-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:28px 0 0;counter-reset:flow;list-style:none;padding:0}
.fgh-flow li{position:relative}
.fgh-flow a{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px 18px;background:var(--fgh-card);border:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important;transition:background .15s}
.fgh-flow li:first-child a{border-radius:var(--fgh-radius) 0 0 var(--fgh-radius)}
.fgh-flow li:last-child a{border-radius:0 var(--fgh-radius) var(--fgh-radius) 0}
.fgh-flow li + li a{border-left:0}
.fgh-flow a:hover{background:var(--fgh-green-tint)}
.fgh-flow .fgh-icon{width:34px;height:34px;color:var(--fgh-green)}
.fgh-flow b{font-family:var(--font-head);font-size:18px;counter-increment:flow}
.fgh-flow b::before{content:counter(flow) ". ";color:var(--fgh-ember-ink)}
.fgh-flow span{font-size:15px;color:var(--muted);line-height:1.4}
@media (max-width:760px){.fgh-flow{grid-template-columns:1fr 1fr}.fgh-flow li a{border-radius:0!important;border-left:1px solid var(--line)!important}.fgh-flow li:nth-child(n+3) a{border-top:0}}

.fgh-sec{padding:44px 0 8px}
.fgh-sec h2,.fgh-band h2{font-size:28px;margin:0 0 6px}
.fgh-sec .sec-sub,.fgh-band .sec-sub{color:var(--muted);margin:0 0 18px}
.fgh-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.fgh-tile{display:block;padding:16px 18px;color:var(--ink)!important;text-decoration:none!important;transition:border-color .15s,transform .15s}
.fgh-tile:hover{border-color:var(--fgh-green);transform:translateY(-1px)}
.fgh-tile .fgh-icon{width:36px;height:36px;color:var(--fgh-green);display:block;margin-bottom:8px}
.fgh-tile b{display:block;font-family:var(--font-head);font-size:17.5px;font-weight:700;margin-bottom:4px}
.fgh-tile span{font-size:15px;color:var(--muted);line-height:1.45;display:block}
.fgh-band{background:#EFE8DA var(--fgh-topo) repeat;padding:40px 0 44px;margin-top:44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fgh-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.fgh-tool{display:block;padding:18px;color:var(--ink)!important;text-decoration:none!important}
.fgh-tool:hover{border-color:var(--fgh-green)}
.fgh-tool .fgh-icon{width:40px;height:40px;color:var(--fgh-green);display:block;margin-bottom:8px}
.fgh-tool b{display:block;font-family:var(--font-head);font-size:18px;font-weight:700;margin-bottom:4px}
.fgh-tool span{display:block;font-size:15px;color:var(--muted);line-height:1.45}
.fgh-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:36px 0 44px}
.fgh-trust div{padding:16px 18px}
.fgh-trust b{display:block;font-family:var(--font-head);font-weight:700;margin-bottom:4px;font-size:16.5px}
.fgh-trust p{margin:0;font-size:16px;color:var(--ink-soft)}
@media (max-width:760px){.fgh-trust{grid-template-columns:1fr}}
.fgh-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}

/* Species teaser trang chu + bang loai go */
.fgh-species-teaser{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.fgh-species-teaser a{display:block;padding:14px 16px;background:var(--fgh-card);border:1px solid var(--line);border-radius:var(--fgh-radius);color:var(--ink)!important;text-decoration:none!important}
.fgh-species-teaser a:hover{border-color:var(--fgh-green)}
.fgh-species-teaser b{display:block;font-family:var(--font-head);font-size:17px}
.fgh-species-teaser .fgh-num{display:block;font-size:22px;color:var(--fgh-green);margin-top:4px}
.fgh-species-teaser small{color:var(--muted);font-size:13.5px}
@media (max-width:900px){.fgh-species-teaser{grid-template-columns:repeat(2,1fr)}}
.fgh-species-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:10px 0 4px}
.fgh-species-filter[hidden]{display:none}
.fgh-species-filter label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:15px}
.fgh-species-filter select,.fgh-species-filter input{font:inherit;min-height:44px;padding:8px 10px;border:1.5px solid var(--fgh-birch);border-radius:10px;background:var(--fgh-card);color:var(--ink)}
.fgh-species-count{color:var(--muted);font-size:15px;margin:6px 0 0}
.fgh-dots{letter-spacing:2px;color:var(--fgh-ember-ink);white-space:nowrap}

/* Fact box loai go */
.fgh-factbox{padding:6px 0 0;margin:20px 0;overflow:hidden;border-top:4px solid var(--fgh-green)}
.fgh-factbox .fgh-fb-h{font-family:var(--font-head);font-weight:700;font-size:19px;margin:6px 20px 8px;display:block}
.fgh-factbox dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin:0}
.fgh-factbox dl div{padding:10px 20px;border-top:1px solid var(--line)}
.fgh-factbox dt{font-size:13px;color:var(--muted);font-weight:600;letter-spacing:.02em}
.fgh-factbox dd{margin:2px 0 0;font-size:17px;font-weight:600}
.fgh-factbox .fgh-fb-src{display:block;padding:10px 20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}

/* Calculator */
.fgh-calc{padding:20px 22px;margin:20px 0;border-top:4px solid var(--fgh-green)}
.fgh-calc form[hidden]{display:none}
.fgh-calc fieldset{border:0;margin:0 0 16px;padding:0}
.fgh-calc legend{font-family:var(--font-head);font-weight:700;font-size:19px;margin-bottom:8px}
.fgh-calc .opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.fgh-calc .opts label,.fgh-check{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;min-height:44px;cursor:pointer;font-size:16px;background:var(--bg)}
.fgh-calc input[type=checkbox],.fgh-calc input[type=radio]{accent-color:var(--fgh-green);width:18px;height:18px;flex:none}
.fgh-calc .opts label:has(input:checked),.fgh-check:has(input:checked){border-color:var(--fgh-green);background:var(--fgh-green-tint)}
.fgh-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 14px}
.fgh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:14px}
.fgh-calc label{font-weight:600;font-size:16px}
.fgh-grid label{display:flex;flex-direction:column;gap:4px}
.fgh-grid small{font-weight:400;color:var(--muted);font-size:14px}
.fgh-calc input[type=number],.fgh-calc select{font:inherit;font-weight:500;min-height:44px;padding:8px 10px;border:1.5px solid var(--fgh-birch);border-radius:10px;background:var(--fgh-card);color:var(--ink);font-variant-numeric:tabular-nums}
.fgh-calc h3.fgh-calc-sub{font-size:18px;margin:18px 0 8px}
.fgh-calc-out{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}
.fgh-calc-out:empty{display:none}
.fgh-result{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;background:var(--fgh-green-tint);color:var(--ink);padding:12px 16px;border-radius:10px;margin-bottom:10px;border-left:5px solid var(--fgh-green)}
.fgh-result .fgh-result-k{font-weight:700;font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:var(--fgh-green)}
.fgh-result .fgh-num{font-family:var(--font-head);font-size:26px;font-weight:800}
.fgh-out-list{margin:0;padding-left:20px;line-height:1.7}
.fgh-calc-noscript{background:var(--fgh-ember-tint);padding:10px 14px;border-radius:10px}
.fgh-linklist{columns:2;column-gap:28px;padding-left:20px}
@media (max-width:640px){.fgh-linklist{columns:1}}

/* Newsletter placeholder (spec 12: chua co backend) */
.fgh-signup{background:var(--fgh-card);border:1px dashed var(--fgh-birch);border-radius:var(--fgh-radius);padding:18px 20px;margin:28px 0}
.fgh-signup b{font-family:var(--font-head);font-size:18px;display:block;margin-bottom:4px}
.fgh-signup p{margin:0;color:var(--ink-soft)}

/* 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,.fgh-qp-cta a,.fgh-calc-cta a{text-decoration:none!important}
.buy-btns a{color:#fff!important}
.buy-btns a.alt{color:var(--navy)!important}

/* Footer nau vo cay, hoa van dong muc rat nhat */
footer.site{background:#2B2118 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='240' viewBox='0 0 360 240' fill='none' stroke='%23F7F3EA' stroke-opacity='.05' stroke-width='1.2'%3E%3Cpath d='M-10 40c60-30 110 20 170 0s120-40 210 0'/%3E%3Cpath d='M-10 70c70-26 120 26 180 4s110-36 200 2'/%3E%3Cpath d='M-10 104c56-20 104 22 168 8s124-40 212 4'/%3E%3Cpath d='M-10 140c80-18 120 30 190 10s100-30 180 0'/%3E%3Cpath d='M-10 176c60-24 130 22 190 8s110-30 180-2'/%3E%3Cpath d='M-10 212c70-22 116 24 184 10s120-34 196 0'/%3E%3C/svg%3E") repeat;border-top:4px solid var(--fgh-green)}
footer.site .ft-h{color:#F3D5BF;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
footer.site .fine{color:#CFC6B6}
footer.site .desc{color:#E3DBCB}
footer.site a{color:#F3ECDD}

.fgh-trust a,.fgh-hero-card a,.fgh-callout a,.fgh-calc a,.fgh-factbox a{color:var(--link);text-decoration:underline;text-underline-offset:3px}

/* Bang tom tat cua plugin ("The picks"): site tat badge (badge plugin la du lieu bia) nen cot Award luon trong -> an. */
.compare-table th:first-child,.compare-table td:first-child{display:none}
.compare-table th{background:var(--fgh-green)}
@media (max-width:640px){
  .compare-table{min-width:0}
  .compare-table .ct-prod img{width:44px;height:auto}
}
/* CTA cua plugin: xanh rung (#2F5D3A, chu trang 7.6:1) */
.ct-buy,.buy-btns a:not(.alt){background:var(--fgh-green)!important;color:#fff!important;border-color:var(--fgh-green)!important;border-radius:10px!important}
.ct-buy:hover,.buy-btns a:not(.alt):hover{background:var(--fgh-green-hover)!important}
.prod{border-radius:var(--fgh-radius)}

/* ============================================================
 * DARK MODE theo prefers-color-scheme (spec muc 9): nen nau than dam, giu mau nhan da chinh tuong phan.
 * ============================================================ */
@media (prefers-color-scheme: dark){
  :root{
    color-scheme:dark;
    --navy:#14110E; --ink:#ECE4D6; --ink-soft:#D3C9B8; --muted:#A9A196; --line:#3A332B; --bg:#1E1A16;
    --panel:#26211C; --link:#8FC79B; --fgh-link:#8FC79B; --fgh-card:#26211C; --fgh-green-tint:#22301F; --fgh-ember-tint:#33231A;
    --fgh-shadow:0 1px 2px rgba(0,0,0,.4);
    --color-text:#ECE4D6; --color-text-secondary:#D3C9B8; --color-text-muted:#A9A196; --color-text-subtle:#A9A196;
    --color-bg:#1E1A16; --color-bg-alt:#26211C; --color-surface:#26211C; --color-surface-raised:#26211C; --color-surface-hover:#312A23;
    --color-border:#3A332B; --color-border-subtle:#312A23; --color-border-strong:#8C857B;
    --color-primary-light:#22301F; --color-accent-light:#22301F;
    --acms-border:#3A332B; --good:#8FC79B;
  }
  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:#24382A}
  .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 .right a.fgh-nav-cta{background:#ECE4D6;color:#1E1A16}
  .social a:hover{background:var(--color-surface-hover)}
  .prod .p-img,.acms-list__image,.acms-card__image,.acms-product-image{background:#fff;border-radius:var(--fgh-radius)}
  .logo .lm-log{stroke:var(--ink)}
  .logo .logo-hq{color:#8FC79B}
  .fgh-hero h1 em,.fgh-tile .fgh-icon,.fgh-tool .fgh-icon,.fgh-flow .fgh-icon,.fgh-species-teaser .fgh-num,.fgh-result .fgh-result-k{color:#8FC79B}
  .fgh-kicker,.fgh-flow b::before,.fgh-dots{color:#E8834F}
  .fgh-qp-label,.fgh-badge{background:#22301F;color:#8FC79B}
  .fgh-btn,.acms-btn,.fgh-qp-cta a,.ct-buy,.buy-btns a:not(.alt){background:#3B7349!important;border-color:#3B7349!important}
  .fgh-btn.ghost{background:transparent!important;color:#8FC79B!important;border-color:#8FC79B!important}
  .fgh-btn.ghost:hover{background:#8FC79B!important;color:#1E1A16!important}
  .fgh-hero{background-color:var(--bg)}
  .fgh-band{background-color:#191612}
  table.fgh-compare tbody tr:nth-child(even) td,table.fgh-species tbody tr:nth-child(even) td{background:#2B251F}
  table.fgh-compare th,table.fgh-compare th:first-child,table.fgh-species th,table.fgh-species th:first-child,.compare-table th{background:#24382A}
  .fgh-calc-cta{background:#24382A}
  .fgh-calc-cta .fgh-btn{background:#ECE4D6!important;color:#1E1A16!important}
  .page-body .guide-cta a.gc-btn{background:var(--color-surface-raised);color:var(--ink)}
  .ftc-bar a{color:var(--ink)}
  .buy-btns a.alt{background:var(--color-surface-raised);color:var(--ink)!important;border-color:var(--line)}
  footer.site{background-color:#14110E}
  img{opacity:.96}
}