/* Social links belong to the shared brand navigation. */
#site-header .brand-icon,#site-footer .brand-icon{border-radius:12px;width:42px;height:42px}
#site-header .brand-social{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:0}
#site-header .brand-social>a{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:19px;color:#233d32}
#site-header .brand-social>a:hover{background:#eee9df;color:#a84228;text-decoration:none}
#site-header>div:first-child{gap:20px}
#site-header .brand-social~button{flex-shrink:0}
#site-footer .footer-community{display:flex;align-items:center;gap:24px}
#site-footer .footer-community>span{font:italic 19px 'Receita Serif',Georgia,serif;color:#e5d7c5}
#site-footer .footer-community nav{display:flex;gap:22px}
#site-footer .footer-community a{gap:9px;font-weight:700}
#site-footer .footer-community i{font-size:20px}
.occasion-row a{gap:12px}.occasion-row a:hover strong,.mini-recipe:hover strong{text-decoration:underline;text-underline-offset:4px}
.cover-photo figcaption{padding-right:24px}.cover-photo figcaption a:hover strong{text-decoration:underline;text-underline-offset:4px}
@media(min-width:768px) and (max-width:1100px){#site-header>div:first-child{gap:12px}#site-header nav.hidden{gap:16px}#site-header .wordmark{font-size:26px}}
@media(max-width:767px){#site-header>div:first-child{gap:6px;padding-inline:12px}#site-header .wordmark{font-size:22px}#site-header .logo{gap:7px}#site-header .brand-icon{width:34px;height:34px;border-radius:9px}#site-header .brand-social{margin-left:auto}#site-header .brand-social>a{width:44px}#site-header #mobile-menu-btn{padding:8px}#site-footer .footer-community{width:100%;align-items:flex-start;flex-direction:column;gap:4px}#site-footer .footer-brand{gap:18px}}
#site-header nav.brand-social{width:auto;order:0;flex-direction:row;flex-wrap:nowrap}
#site-header .logo .brand-icon,#site-footer .logo .brand-icon{width:42px;height:42px;border-radius:12px}
@media(max-width:767px){#site-header .logo .wordmark{font-size:22px}#site-header .logo .brand-icon{width:34px;height:34px;border-radius:9px}}

/* Recipe cards are already whole-card links; the repeated arrows add no action. */
.card-arrow{display:none!important}