/* Shared desktop sidebar and split layouts for blog articles and recipe detail. */
.content-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:1.35rem;align-items:start}.content-page-main,.content-sidebar{min-width:0}.content-sidebar{display:grid;gap:1rem;align-content:start}.content-sidebar-card{padding:1rem;border:1px solid var(--border);border-radius:10px;background:#fff}.content-sidebar-card h2{margin:0 0 .55rem;font-size:1.05rem;line-height:1.25}.content-sidebar-card p{margin:0 0 .75rem;color:var(--muted);font-size:.88rem;line-height:1.48}.content-sidebar-button{display:inline-flex;width:100%;min-height:38px;align-items:center;justify-content:center;padding:.55rem .8rem;border-radius:8px;background:var(--accent);color:#fff;font-size:.86rem;font-weight:700;text-align:center}.content-sidebar-button:hover{color:#fff;text-decoration:none;filter:brightness(.96)}.content-sidebar-list{display:grid}.content-sidebar-list a{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.5rem 0;border-bottom:1px solid #eef0f4;font-size:.86rem}.content-sidebar-list a:last-child{border-bottom:0}.content-sidebar-list small{color:var(--muted);font-size:.78rem}.content-sidebar-recipes,.content-sidebar-articles{display:grid;gap:.65rem}.content-sidebar-recipe,.content-sidebar-article{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:.65rem;color:inherit}.content-sidebar-recipe:hover,.content-sidebar-article:hover{color:inherit;text-decoration:none}.content-sidebar-recipe img,.content-sidebar-recipe-image,.content-sidebar-article img,.content-sidebar-article-image,.content-sidebar-article-media>span{display:block;width:84px;height:58px;margin:0;border-radius:6px;object-fit:cover;background:#eee}.content-sidebar-recipe strong,.content-sidebar-article strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.84rem;line-height:1.3}.content-sidebar-article-body{display:flex;min-width:0;flex-direction:column;gap:.22rem}.content-sidebar-article-body small{color:var(--muted);font-size:.72rem}.content-sidebar-all{display:block;margin-top:.65rem;padding-top:.65rem;border-top:1px solid #eef0f4;color:var(--accent-strong);font-size:.83rem;font-weight:700;text-align:center}.content-sidebar-ad{width:100%;min-width:0;overflow:hidden;contain:layout paint}.content-sidebar-ad .ad-slot{width:100%;max-width:100%;min-width:0;margin:0;overflow:hidden}.content-sidebar-ad .ad-slot ins,.content-sidebar-ad .ad-slot iframe,.content-sidebar-ad .ad-slot img{max-width:100%!important}.content-sidebar-ad .ad-slot img{height:auto}.content-sidebar-ad:empty,.content-sidebar-ad:has(.ad-slot[data-ad-delayed="1"]),.content-sidebar-ad:has(.ad-slot[data-ad-empty="1"]){display:none!important}.wrap--recipe-sidebar{max-width:1290px}.content-page-layout--recipe{grid-template-columns:minmax(0,1fr) 260px}.content-page-layout--recipe .card-similar{margin-top:42px!important}.blog-main-ad .ad-slot{width:100%;max-width:100%;margin:.2rem 0 1rem;overflow:hidden}.blog-main-ad ins,.blog-main-ad iframe,.blog-main-ad img{max-width:100%!important}
@media(min-width:1240px){.content-page-layout--recipe .recipe-layout{grid-template-columns:minmax(355px,1.4fr) minmax(0,2.6fr)}}
@media(min-width:1500px){.content-page-layout--recipe .recipe-quick-nav-link{width:44px;min-width:44px;justify-content:center;padding:0}.content-page-layout--recipe .recipe-quick-nav-label{position:absolute;right:calc(100% + 8px);top:50%;max-width:190px;padding:.42rem .58rem;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);box-shadow:0 5px 16px rgba(0,0,0,.08);font-size:.78rem;font-weight:700;line-height:1.15;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .12s ease;white-space:nowrap}.content-page-layout--recipe .recipe-quick-nav-link:hover .recipe-quick-nav-label,.content-page-layout--recipe .recipe-quick-nav-link:focus-visible .recipe-quick-nav-label{opacity:1;transform:translateY(-50%)}}
@media(max-width:1239px){.content-page-layout--recipe{grid-template-columns:1fr}.content-page-layout--recipe>.content-sidebar{display:none}.wrap--recipe-sidebar{max-width:1100px}}
@media(max-width:900px){.content-page-layout{grid-template-columns:1fr}.content-sidebar{display:none}}