/* Nối brand FirewoodGearHQ (firewoodgearhq.css, viết cho theme cũ) sang affshelf-theme. Nạp sau firewoodgearhq.css. */
:root{--ast-font:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--affshelf-radius:12px;color-scheme:light}
/* Thân bài 18px + link xanh rừng gạch chân như .entry-content cũ */
.ast-content{font-size:18px;line-height:1.7}
.ast-content a:not(.affshelf-btn):not([class*="btn"]):not(.fgh-tile):not(.fgh-tool){color:var(--fgh-link);text-decoration:underline;text-underline-offset:2px}
/* Thanh menu xanh rừng, hover gạch cam (site cũ); mục cuối menu phải (Calculators) là nút viên thuốc nền kem chữ xanh */
.ast-nav{background:var(--fgh-green)}
.ast-nav .ast-menu > li > a{color:#F7F3EA;font-weight:600}
.ast-nav .ast-menu > li > a:hover,.ast-nav .current-menu-item > a,.ast-nav .current-category-ancestor > a{background:transparent;color:#fff;box-shadow:inset 0 -3px 0 var(--fgh-ember);border-radius:0}
.ast-menu .sub-menu{border-top:3px solid var(--fgh-ember)}
.ast-menu--right .menu-item:last-child > a{background:var(--fgh-card);color:var(--fgh-green);border-radius:999px;box-shadow:none}
.ast-menu--right .menu-item:last-child > a:hover{background:#fff;color:var(--fgh-green-hover);box-shadow:none;border-radius:999px}
@media (max-width:760px){.ast-menu .sub-menu{border-top:0}.ast-nav .ast-menu > li > a:hover{box-shadow:none}}
/* Logo SVG (thay ảnh media 59/60) */
.ast-logo .logo{font-size:24px}
.ast-logo .logo-word{white-space:nowrap}
.ast-footer .ast-logo .logo{color:#F3ECDD}
.ast-footer .ast-logo .logo-hq{color:#8FC79B}
.ast-footer .ast-logo .lm-log{stroke:#F3ECDD}
@media (max-width:760px){.ast-header .ast-logo .logo{font-size:20px}.ast-header .ast-logo .logo-mark{width:32px;height:29px}}
@media (max-width:480px){
  .ast-header .ast-logo .logo{font-size:17px;gap:6px}
  .ast-header .ast-logo .logo-mark{width:26px;height:24px}
  .ast-header .ast-search{width:100px}
}
/* Footer nâu than có hoa văn đường đồng mức, viền xanh trên như site cũ */
.ast-footer{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)}
/* Bảng trong thân bài: bảng của Firewood có kiểu riêng (fgh-compare, fgh-species) */
.ast-content table.fgh-compare thead th,.ast-content table.fgh-species thead th{background:var(--fgh-green);color:#fff}
/* Trang chủ: khối hero cũ trong ast-wrap */
.fgh-hero .ast-wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
@media (max-width:860px){.fgh-hero .ast-wrap{grid-template-columns:1fr}}
.fgh-related{margin:36px 0 8px}
.fgh-related h2{font-size:24px;margin:0 0 10px}
/* Như các site đã chuyển: câu Amazon Associate đã có ở bảng Top picks + footer, ẩn bản lặp trong hộp cột phải; tên dài cắt 3 dòng; topbar không rớt › */
.ast-side-box__note{display:none}
.ast-side-pick__name{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ast-topbar a{white-space:nowrap}
@media (min-width:761px){.affshelf-card .dpq-pc-btn{display:none}}
/* /guides/: link "All Blog →" của theme cha trỏ về category Blog rỗng */
.ast-hub__more{display:none}
/* Thẻ AffShelf hẹp (điện thoại): mô tả tràn hết chiều ngang dưới ảnh + tên thay vì ép trong cột cạnh ảnh */
@container (max-width: 520px) {
  .affshelf-card__mid{display:contents}
  .affshelf-card__img{grid-row:1/span 2;align-self:start}
  .affshelf-card__title,.affshelf-card__meta{grid-column:2;margin:0}
  .affshelf-card__title{align-self:end}
  .affshelf-card__meta{align-self:start}
  .affshelf-card__desc{grid-column:1/-1}
}
/* firewoodgearhq.css ép button cao 44px: nút kính lúp trong ô tìm kiếm của theme cha bị lệch */
.ast-search button,.ast-header button[type=submit],.ast-nav-toggle{min-height:0}
/* Trang calculator hẹp như cũ */
.ast-page:has(.fgh-calc) .ast-content{max-width:820px}