.article-hero{position:relative;width:calc(100% - (var(--container-padding) * 2));max-width:var(--container-max);aspect-ratio:16 / 9;max-height:640px;min-height:380px;overflow:hidden;margin-inline:auto;margin-top:var(--space-3);margin-bottom:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.article-hero__image{position:absolute;inset:0}.article-hero__image img{width:100%;height:100%;object-fit:cover}.article-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(38 6 14 / .9) 0%,rgb(38 6 14 / .48) 45%,#fff0 75%)}.article-hero__content{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:0 var(--space-5) var(--space-5)}.article-hero__category{display:inline-block;font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-brand);background-color:#FFF;border-radius:var(--radius-pill);padding:.3rem .8rem;margin-bottom:var(--space-2)}.article-hero__title{color:#FFF;font-weight:var(--fw-extrabold);letter-spacing:-.02em;max-width:32ch;margin-bottom:var(--space-2)}.article-hero__subtitle{font-size:var(--fs-md);color:rgb(255 255 255 / .85);max-width:56ch}.article-meta-chip{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--radius-pill);padding:.4rem .9rem;margin-bottom:var(--space-4)}.article-meta-chip::before{content:'';width:6px;height:6px;border-radius:50%;background-color:var(--color-brand)}.article-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:var(--space-5);align-items:start}.article-body-panel{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-5)}.article-body{max-width:68ch}.article-body>p{margin-bottom:var(--space-3);font-size:var(--fs-base)}.article-body h2{margin-top:var(--space-5);margin-bottom:var(--space-2);font-weight:var(--fw-extrabold);letter-spacing:-.01em}.article-body h3{margin-top:var(--space-4);margin-bottom:var(--space-2);font-weight:var(--fw-bold)}.jump-links{position:relative;background-color:var(--bg-section-alt);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4) var(--space-3);margin-block:0 var(--space-5)}.jump-links__title{display:flex;align-items:center;gap:.6rem;font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color)}.jump-links__title::before{content:'\2261';font-size:1rem;line-height:1;color:var(--color-brand)}.jump-links ol{list-style:none;counter-reset:jump-link;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem 1rem}.jump-links li{counter-increment:jump-link}.jump-links a{display:flex;align-items:center;gap:.7rem;padding:.5rem .6rem;margin-inline:-.6rem;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-body);transition:background-color var(--transition-fast),color var(--transition-fast)}.jump-links a::before{content:counter(jump-link);flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--color-brand);font-family:var(--font-ui);font-size:.7rem;font-weight:var(--fw-bold);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.jump-links a:hover{background-color:var(--bg-card)}.jump-links a:hover::before{background-color:var(--color-brand);border-color:var(--color-brand);color:#FFF}.recipe-block{padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-card)}.recipe-block:last-child{margin-bottom:0}.recipe-block__number{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding-inline:.5rem;font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:var(--fw-extrabold);color:#FFF;background-color:var(--color-brand);border-radius:var(--radius-pill);margin-bottom:var(--space-2)}.recipe-block__title{margin-bottom:var(--space-3);font-weight:var(--fw-extrabold);letter-spacing:-.01em}.recipe-block__image-wrap{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4 / 5;max-width:560px;margin-bottom:var(--space-3);border:1px solid var(--border-color)}.recipe-block__image-wrap img{width:100%;height:100%;object-fit:cover}.recipe-block__description{color:var(--text-body)}