@layer components{.bakery-design .recipe-article{max-width:1020px;margin-inline:auto;font-size:16px;line-height:1.65}.bakery-design .recipe-article h1{max-width:24ch;margin:12px 0 22px}.bakery-design .recipe-article h2{margin:0 0 18px}.recipe-article__header{padding-block:24px 12px}.bakery-design .recipe-article__eyebrow{color:var(--orange);margin:0;font-size:14px;font-weight:600}.recipe-article__intro{max-width:64ch;font-size:18px}.bakery-design .recipe-article__date,.recipe-article__note,.recipe-article figcaption{color:var(--muted);font-size:14px}.recipe-article__contents{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.recipe-article__contents a{border:1px solid var(--border);border-radius:24px;align-items:center;min-height:44px;padding:9px 16px;text-decoration:none;display:inline-flex}.recipe-article__contents a:hover{background:var(--bg)}.recipe-article__facts{border:1px solid var(--border);background:var(--bg);border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:24px 0;padding:8px 20px;display:grid}.recipe-article__facts>div{min-width:0;padding:16px 10px}.recipe-article__facts dt{color:var(--muted);font-size:14px}.recipe-article__facts dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-weight:600}.recipe-article>section{border-top:1px solid var(--border);margin-top:36px;padding-top:32px;scroll-margin-top:160px}.recipe-article p{max-width:68ch}.bakery-design .recipe-article .data-table{font-size:16px}.bakery-design .recipe-article .data-table thead th{white-space:normal}.recipe-article__steps{margin:20px 0;padding:0;list-style:none}.recipe-article__steps li{border-bottom:1px solid var(--border);scroll-margin-top:160px}.recipe-article__steps label{cursor:pointer;align-items:flex-start;gap:14px;min-height:44px;padding:20px 0;display:flex}.recipe-article__steps input{width:24px;height:24px;accent-color:var(--orange2);cursor:pointer;flex:none;margin:2px 0 0}.recipe-article__steps label>span{min-width:0}.recipe-article__steps strong{margin-bottom:6px;font-size:18px;display:block}.recipe-article__steps [data-recipe-step-text]{max-width:68ch;display:block}.recipe-article__steps input:checked+span{opacity:.65}.recipe-article__steps input:checked+span strong{text-decoration:line-through}.recipe-article__faq details{border-bottom:1px solid var(--border);padding-block:12px}.recipe-article__faq summary{cursor:pointer;min-height:44px;padding-block:10px;font-weight:600;display:list-item}.recipe-article__related{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px;padding:0;list-style:none;display:grid}.recipe-article__related a{align-items:center;min-height:44px;font-weight:600;display:inline-flex}.recipe-article__related p{margin:6px 0 0}.recipe-article__photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.recipe-article figure{min-width:0;margin:0}.recipe-article figure img{border-radius:14px;width:100%;height:auto}.recipe-article figcaption{margin-top:8px}.recipe-article__bakery{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:28px;display:grid}.recipe-article :is(a,input,summary):focus-visible{outline-offset:4px;outline:3px solid #087f83}@media (max-width:600px){.recipe-article__facts{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 10px}.recipe-article__facts>div{padding:12px 8px}.recipe-article__intro{font-size:16px}.recipe-article__related,.recipe-article__bakery,.recipe-article__photos{grid-template-columns:minmax(0,1fr)}.recipe-article>section{margin-top:28px;padding-top:24px}.bakery-design .recipe-article .data-table :is(th,td){padding:10px}.recipe-article__steps strong{font-size:17px}}}