/* DinnerPocket branding, with room for household controls on small screens. */
.wordmark{font-size:25px;letter-spacing:-.9px;gap:8px}
.brand-mark{width:34px;height:34px;margin-right:0;border-radius:10px;transform:none;flex:none;background:none}
.brand-mark img{width:100%;height:100%;object-fit:contain}
.app-brand-note{margin:20px 0 0;text-align:center;font-size:11px;color:var(--muted);line-height:1.5}
.app-brand-note span{padding:0 4px}
@media(min-width:701px) and (max-width:1200px){.sidebar .wordmark{font-size:22px;gap:6px}.sidebar .brand-mark{width:29px;height:29px}}
@media(min-width:701px) and (max-width:1000px){.sidebar .wordmark{font-size:20px;letter-spacing:-.8px}.sidebar .brand-mark{width:27px;height:27px}}
@media(max-width:700px){.mobile-header{gap:12px}.mobile-header .wordmark{font-size:26px}.mobile-header .household-pill{flex:none}.brand-mark{width:32px;height:32px}}
@media(max-width:359px){.mobile-header .wordmark{font-size:23px;gap:6px}.brand-mark{width:29px;height:29px}.app-brand-note{font-size:10px}}