.cv-navbar{padding-top:env(safe-area-inset-top,0px)}.article-head{padding-block:var(--cv-space-6) 0}.article-head .cv-breadcrumb{margin-bottom:var(--cv-space-4);flex-wrap:wrap;row-gap:4px}.article-head .cv-breadcrumb .crumb-current{color:var(--cv-text);max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-meta-row{display:flex;align-items:center;gap:var(--cv-space-3);margin-top:var(--cv-space-3);flex-wrap:wrap}.article-date{font-size:var(--cv-text-sm);color:var(--cv-text-muted)}.article-title{margin-top:10px;max-width:48ch}.article-teaser{margin-top:var(--cv-space-3);max-width:62ch}.recipe-card__badge{display:inline-flex;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--cv-gold-dark);background:var(--cv-gold-soft);padding:4px 10px;border-radius:var(--cv-radius-pill)}.recipe-card__badge--news{color:var(--cv-primary);background:var(--cv-primary-soft)}.article-hero{aspect-ratio:16/9;border-radius:var(--cv-radius-lg);background:var(--cv-surface-alt);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:var(--cv-space-6)}.article-hero__icon{width:16%;height:16%;color:var(--cv-primary);opacity:.35}.article-hero__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;padding:0}.article-hero__play span{width:72px;height:72px;border-radius:50%;background:#0b1930b8;display:flex;align-items:center;justify-content:center;transition:transform .15s}.article-hero__play:hover span{transform:scale(1.06)}.article-hero__play svg{width:26px;height:26px;color:#fff;margin-left:4px}.article-hero__note{position:absolute;left:var(--cv-space-3);right:var(--cv-space-3);bottom:var(--cv-space-3);background:#0b1930d1;color:#fff;font-size:var(--cv-text-xs);line-height:1.5;padding:10px 14px;border-radius:var(--cv-radius-sm);display:none}.article-hero__note.is-visible{display:block}.article-body-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--cv-space-8);margin-top:var(--cv-space-7);align-items:start}@media(max-width:860px){.article-body-wrap{grid-template-columns:1fr;gap:var(--cv-space-6)}}.article-body p{margin-top:var(--cv-space-4);max-width:68ch;font-size:var(--cv-text-base);color:var(--cv-text);line-height:1.75}.article-body p:first-child{margin-top:0}.article-ingredients{margin-top:var(--cv-space-6);background:var(--cv-surface-alt);border-radius:var(--cv-radius-md);padding:var(--cv-space-5)}.article-ingredients h2{font-family:var(--cv-font-display);font-size:var(--cv-text-lg);margin-bottom:var(--cv-space-3)}.article-ingredients ul{list-style:disc;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:var(--cv-text-sm);color:var(--cv-text)}.article-steps{margin-top:var(--cv-space-6)}.article-steps h2{font-family:var(--cv-font-display);font-size:var(--cv-text-lg);margin-bottom:var(--cv-space-3)}.article-steps ol{list-style:decimal;padding-left:22px;display:flex;flex-direction:column;gap:12px;font-size:var(--cv-text-base);color:var(--cv-text)}.article-steps ol li{padding-left:4px;line-height:1.6}.article-tip{margin-top:var(--cv-space-5);display:flex;gap:10px;padding:var(--cv-space-4);background:var(--cv-success-bg);border-radius:var(--cv-radius-md);font-size:var(--cv-text-sm);color:var(--cv-text)}.article-tip svg{flex:none;width:18px;height:18px;color:var(--cv-success);margin-top:1px}.article-body .cv-btn{white-space:normal;text-align:center;max-width:100%;height:auto}.article-back{display:inline-flex;align-items:center;gap:6px;font-size:var(--cv-text-sm);font-weight:600;color:var(--cv-text-muted);margin-top:var(--cv-space-7);text-decoration:none}.article-back:hover{color:var(--cv-primary)}.article-back svg{width:16px;height:16px}.article-side-card{background:var(--cv-surface);border:1px solid var(--cv-border);border-radius:var(--cv-radius-md);padding:var(--cv-space-5)}.article-side-card h3{font-family:var(--cv-font-display);font-size:var(--cv-text-base);margin-bottom:var(--cv-space-4)}.related-list{display:flex;flex-direction:column;gap:var(--cv-space-4)}.related-item{display:flex;gap:12px;text-decoration:none;color:inherit}.related-item__thumb{flex:none;width:76px;height:58px;border-radius:var(--cv-radius-sm);background:var(--cv-surface-alt);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.related-item__thumb svg{width:36%;height:36%;color:var(--cv-primary);opacity:.35}.related-item__thumb .related-item__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.related-item__thumb .related-item__play span{width:24px;height:24px;border-radius:50%;background:#0b1930b8;display:flex;align-items:center;justify-content:center}.related-item__thumb .related-item__play svg{width:9px;height:9px;color:#fff;opacity:1;margin-left:1px}.related-item__body{flex:1;min-width:0}.related-item__title{font-size:var(--cv-text-sm);font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-item:hover .related-item__title{color:var(--cv-primary)}.related-item__date{font-size:var(--cv-text-xs);color:var(--cv-text-muted);margin-top:4px;display:block}.article-cta-card{margin-top:var(--cv-space-5)}.article-notfound{text-align:center;padding:var(--cv-space-8) var(--cv-space-4);max-width:54ch;margin-inline:auto}
