.hotplate-opening { background: radial-gradient(ellipse at 58% 10%, #67354a 0%, transparent 65%), #321025; }
.hotplate-opening-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: clamp(1.2rem,4.5vw,4.4rem); margin-top: 1rem; }
.hotplate-opening h1 { font-size: clamp(2.55rem,5.55vw,5.8rem); line-height: .99; text-wrap: balance; }
.hotplate-opening-grid figure img { width: 100%; aspect-ratio: 1.5; object-fit: cover; }
.hotplate-opening-grid figcaption { color: var(--linen); }
.hotplate-method { gap: clamp(1rem,2.4vw,2rem); }
.hotplate-method .eyebrow { margin-bottom: .55rem; }
.hotplate-method .recipe-details ul { padding-inline-start: 1.2rem; margin-block: .55rem 0; }
.hotplate-method .recipe-details ul + :is(h3,h4,p) { margin-top: 1rem; }
.hotplate-method li + li { margin-top: .4rem; }
.hotplate-method .recipe-steps { list-style: none; padding: 0; margin: 1.15rem 0 0; counter-reset: recipe-steps; }
.hotplate-method .recipe-steps > li { position: relative; counter-increment: recipe-steps; padding: .85rem .3rem .9rem 3rem; border-top: 1px solid var(--rule); }
.hotplate-method .recipe-steps > li::before { content: counter(recipe-steps, decimal-leading-zero); color: var(--violet); position: absolute; left: .25rem; top: .85rem; font-weight: 700; }
.hotplate-method .recipe-note-box { border-inline-start: 2px solid var(--violet); color: var(--muted); padding-inline-start: .85rem; margin-block: 1rem .4rem; }
.hotplate-method .hotplate-film .recipe-video { margin-top: 1.2rem; }
.hotplate-method .hotplate-film .archive-next { margin-top: .45rem; }
@media(max-width:760px) { .hotplate-opening-grid { grid-template-columns: 1fr; } .hotplate-opening-grid figure img { aspect-ratio: 1.66; } }