/* Cơm Nhà Ngon — hb- only */
:root{
  --hb-ink:#2C1810;--hb-clay:#C45C26;--hb-leaf:#3D6B4F;--hb-cream:#FBF6F0;
  --hb-card:#fff;--hb-line:#E8D9C8;--hb-muted:#6B5344;
  --hb-w:1360px;--hb-r:10px;--hb-pad:1.25rem;
  --hb-serif:"Fraunces",Georgia,"Times New Roman",serif;
  --hb-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 var(--hb-sans);color:var(--hb-ink);background:var(--hb-cream)}
a{color:var(--hb-clay);text-decoration:none}a:hover{text-decoration:underline}
.hb-w{max-width:var(--hb-w);margin:0 auto;padding:0 var(--hb-pad)}
.hb-hd{background:var(--hb-card);border-bottom:1px solid var(--hb-line);position:sticky;top:0;z-index:40;box-shadow:0 1px 0 rgba(44,24,16,.04)}
.hb-hdi{display:flex;align-items:center;gap:.75rem;min-height:58px;flex-wrap:wrap;padding:.35rem 0}
.hb-brand img{height:42px;width:auto;display:block}
.hb-filter{display:flex;gap:.4rem;flex:1;overflow-x:auto;scrollbar-width:none;padding:.2rem 0}
.hb-filter::-webkit-scrollbar{display:none}
.hb-chip{flex:0 0 auto;border:1px solid var(--hb-line);background:#fff;border-radius:999px;padding:.35rem .7rem;font-size:.82rem;color:var(--hb-ink);cursor:pointer}
.hb-chip[aria-pressed="true"],.hb-chip.hb-on{background:var(--hb-clay);color:#fff;border-color:var(--hb-clay)}
.hb-search{border:1px solid var(--hb-line);border-radius:999px;padding:.4rem .8rem;font:inherit;min-width:140px;background:#fff}
.hb-nav{display:flex;gap:.15rem;align-items:center}
.hb-nav a{padding:.4rem .55rem;border-radius:6px;color:var(--hb-ink);font-weight:500;font-size:.9rem}
.hb-nav a:hover{background:#F3E6D8;text-decoration:none}
.hb-hero{padding:1.25rem 0 .5rem}
.hb-hero h1{font-family:var(--hb-serif);font-size:1.75rem;margin:0 0 .35rem;font-weight:650}
.hb-lead{color:var(--hb-muted);margin:0 0 1rem;max-width:40rem}
.hb-rec{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:1.25rem}
.hb-masonry{columns:2;column-gap:1rem}
.hb-masonry .hb-card{break-inside:avoid;margin-bottom:1rem}
.hb-card{background:var(--hb-card);border-radius:var(--hb-r);box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;position:relative}
.hb-card a.hb-cover{display:block;text-decoration:none;color:inherit}
.hb-ph{aspect-ratio:4/3;background:linear-gradient(145deg,#E8D9C8,#F3E6D8);display:flex;align-items:center;justify-content:center;color:var(--hb-muted);font-size:.85rem;position:relative}
.hb-ph img,.hb-ph > svg{width:100%;height:100%;object-fit:cover;display:block}
.hb-pill{position:absolute;top:.6rem;left:.6rem;background:rgba(44,24,16,.78);color:#fff;font-size:.72rem;padding:.2rem .5rem;border-radius:999px}
.hb-card .hb-body{padding:.75rem .9rem 1rem}
.hb-card h2,.hb-card h3{font-family:var(--hb-serif);font-size:1.05rem;margin:0 0 .25rem;font-weight:650}
.hb-meta{font-size:.8rem;color:var(--hb-muted)}
.hb-band{margin:1.5rem 0;padding:1rem;background:#fff;border-radius:var(--hb-r);box-shadow:0 2px 8px rgba(0,0,0,.05)}
.hb-band h2{font-family:var(--hb-serif);margin:0 0 .75rem;font-size:1.2rem}
.hb-row{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.25rem}
.hb-row a{flex:0 0 180px;background:var(--hb-cream);border-radius:8px;padding:.75rem;color:var(--hb-ink);border:1px solid var(--hb-line)}
.hb-row a:hover{border-color:var(--hb-clay);text-decoration:none}
.hb-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1rem 0}
.hb-cats a{background:#fff;border-radius:8px;padding:.7rem;text-align:center;color:var(--hb-ink);border:1px solid var(--hb-line);font-weight:500}
.hb-cats a:hover{background:#F3E6D8;text-decoration:none}
.hb-fridge{background:#fff;border-radius:var(--hb-r);padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,.06);margin:1rem 0}
.hb-fridge h2{font-family:var(--hb-serif);margin:0 0 .5rem}
.hb-fridge .hb-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 1rem}
.hb-fridge-out{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;min-height:2rem}
.hb-empty{color:var(--hb-muted);padding:.5rem 0;font-size:.95rem}
.hb-layout{display:grid;grid-template-columns:220px 1fr;gap:1.25rem;padding:1.25rem 0 2rem}
.hb-toc{position:sticky;top:70px;align-self:start;background:#fff;border-radius:var(--hb-r);padding:.75rem;box-shadow:0 2px 8px rgba(0,0,0,.05);font-size:.9rem}
.hb-toc a{display:block;padding:.3rem .4rem;color:var(--hb-ink);border-radius:4px}
.hb-toc a:hover{background:#F3E6D8;text-decoration:none}
.hb-main h1{font-family:var(--hb-serif);font-size:1.65rem;margin:0 0 .4rem}
.hb-scale{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin:1rem 0}
.hb-scale button{border:1px solid var(--hb-line);background:#fff;border-radius:999px;padding:.4rem .85rem;cursor:pointer;font:inherit}
.hb-scale button.hb-on{background:var(--hb-leaf);color:#fff;border-color:var(--hb-leaf)}
.hb-tbl{width:100%;border-collapse:collapse;font-size:.95rem}
.hb-tbl th,.hb-tbl td{padding:.45rem .5rem;border-bottom:1px solid var(--hb-line);text-align:left}
.hb-tbl .hb-num{font-variant-numeric:tabular-nums;text-align:right}
.hb-step{display:grid;grid-template-columns:2.2rem 1fr;gap:.75rem;margin:0 0 1rem}
.hb-step .hb-n{background:var(--hb-clay);color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}
.hb-faq details{background:#fff;border-radius:8px;padding:.65rem .85rem;margin:0 0 .5rem;border:1px solid var(--hb-line)}
.hb-faq summary{cursor:pointer;font-weight:600}
.hb-note{font-size:.9rem;color:var(--hb-muted);background:#F3E6D8;padding:.65rem .85rem;border-radius:8px;margin:1rem 0}
.hb-ft{background:#2C1810;color:#F3E6D8;padding:1.5rem 0 2rem;margin-top:2rem}
.hb-kpi{font-family:var(--hb-serif);font-size:1.05rem;margin:0 0 1rem;color:#fff}
.hb-ftgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.hb-ftgrid h3{margin:0 0 .5rem;font-size:.85rem;color:#E8D9C8;text-transform:uppercase;letter-spacing:.04em}
.hb-ftgrid a{display:block;color:#FBF6F0;padding:.2rem 0;font-size:.9rem}
.hb-ftgrid a:hover{color:#fff}
.hb-copy{margin-top:1.25rem;font-size:.8rem;color:#C4A484}
.hb-bc{font-size:.85rem;color:var(--hb-muted);margin:0 0 .75rem}
.hb-bc a{color:var(--hb-muted)}
.hb-prose p{margin:0 0 .85rem}
.hb-prose h2{font-family:var(--hb-serif);font-size:1.25rem;margin:1.4rem 0 .5rem}
.hb-list{list-style:none;padding:0;margin:0}
.hb-list li{padding:.65rem 0;border-bottom:1px solid var(--hb-line)}
.hb-bt{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}
.hb-bt button,.hb-bt a.hb-btn{background:var(--hb-clay);color:#fff;border:0;border-radius:8px;padding:.55rem 1rem;font:inherit;cursor:pointer;text-decoration:none}
.hb-bt a.hb-btn.hb-ghost{background:transparent;color:var(--hb-clay);border:1px solid var(--hb-clay)}
@media(max-width:800px){
  .hb-rec{grid-template-columns:1fr}.hb-masonry{columns:1}
  .hb-layout{grid-template-columns:1fr}.hb-toc{position:static}
  .hb-cats{grid-template-columns:repeat(2,1fr)}.hb-ftgrid{grid-template-columns:1fr 1fr}
}

/* Reading comfort */
.hb-prose{max-width:40rem}
.hb-prose h2{line-height:1.3}
.hb-main{min-width:0}
.hb-toc{font-size:.88rem;line-height:1.45}
.hb-hero h1,.hb-main h1{letter-spacing:-.02em}
@media print{
  .hb-hd,.hb-ft,.hb-toc,.hb-scale,.hb-bt{display:none}
  .hb-layout{display:block}
}

/* —— Magazine home (v2): hero + long stream, not card wall —— */
.hb-brand{font-family:var(--hb-serif);font-weight:700;font-size:1.35rem;color:var(--hb-clay);letter-spacing:-.02em;line-height:1;text-decoration:none;white-space:nowrap}
.hb-brand:hover{text-decoration:none;color:#A3461A}
.hb-brand em{font-style:italic;font-weight:500;color:var(--hb-ink);margin-left:.2rem;font-size:.92em}
.hb-hd{border-bottom:2px solid var(--hb-ink)}
.hb-mag{display:grid;grid-template-columns:1.15fr .85fr;gap:0;margin:0 calc(-1 * var(--hb-pad)) 2rem;background:var(--hb-ink);color:#FBF6F0;min-height:320px}
.hb-mag-fig{position:relative;min-height:280px;background:#3D2A22}
.hb-mag-fig img,.hb-mag-fig svg{width:100%;height:100%;object-fit:cover;display:block;min-height:280px}
.hb-mag-cap{position:absolute;bottom:0;left:0;right:0;padding:.5rem .75rem;font-size:.75rem;background:rgba(0,0,0,.55);color:#E8D9C8}
.hb-mag-copy{padding:2rem 1.75rem;display:flex;flex-direction:column;justify-content:center}
.hb-mag-copy .hb-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#C45C26;margin:0 0 .5rem;font-family:var(--hb-sans);font-weight:600}
.hb-mag-copy h1{font-family:var(--hb-serif);font-size:clamp(1.6rem,3.5vw,2.15rem);margin:0 0 .65rem;font-weight:650;line-height:1.2;color:#fff;letter-spacing:-.02em}
.hb-mag-copy .hb-lead{color:#E8D9C8;margin:0 0 1.1rem;font-size:1.02rem;line-height:1.55;max-width:28rem}
.hb-mag-copy .hb-cta{display:inline-block;background:var(--hb-clay);color:#fff;padding:.55rem 1.1rem;border-radius:2px;font-weight:600;font-size:.92rem}
.hb-mag-copy .hb-cta:hover{background:#A3461A;text-decoration:none}
.hb-stream{max-width:none;margin:0 0 2rem}
.hb-stream > h2{font-family:var(--hb-serif);font-size:1.35rem;border-bottom:1px solid var(--hb-line);padding-bottom:.4rem;margin:0 0 1.25rem}
.hb-story{display:grid;grid-template-columns:140px 1fr;gap:1.1rem;padding:1.1rem 0;border-bottom:1px solid var(--hb-line);align-items:start}
.hb-story:first-of-type{border-top:1px solid var(--hb-line)}
.hb-story .hb-thumb{aspect-ratio:1;background:#E8D9C8;overflow:hidden;border-radius:2px}
.hb-story .hb-thumb img,.hb-story .hb-thumb svg{width:100%;height:100%;object-fit:cover;display:block}
.hb-story h3{font-family:var(--hb-serif);font-size:1.15rem;margin:0 0 .35rem;font-weight:650;line-height:1.3}
.hb-story h3 a{color:var(--hb-ink)}
.hb-story h3 a:hover{color:var(--hb-clay)}
.hb-story .hb-dek{margin:0 0 .4rem;color:var(--hb-muted);font-size:.95rem;line-height:1.5}
.hb-story .hb-meta{font-size:.78rem}
.hb-midtool{max-width:none;margin:1.5rem 0;padding:1.25rem 1.35rem;border:1px solid var(--hb-line);background:#fff;border-left:4px solid var(--hb-leaf)}
.hb-midtool h2{font-family:var(--hb-serif);margin:0 0 .4rem;font-size:1.2rem}
.hb-textnav{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;max-width:none;margin:0 0 2rem;padding:0;list-style:none;font-size:.95rem}
.hb-textnav a{color:var(--hb-ink);border-bottom:1px solid var(--hb-line)}
.hb-textnav a:hover{border-color:var(--hb-clay);color:var(--hb-clay);text-decoration:none}
.hb-textnav strong{font-family:var(--hb-serif);margin-right:.25rem}
@media(max-width:800px){
  .hb-mag{grid-template-columns:1fr;margin:0 0 1.5rem}
  .hb-mag-copy{padding:1.35rem 1.1rem}
  .hb-story{grid-template-columns:96px 1fr;gap:.75rem}
}

/* —— v3 competitor-informed: fridge-first + method cats + plans —— */
.hb-searchwrap{display:flex;flex:1;min-width:180px;max-width:420px;gap:0}
.hb-searchwrap .hb-search{flex:1;border-radius:999px 0 0 999px;border-right:0;min-width:0}
.hb-searchbtn{appearance:none;border:1px solid var(--hb-clay);background:var(--hb-clay);color:#fff;border-radius:0 999px 999px 0;padding:.4rem .9rem;font:inherit;font-weight:600;cursor:pointer;font-size:.88rem}
.hb-searchbtn:hover{background:#A3461A}
.hb-fridge-hero{max-width:none;margin:1.35rem 0 1.5rem;padding:1.5rem 1.6rem;background:#fff;border:1px solid var(--hb-line);border-radius:4px;border-top:4px solid var(--hb-leaf)}
.hb-fridge-hero .hb-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--hb-leaf);font-weight:700;margin:0 0 .35rem}
.hb-fridge-hero h1{font-family:var(--hb-serif);font-size:clamp(1.45rem,3vw,1.9rem);margin:0 0 .5rem;font-weight:650;letter-spacing:-.02em;line-height:1.2}
.hb-fridge-hero .hb-lead{margin:0 0 1rem;color:var(--hb-muted);font-size:.98rem}
.hb-fridge-hero .hb-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .85rem}
.hb-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;margin:0 0 1.75rem}
.hb-cats .hb-cat{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;background:#fff;border:1px solid var(--hb-line);border-radius:6px;padding:.7rem .8rem;color:var(--hb-ink);text-decoration:none}
.hb-cats .hb-cat:hover{border-color:var(--hb-clay);background:#FBF6F0;text-decoration:none}
.hb-cats .hb-cat strong{font-family:var(--hb-serif);font-size:1.05rem}
.hb-cats .hb-cat span{font-size:.75rem;color:var(--hb-muted)}
.hb-mag{margin-bottom:1.75rem}
.hb-mag-copy h2{font-family:var(--hb-serif);font-size:clamp(1.4rem,3vw,1.85rem);margin:0 0 .65rem;font-weight:650;line-height:1.2;color:#fff}
.hb-plans{max-width:none;margin:0 0 2rem}
.hb-plans > h2{font-family:var(--hb-serif);font-size:1.25rem;margin:0 0 .75rem;border-bottom:1px solid var(--hb-line);padding-bottom:.35rem}
.hb-planrow{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}
.hb-plan{display:block;padding:.85rem 1rem;background:#fff;border:1px solid var(--hb-line);border-left:3px solid var(--hb-clay);border-radius:2px;color:var(--hb-ink);text-decoration:none}
.hb-plan:hover{background:#FBF6F0;text-decoration:none}
.hb-plan strong{display:block;font-family:var(--hb-serif);font-size:1.05rem;margin-bottom:.2rem}
.hb-plan span{font-size:.85rem;color:var(--hb-muted);line-height:1.4}
@media(max-width:800px){
  .hb-cats{grid-template-columns:repeat(2,1fr)}
  .hb-planrow{grid-template-columns:1fr}
  .hb-searchwrap{order:3;flex:1 1 100%;max-width:none}
}


/* —— v4 wide magazine: break middle-tree —— */
.hb-home{padding:1rem 0 2rem}
.hb-mag{margin:0 0 1.75rem;min-height:380px;grid-template-columns:1.25fr .75fr}
.hb-mag-fig{min-height:380px}
.hb-mag-fig img,.hb-mag-fig svg{min-height:380px}
.hb-layout-home{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start;margin:0 0 1.75rem}
.hb-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin:0 0 1.75rem}
.hb-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:0 0 1.75rem}
.hb-card .hb-ph{aspect-ratio:4/3;min-height:180px}
.hb-main > .hb-ph,.hb-main .hb-ph{min-height:220px;background:#EDE4D8}
.hb-main .hb-ph img{border-radius:0}
/* .hb-ph img/svg fill rules above apply to cards + detail hero */
.hb-card h3{font-size:1.12rem}
.hb-cats{grid-template-columns:repeat(5,1fr);gap:.75rem;margin:0 0 1.75rem}
.hb-cats .hb-cat{min-height:88px;padding:1rem}
.hb-planrow{grid-template-columns:repeat(4,1fr);gap:.85rem}
.hb-fridge-hero .hb-fridge-out{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem;min-height:3rem}
.hb-sideblock{background:#fff;border:1px solid var(--hb-line);border-radius:8px;padding:1rem 1.1rem;margin:0 0 1rem;position:sticky;top:72px}
.hb-sideblock h2{font-family:var(--hb-serif);font-size:1.15rem;margin:0 0 .65rem}
.hb-sideblock a{display:block;padding:.45rem 0;border-bottom:1px solid var(--hb-line);color:var(--hb-ink);font-size:.92rem}
.hb-sideblock a:hover{color:var(--hb-clay)}
.hb-story{grid-template-columns:180px 1fr;gap:1.25rem;padding:1.25rem 0}
.hb-story .hb-thumb{aspect-ratio:4/3;min-height:120px}
.hb-stream-wrap{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}
.hb-stream-wrap .hb-story:nth-child(odd){border-right:1px solid var(--hb-line);padding-right:1.5rem}
.hb-photo-slot{aspect-ratio:16/10;background:#EDE4D8;border:1px dashed #C4A484;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.25rem;color:var(--hb-muted);font-size:.88rem}
.hb-photo-slot strong{color:var(--hb-ink);font-family:var(--hb-serif);font-size:1.1rem;display:block;margin-bottom:.35rem}
@media(max-width:1100px){
  .hb-layout-home,.hb-stream-wrap,.hb-mag{grid-template-columns:1fr}
  .hb-grid3,.hb-planrow{grid-template-columns:1fr 1fr}
  .hb-grid4,.hb-cats{grid-template-columns:1fr 1fr}
  .hb-stream-wrap .hb-story:nth-child(odd){border-right:0;padding-right:0}
}
@media(max-width:700px){
  .hb-grid3,.hb-grid4,.hb-planrow,.hb-cats{grid-template-columns:1fr}
}


/* —— v4 chrome: magazine masthead + cream footer (not dark 4-col shell) —— */
.hb-brand-sub{font-family:var(--hb-serif);font-style:normal;font-weight:600;color:var(--hb-leaf);margin-left:.2rem;font-size:.85em}
.hb-hd{background:var(--hb-cream);border-bottom:none;box-shadow:none}
.hb-hdi{border-bottom:1px solid var(--hb-line)}
.hb-subnav{display:flex;flex-wrap:wrap;gap:.15rem .1rem;padding:.45rem 0 .55rem;border-bottom:2px solid var(--hb-ink);font-family:var(--hb-serif)}
.hb-subnav a{padding:.3rem .7rem;color:var(--hb-ink);font-size:.95rem;font-weight:600;border-radius:4px}
.hb-subnav a:hover{background:#F3E6D8;color:var(--hb-clay);text-decoration:none}
.hb-search{border:1px solid var(--hb-line);background:#fff;border-radius:4px 0 0 4px;padding:.45rem .7rem;font-size:.92rem}
.hb-searchbtn{background:var(--hb-clay);color:#fff;border:1px solid var(--hb-clay);border-radius:0 4px 4px 0;padding:.45rem .85rem;font-weight:600;cursor:pointer}
.hb-searchbtn:hover{background:#A3461A}
.hb-ft{background:var(--hb-cream);color:var(--hb-ink);padding:2rem 0 1.5rem;margin-top:2.5rem;border-top:2px solid var(--hb-ink);font-size:.92rem}
.hb-ft a{color:var(--hb-clay)}
.hb-ft-mast{display:flex;align-items:baseline;gap:1.25rem;flex-wrap:wrap;margin:0 0 1.1rem}
.hb-brand-ft{font-size:1.4rem}
.hb-kpi{margin:0;color:var(--hb-muted);font-size:.88rem}
.hb-ft-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 0 1.15rem;padding:1rem 0;border-top:1px solid var(--hb-line);border-bottom:1px solid var(--hb-line)}
.hb-ft-lab{display:block;font-family:var(--hb-serif);font-weight:700;font-size:.95rem;margin:0 0 .35rem;color:var(--hb-ink)}
.hb-ft-col{font-size:.9rem;line-height:1.7;color:var(--hb-muted)}
.hb-ft-legal{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:0 0 .75rem;font-size:.82rem}
.hb-ft-legal a{color:var(--hb-muted)}
.hb-copy{margin:0;font-size:.8rem;color:var(--hb-muted);max-width:56rem;line-height:1.5}
.hb-ftgrid{display:none}
@media(max-width:800px){
  .hb-ft-row{grid-template-columns:1fr}
  .hb-subnav{font-size:.88rem}
}

.hb-thumb{display:block;overflow:hidden;border-radius:6px;flex-shrink:0}
.hb-thumb img{width:180px;height:135px;object-fit:cover;display:block}


/* —— v11 header retune around 96px vivid food mast —— */
/* Tall cream bar; serif subnav + main nav type/spacing match mast visual weight; clay accents. */
.hb-hd{background:var(--hb-cream);border-bottom:none;box-shadow:none}
.hb-hdi{
  min-height:124px;
  padding:1.15rem 0 .95rem;
  gap:1.4rem;
  align-items:center;
  border-bottom:1px solid var(--hb-line);
}
.hb-brand{display:inline-flex;align-items:center;line-height:0;flex:0 0 auto}
.hb-brand img{height:96px;width:auto;display:block;max-width:min(360px,78vw)}
.hb-brand-ft img{height:80px;width:auto;display:block;max-width:300px}
.hb-searchwrap{align-self:center;max-width:420px}
.hb-searchwrap .hb-search{
  padding:.7rem 1rem;font-size:1.02rem;border-radius:4px 0 0 4px;
  border-color:#E0D2C0;color:var(--hb-ink);
}
.hb-searchbtn{
  padding:.7rem 1.15rem;font-size:1rem;border-radius:0 4px 4px 0;
  background:var(--hb-clay);font-weight:650;
}
.hb-nav{display:flex;gap:.2rem;align-items:center}
.hb-nav a{
  padding:.55rem .85rem;font-size:1.02rem;font-weight:600;
  color:var(--hb-ink);border-radius:4px;letter-spacing:-.01em;
}
.hb-nav a:hover{background:#F3EBE0;color:var(--hb-clay);text-decoration:none}
.hb-subnav{
  display:flex;flex-wrap:wrap;gap:.35rem .3rem;
  padding:.75rem 0 .85rem;
  border-bottom:2.5px solid var(--hb-ink);
  font-family:var(--hb-serif);
  letter-spacing:.015em;
  background:linear-gradient(180deg, transparent, rgba(196,92,38,.03));
}
.hb-subnav a{
  padding:.45rem .95rem;font-size:1.08rem;font-weight:650;
  color:var(--hb-ink);border-radius:3px;
}
.hb-subnav a:hover{color:var(--hb-clay);background:#F8F0E6;text-decoration:none}
.hb-toc{top:200px}
.hb-ft-mast{align-items:center;gap:1.5rem}
@media(max-width:800px){
  .hb-hdi{min-height:100px;padding:.8rem 0 .65rem;gap:.85rem}
  .hb-brand img{height:76px;max-width:min(300px,85vw)}
  .hb-brand-ft img{height:64px}
  .hb-searchwrap{order:3;flex:1 1 100%;max-width:none;margin-top:.25rem}
  .hb-subnav{padding:.55rem 0 .65rem}
  .hb-subnav a{padding:.35rem .7rem;font-size:.95rem}
  .hb-nav{display:none}
}