/* Add browsing to the existing /r/ layout without replacing its recipe UI. */
.recipe-browser-nav{color:var(--accent-deep);font-size:.86rem;font-weight:750;text-decoration:none;margin-left:auto;white-space:nowrap}.topbar .get-app{margin-left:8px}.recipe-browser-back{display:inline-block;color:var(--accent-deep);font-size:.86rem;font-weight:750;text-decoration:none;margin:0 0 1.25rem}.recipe-browser-back:hover,.recipe-browser-nav:hover,.recipe-browser-all:hover{text-decoration:underline;text-underline-offset:3px}.recipe-browser-related{max-width:var(--page);margin:2.5rem auto 0;padding:2rem 1.2rem 0;border-top:1px solid var(--border)}.recipe-browser-related[hidden]{display:none}.recipe-browser-eyebrow{color:var(--accent-deep);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;font-weight:800;margin:0 0 .6rem}.recipe-browser-related h2{font-size:1.7rem;letter-spacing:-.02em;margin:0 0 1.2rem}.recipe-browser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.recipe-browser-card{text-decoration:none;min-width:0}.recipe-browser-card img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:12px}.recipe-browser-card h3{font-size:1rem;line-height:1.25;margin:.7rem 0 .35rem}.recipe-browser-card p{font-size:.8rem;color:var(--muted);margin:0}.recipe-browser-all{display:inline-block;margin-top:1.5rem;color:var(--accent-deep);font-size:.9rem;font-weight:800;text-decoration:none}.recipe-browser-card:focus-visible,.recipe-browser-nav:focus-visible,.recipe-browser-back:focus-visible,.recipe-browser-all:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:5px}@media(max-width:540px){.recipe-browser-nav{font-size:.76rem}.topbar .get-app img{height:30px}.topbar .topbar-inner{gap:.5rem}.brand b{font-size:1.02rem}.brand img{width:1.8rem;height:1.8rem}.topbar .get-app{margin-left:0}.recipe-browser-grid{grid-template-columns:1fr 1fr}.recipe-browser-card:last-child{display:none}.recipe-browser-related{margin-top:2rem}.recipe-browser-card h3{font-size:.94rem}}