/* hub pages + dish tag row (seo-onpage-dist.py) */
.hb{padding:150px var(--side,24px) 80px;max-width:1240px;margin:0 auto}
.hb .crumbs{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--grey,#6b625b);margin-bottom:18px}
.hb .crumbs a:hover{color:var(--ink,#1c1613)}
.hb h1{font-family:var(--display,Georgia,serif);font-weight:900;font-size:clamp(40px,6vw,84px);line-height:.95;letter-spacing:-.03em;margin:0 0 18px}
.hb .lede{font-size:clamp(17px,1.5vw,20px);max-width:62ch;color:var(--ink,#1c1613);margin:0 0 10px}
.hb .meta{color:var(--grey,#6b625b);font-size:15px;margin:0 0 6px}
.hb-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin:30px 0 40px;padding:0;list-style:none}
.hb-c{display:block;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px rgba(28,22,19,.06),0 14px 30px -20px rgba(90,40,10,.45);transition:transform .2s}
.hb-c:hover{transform:translateY(-3px)}
.hb-c img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover}
.hb-c b{display:block;padding:12px 14px 2px;font-size:16px;line-height:1.25}
.hb-c span{display:block;padding:0 14px 14px;color:var(--grey,#6b625b);font-size:14px}
.hb h2{font-size:22px;margin:34px 0 12px}
.hb-rel,.d2-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 0;padding:0;list-style:none}
.hb-rel a,.d2-tags a{padding:7px 14px;border-radius:999px;background:rgba(242,107,29,.1);color:var(--emberText,#B84A0C);font-weight:600;font-size:14px}
.hb-rel a:hover,.d2-tags a:hover{background:rgba(242,107,29,.2)}
.d2-tags span{font-size:14px;color:var(--grey,#6b625b)}
.ings-top h2{font-size:clamp(20px,1.6vw,24px);line-height:1.15;margin:0}