/* Household sidebar — accent-bar icon chips
   Matthew House Design System. Set --p-accent / --p-ink3 / --p-hover per theme. */
.mh-chipset{display:flex;gap:26px;flex-wrap:wrap}
.mh-chip{display:flex;flex-direction:column;align-items:center;gap:11px;padding:12px 14px;border-radius:14px;cursor:pointer;transition:background .18s ease-out,transform .18s ease-out}
.mh-chip:hover{background:var(--p-hover);transform:translateY(-3px)}
.mh-chip__icon{width:56px;height:56px;border-radius:5px 15px 15px 5px;display:grid;place-items:center;background:color-mix(in srgb,var(--p-accent) 14%,transparent);box-shadow:inset 3.5px 0 0 var(--p-accent);color:var(--p-accent);transition:box-shadow .18s ease-out,background .18s ease-out}
.mh-chip:hover .mh-chip__icon{background:color-mix(in srgb,var(--p-accent) 22%,transparent);box-shadow:inset 5px 0 0 var(--p-accent),0 6px 16px color-mix(in srgb,var(--p-accent) 28%,transparent)}
.mh-chip__icon svg{width:28px;height:28px;stroke-width:1.7}
.mh-chip__label{font-size:10.5px;font-weight:800;letter-spacing:.09em;color:var(--p-ink3)}
/* themes */
.mh-ground{--p-accent:#BFD2BA;--p-ink3:#9BB795;--p-hover:rgba(255,255,255,.06);background:linear-gradient(168deg,#3D543A 0%,#314331 55%,#273428 100%);border-radius:22px;padding:34px 30px;box-shadow:0 18px 44px rgba(20,27,30,.24)}
.mh-light{--p-accent:#4C6A46;--p-ink3:#677579;--p-hover:#F1F5EF;background:rgb(var(--tg-rgb,255,255,255));border:1px solid #E3DFD4;border-radius:22px;padding:34px 30px;box-shadow:0 2px 6px rgba(42,51,56,.06)}
@media (prefers-reduced-motion:reduce){.mh-chip,.mh-chip__icon{transition:none}.mh-chip:hover{transform:none}}