.layout{display:grid;grid-template-columns:minmax(0,1fr)260px;gap:1.2rem;align-items:start}.stream{display:grid;gap:1rem}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(136deg,#fff9f0 0%,#fffdf8 100%);overflow:hidden;box-shadow:var(--shadow)}.hero-copy{padding:clamp(1rem,2.5vw,1.8rem)}.hero-label{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:700}.hero-title{margin:.4rem 0 .8rem;font-family:fraunces,Georgia,serif;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.08}.hero-title a{text-decoration:none}.hero-description{margin:0;color:#3b2f25}.hero-image{width:100%;height:100%;min-height:220px;object-fit:cover}.recipe-item{display:grid;grid-template-columns:112px minmax(0,1fr);gap:.9rem;padding:.9rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow)}.thumb{width:112px;height:92px;object-fit:cover;border-radius:10px;background:#f0e5d7}.item-title{margin:0;font-family:fraunces,Georgia,serif;font-size:1.25rem;line-height:1.2}.item-title a{text-decoration:none}.item-meta{margin:.4rem 0;color:var(--muted);font-size:.86rem}.item-description{margin:0;color:#392d24;font-size:.95rem}.sidebar-box{position:sticky;top:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow);padding:.9rem}.sidebar-title{margin:0 0 .5rem;font-family:fraunces,Georgia,serif;font-size:1.1rem}.cat-links{margin:0;padding:0;list-style:none;display:grid;gap:.3rem}.cat-links a{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;text-decoration:none;color:#3c3027;padding:.33rem 0;border-bottom:1px solid #f0e8de;font-size:.92rem}.cat-count{color:var(--muted);font-size:.78rem}.pager{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.3rem}.pager a,.pager span{padding:.35rem .68rem;border-radius:999px;border:1px solid var(--line);text-decoration:none;font-size:.86rem;color:#43362b;background:#fdf8f0}.pager .active{color:#fff;background:#3a2c21;border-color:#3a2c21}@media(max-width:920px){.layout{grid-template-columns:1fr}.sidebar-box{position:static}}@media(max-width:700px){.hero{grid-template-columns:1fr}.hero-image{order:-1;min-height:180px}}@media(max-width:520px){.recipe-item{grid-template-columns:1fr}.thumb{width:100%;height:160px}}