/* Shared Instagram identity: yellow, charcoal, rounded bold typography. */
@font-face{font-family:'Fredoka';font-style:normal;font-weight:300 700;font-stretch:75% 125%;font-display:swap;src:url('/fonts/fredoka-latin-ext.woff') format('woff')}
.social-body{background:#191919;color:#fffdf5}
.social-body .top{background:#ffda24;backdrop-filter:none}
.social-body .brand .brand-name,.social-hub h1,.social-hub h2,.social-hub h3,.social-open{font-family:'Fredoka','Arial Rounded MT Bold',Arial,sans-serif;font-weight:600;letter-spacing:0}
.social-hub{max-width:800px;padding-top:32px;padding-bottom:36px}
.social-intro{margin-bottom:22px}
.social-handle{margin:0 0 12px;color:#ffda24;font-size:13px;font-weight:700}
.social-intro h1{max-width:600px;margin:0 0 14px;color:#ffda24;font-size:clamp(36px,6vw,54px);line-height:1.08}
.social-intro>p:last-child{max-width:580px;margin:0;color:#e1ded3;font-size:15px;line-height:1.6}
.social-collection{display:block;border:1px solid #ffda24;border-radius:18px;padding:22px;background:#ffda24;color:#191919}
.social-label{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1.5}
.social-collection h2{margin:8px 0;font-size:29px;line-height:1.1}
.social-collection p{margin:0 0 16px;font-size:14px;line-height:1.55}
.social-open{display:inline-flex;align-items:center;gap:18px;font-size:17px;line-height:1.4}
.social-collection .social-open{padding:9px 15px;border-radius:24px;background:#191919;color:#ffda24}
.social-current,.social-shared,.social-explore{margin-top:30px}
.social-hub section>h2{margin:0 0 14px;color:#ffda24;font-size:25px;line-height:1.2}
.social-recipes{display:grid;gap:12px}
.social-recipe{min-width:0;border:1px solid #77715d;border-radius:16px;overflow:hidden;background:#fffdf5;color:#191919}
.social-recipe>a{display:grid;grid-template-columns:150px 1fr;align-items:stretch;min-height:150px}
.social-photo{min-width:0;background:#383326}
.social-photo img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1}
.social-recipe-copy{align-self:center;padding:16px 20px}
.social-recipe h3{margin:4px 0 7px;font-size:26px;line-height:1.12}
.social-recipe p{margin:0 0 9px;font-size:13px;line-height:1.5;color:#55503d}
.social-recipe .social-label{color:#5f5016}
.social-recipe .social-open{font-size:16px;border-bottom:2px solid #ffda24}
.social-text-links{border:1px solid #77715d;border-radius:14px;overflow:hidden}
.social-text-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:13px 17px;color:#fffdf5;font-size:14px;line-height:1.5}
.social-text-links a+a{border-top:1px solid #625c48}
.social-text-links a>span:last-child{font-size:22px;color:#ffda24}
.social-note{margin:13px 0 0;font-size:12px;line-height:1.65;color:#c8c3b3}
.social-explore>a{display:flex;flex-direction:column;gap:7px;margin-top:10px;padding:18px;border:1px solid #77715d;border-radius:14px}
.social-explore strong{font-family:'Fredoka',Arial,sans-serif;font-size:20px;font-weight:500}
.social-explore>a>span{font-size:13px;line-height:1.5;color:#d2cdbf}
.social-explore>a>span>span{color:#ffda24;margin-left:8px}
.social-footer{max-width:800px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.social-body footer{border-color:#625c48;background:#ffda24;color:#191919}
.social-footer>a:last-child{font-size:13px;text-decoration:underline;text-underline-offset:4px}
.social-body .seo-footer{max-width:800px}
.social-body a:focus-visible{outline:3px solid #be8d00;outline-offset:4px}
.social-collection:hover{background:#ffe35b}.social-recipe:hover,.social-explore>a:hover{border-color:#ffda24}.social-text-links a:hover{background:#302c20}
@media(max-width:600px){.social-hub{padding-top:24px;padding-bottom:30px}.social-intro{margin-bottom:18px}.social-intro h1{font-size:38px}.social-collection{padding:18px}.social-collection h2{font-size:26px}.social-current,.social-shared,.social-explore{margin-top:25px}.social-recipe>a{grid-template-columns:100px 1fr;min-height:144px}.social-photo img{aspect-ratio:auto}.social-recipe-copy{padding:13px}.social-recipe h3{font-size:23px}.social-recipe p{font-size:12px;margin-bottom:7px}.social-label{font-size:9px}.social-open{font-size:16px}.social-footer{align-items:flex-start;flex-direction:column;gap:16px}}
@media(prefers-reduced-motion:reduce){.social-body{scroll-behavior:auto}}