/* PREVIEW ONLY. Remove the single HTML link to restore source byte-for-byte.
   Tokens verified in home-v3/home.css and blog-article-v30/article.css.
   No shared-shell selector, generated content, image overlay or SEO change. */
@import url('/assets/home-v3/fonts.css');
main#top{--cream:#F7F4EB;--ink:#203D2B;--leaf:#477548;--orange:#FF8213;--sage:#E8EFE5;--line:rgba(32,61,43,.18);background:var(--cream);color:var(--ink);font:400 17px/1.75 'General Sans',sans-serif;padding:0 0 64px;}
:is(main#top .article-page,main#top.article-page){width:min(1240px,calc(100% - 40px));max-width:1240px;margin:0 auto;background:none;padding:0;}
:is(main#top .article-page,main#top.article-page) *{box-sizing:border-box;}
main#top :is(h1,h2,h3){font-family:'Cabinet Grotesk',sans-serif;font-weight:800;letter-spacing:-.035em;color:var(--ink);text-wrap:pretty;}
main#top .article-hero{display:block;min-height:0;margin:0;padding:48px 0 32px;background:none;border:0;border-radius:0;}
main#top .article-hero-copy{max-width:1000px;padding:0;min-width:0;}
main#top .breadcrumb-link{display:block;width:fit-content;min-height:44px;padding:8px 0;margin:0 0 22px;font-size:15px;font-weight:500;color:var(--leaf);text-decoration:none;}
main#top .editorial-kind{font:500 13px/1.6 'General Sans',sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--leaf);margin:0 0 14px;}
main#top .chip{display:inline-flex;background:var(--sage);border:1px solid var(--line);padding:7px 14px;border-radius:100px;font:500 13px/1.5 'General Sans',sans-serif;color:var(--ink);margin:0 0 20px;}
main#top .article-hero h1{font-size:clamp(35px,4.3vw,62px);line-height:1.07;max-width:26ch;margin:0 0 24px;}
main#top .article-hero-copy>p:not(.editorial-kind):not(.recipe-facts):not(.editorial-status){font:400 19px/1.7 'General Sans',sans-serif;color:#4b5e4e;max-width:790px;margin:0 0 20px;}
main#top .article-meta{display:flex;flex-wrap:wrap;gap:12px 22px;margin:20px 0;}
main#top .article-meta span{background:none;border:0;padding:0;border-radius:0;font:500 13px/1.6 'General Sans',sans-serif;color:#4b5e4e;}
main#top .editorial-status{background:var(--sage);border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:14px;padding:18px 22px;font:400 15px/1.7 'General Sans',sans-serif;color:var(--ink);max-width:790px;margin:20px 0 0;}
main#top .article-hero-image{display:none;}
:is(main#top .article-page,main#top.article-page)>figure[data-common-image="detail"]{width:100%;max-width:100%;padding:0;margin:0 0 48px;}
:is(main#top .article-page,main#top.article-page)>figure[data-common-image="detail"] img.common-cover{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:22px;filter:none;}
main#top figure figcaption{font:400 13px/1.6 'General Sans',sans-serif;color:#4b5e4e;padding:12px 0;}
main#top .article-layout{display:grid;grid-template-columns:280px minmax(0,760px);justify-content:space-between;gap:64px;width:100%;margin:0;padding:0;align-items:start;}
main#top .article-aside{position:static;padding:24px;border-radius:22px;background:var(--sage);border:1px solid var(--line);box-shadow:none;color:var(--ink);}
main#top .article-aside strong{display:block;font:700 24px/1.2 'Cabinet Grotesk',sans-serif;margin:0 0 14px;color:var(--ink);}
main#top .article-aside p{font:400 16px/1.7 'General Sans',sans-serif;margin:0 0 18px;color:#4b5e4e;}
main#top .article-aside .eyebrow{font-size:13px;letter-spacing:.08em;color:var(--leaf);}
main#top .article-aside .recipe-aside-title{font-size:28px;line-height:1.2;margin:0 0 18px;}
main#top .article-content{min-width:0;width:100%;padding:0;}
main#top .article-section{background:none;border:0;border-radius:0;box-shadow:none;padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid var(--line);scroll-margin-top:130px;}
main#top :is(.article-section,.article-cta,.recipe-related) h2{font-size:clamp(28px,2.6vw,38px);line-height:1.16;margin:0 0 20px;}
main#top :is(.article-section,.article-cta) p{font:400 17px/1.8 'General Sans',sans-serif;color:#4b5e4e;margin:0 0 18px;}
main#top .article-section p:last-child{margin-bottom:0;}
main#top .article-content a:not(.button){color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px;}
main#top #ingredients{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fffdf6;}
main#top #ingredients ul{padding-left:22px;margin:0 0 24px;}
main#top #ingredients li{font:400 17px/1.8 'General Sans',sans-serif;padding:5px 0;color:var(--ink);}
main#top :is(#allergenes,#conservation){background:var(--sage);border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:22px;padding:28px;}
main#top .recipe-facts{font:400 15px/1.7 'General Sans',sans-serif;color:var(--ink);gap:12px;}
main#top .recipe-facts strong{background:var(--sage);font-weight:500;padding:7px 14px;}
main#top .recipe-facts span{font-size:15px;}
main#top .recipe-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
main#top .recipe-shortcuts a{min-height:44px;padding:10px 16px;font:500 14px/1.6 'General Sans',sans-serif;background:#fffdf6;color:var(--ink);border:1px solid var(--line);border-radius:14px;}
main#top .recipe-shortcuts a:first-child{background:var(--ink);color:var(--cream);}
main#top .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;white-space:normal;text-align:center;padding:14px 20px;border:0;border-radius:14px;font:500 15px/1.5 'General Sans',sans-serif;box-shadow:none;text-decoration:none;}
main#top .button-primary{background:var(--ink);color:var(--cream);}
main#top .article-cta{padding:36px;background:var(--ink);border:0;border-radius:22px;box-shadow:none;margin:0;}
main#top .article-cta :is(h2,p){color:var(--cream);}
main#top .article-cta .button{background:var(--orange);color:var(--ink);margin-top:8px;}
main#top .recipe-related{margin-top:42px;padding-top:32px;border-color:var(--line);}
main#top .recipe-related-grid>a{background:#fffdf6;border-color:var(--line);border-radius:18px;text-decoration:none;}
main#top .recipe-related-grid h3{font-size:24px;}
main#top a:focus-visible{outline:3px solid var(--orange);outline-offset:4px;}
@media(max-width:1000px){main#top .article-layout{grid-template-columns:240px minmax(0,1fr);gap:32px;}}
@media(max-width:760px){main#top{padding-bottom:48px;}main#top .article-hero{padding:24px 0 28px;}main#top .article-hero h1{font-size:clamp(34px,8.8vw,40px);line-height:1.09;}main#top .article-hero-copy>p:not(.editorial-kind):not(.recipe-facts):not(.editorial-status){font-size:17px;}main#top .article-layout{display:flex;flex-direction:column;gap:32px;}main#top .article-aside{width:100%;padding:22px;}:is(main#top .article-page,main#top.article-page)>figure[data-common-image="detail"]{margin-bottom:32px;}:is(main#top .article-page,main#top.article-page)>figure[data-common-image="detail"] img.common-cover{border-radius:16px;}main#top .article-section{padding-bottom:28px;margin-bottom:28px;}main#top :is(#ingredients,#allergenes,#conservation,.article-cta){padding:24px 20px;}main#top .recipe-related-grid{grid-template-columns:1fr;}main#top .article-cta .button{width:100%;}}

/* Recipe-detail regression: preserve the canonical V14 single reading column.
   The preview grid must not override V14 while retaining its child order. */
.recipe-detail-v13 main#top .article-layout{display:flex;flex-direction:column;max-width:900px;margin-left:auto;margin-right:auto;gap:28px}
.recipe-detail-v13 main#top .article-layout>.article-content{order:1;width:100%;min-width:0;max-width:none}
.recipe-detail-v13 main#top .article-layout>.article-aside{order:2;position:static;top:auto;width:100%;max-width:none}
.recipe-detail-v13 main#top .article-layout>.article-aside p{max-width:75ch}
