/* Cookbook Shelf editorial surfaces.
 * Scope everything to the cooking storefront: the same templates also serve other tenants. */
body.cooking:is([data-page="blog_list"],[data-page="blog_article"],[data-page="guide"],[data-page="wiki"],[data-page="wiki_article"],[data-page="forum_hub"],[data-page="forum"],[data-page="forum_thread"]){
  --ed-ink:#17221d;
  --ed-muted:#65716b;
  --ed-paper:#f7f6f1;
  --ed-white:#fff;
  --ed-line:#dbe0db;
  --ed-blue:#1f57c8;
  --ed-blue-dark:#173f91;
  --ed-tomato:#c7462d;
  --ed-mint:#dbeee5;
  --ed-shadow:0 18px 45px rgba(23,34,29,.09);
  background:var(--ed-paper);
  color:var(--ed-ink);
}
body.cooking .ed-shell{width:min(1760px,calc(100% - 48px));margin:0 auto;background:var(--ed-paper)}
body.cooking .ed-kicker{display:flex;align-items:center;gap:10px;margin:0 0 13px;color:var(--ed-blue);font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
body.cooking .ed-kicker::before{content:"";width:34px;height:3px;background:var(--ed-tomato)}
body.cooking .ed-display{max-width:780px;margin:0;color:var(--ed-ink);font:850 clamp(38px,5.3vw,70px)/.96 Inter,system-ui,sans-serif;letter-spacing:-.055em}
body.cooking .ed-lede{max-width:670px;margin:20px 0 0;color:var(--ed-muted);font:500 clamp(16px,1.6vw,19px)/1.6 Inter,system-ui,sans-serif}
body.cooking .ed-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end;overflow:hidden;padding:64px 54px 58px;border:1px solid var(--ed-line);border-top:0;background:linear-gradient(116deg,#f8f8f2 0 57%,#e7eee9 57%)}
body.cooking .ed-hero::after{content:"";position:absolute;inset:0 0 0 57%;opacity:.42;background-image:linear-gradient(rgba(31,87,200,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(31,87,200,.12) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
body.cooking .ed-hero .container{position:relative;z-index:1}
body.cooking .ed-hero>*{position:relative;z-index:1}
body.cooking .ed-hero-mark{display:grid;width:162px;min-height:162px;align-content:end;padding:20px;border:1px solid rgba(31,87,200,.28);background:rgba(255,255,255,.62);backdrop-filter:blur(8px)}
body.cooking .ed-hero-mark span,body.cooking .ed-hero-mark small{color:var(--ed-muted);font:800 10px/1.3 Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase}
body.cooking .ed-hero-mark strong{margin:12px 0 7px;color:var(--ed-blue);font:900 38px/1 Inter,sans-serif;letter-spacing:-.05em}
body.cooking .ed-index{display:flex;gap:8px;overflow:auto;padding:18px 0;border-bottom:1px solid var(--ed-line);scrollbar-width:thin}
body.cooking .ed-index a{display:inline-flex;min-height:42px;align-items:center;padding:9px 15px;border:1px solid var(--ed-line);border-radius:2px;background:var(--ed-white);color:var(--ed-ink);font:750 13px/1 Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap}
body.cooking .ed-index a:hover,body.cooking .ed-index a:focus-visible{border-color:var(--ed-blue);color:var(--ed-blue);outline:0}
body.cooking .ed-section{padding:52px 0 70px}
body.cooking .ed-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
body.cooking .ed-section-head h2{margin:0;color:var(--ed-ink);font:850 clamp(27px,3vw,38px)/1 Inter,system-ui,sans-serif;letter-spacing:-.04em}
body.cooking .ed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.cooking .ed-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--ed-line);border-radius:3px;background:var(--ed-white);color:var(--ed-ink);text-decoration:none;box-shadow:0 1px 0 rgba(23,34,29,.03);transition:transform .2s,box-shadow .2s,border-color .2s}
body.cooking .ed-card-link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}
body.cooking .ed-card:hover{transform:translateY(-4px);border-color:#aebbb4;box-shadow:var(--ed-shadow)}
body.cooking .ed-card-media{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#163f35,#327967);transition:transform .35s}
body.cooking .ed-card:hover .ed-card-media{transform:scale(1.015)}
body.cooking .ed-card-media-fallback{display:grid;aspect-ratio:16/9;align-content:end;padding:20px;color:#fff;background-color:#173f91;background-image:linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.14) 48% 50%,transparent 50%),radial-gradient(circle at 76% 20%,rgba(255,255,255,.18),transparent 28%)}
body.cooking .ed-card-media-fallback span{font:800 11px/1 Inter,sans-serif;letter-spacing:.15em;text-transform:uppercase}
body.cooking .ed-card-body{display:flex;flex:1;flex-direction:column;padding:21px}
body.cooking .ed-card-tag{margin-bottom:10px;color:var(--ed-blue);font:800 10px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
body.cooking .ed-card-label{margin:0 0 10px!important;color:var(--ed-blue)!important;font:800 10px/1 Inter,sans-serif!important;letter-spacing:.14em;text-transform:uppercase}
body.cooking .ed-card h2,body.cooking .ed-card h3{margin:0;color:var(--ed-ink);font:800 20px/1.18 Inter,system-ui,sans-serif;letter-spacing:-.025em}
body.cooking .ed-card p{margin:12px 0 0;color:var(--ed-muted);font-size:14px;line-height:1.55}
body.cooking .ed-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:18px;color:#738078;font:650 12px/1.3 Inter,sans-serif}
body.cooking .ed-empty{display:grid;grid-template-columns:minmax(0,.82fr) minmax(300px,1.18fr);min-height:330px;overflow:hidden;border:1px solid var(--ed-line);border-radius:3px;background:var(--ed-white)}
body.cooking .ed-empty-copy{display:flex;flex-direction:column;justify-content:center;padding:44px}
body.cooking .ed-empty-copy h2{margin:0;color:var(--ed-ink);font:850 clamp(28px,3vw,42px)/1 Inter,sans-serif;letter-spacing:-.045em}
body.cooking .ed-empty-copy p{max-width:500px;margin:15px 0 0;color:var(--ed-muted);font-size:15px;line-height:1.65}
body.cooking .ed-empty-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
body.cooking .ed-empty-links a{display:inline-flex;min-height:44px;align-items:center;padding:10px 14px;border:1px solid var(--ed-line);border-radius:2px;color:var(--ed-ink);font-weight:750;text-decoration:none}
body.cooking .ed-empty-links a:first-child{border-color:var(--ed-blue);background:var(--ed-blue);color:#fff}
body.cooking .ed-empty-visual{position:relative;min-height:280px;background:linear-gradient(145deg,#173f91,#1f57c8 58%,#a7c7ec)}
body.cooking .ed-empty-visual::before{content:"FIELD NOTES";position:absolute;left:28px;bottom:25px;color:#fff;font:850 clamp(32px,5vw,68px)/.88 Inter,sans-serif;letter-spacing:-.06em;white-space:pre-line}
body.cooking .ed-empty-visual::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to right,transparent,#000)}
body.cooking .ed-empty-visual>*{display:none}
body.cooking .ed-trail{display:flex;gap:9px;align-items:center;padding:18px 0;border-bottom:1px solid var(--ed-line);color:var(--ed-muted);font-size:13px}
body.cooking .ed-trail a{color:var(--ed-blue);text-decoration:none}
body.cooking .ed-section-heading{margin-bottom:22px}
body.cooking .ed-section-heading h2{margin:0;color:var(--ed-ink);font:850 clamp(28px,3vw,40px)/1 Inter,sans-serif;letter-spacing:-.045em}

/* Forum hub. */
body.cooking .ed-forum-counts{display:grid;grid-template-columns:repeat(3,auto);gap:1px;margin:0;border:1px solid var(--ed-line);background:var(--ed-line)}
body.cooking .ed-forum-counts div{min-width:105px;padding:15px;background:rgba(255,255,255,.75)}
body.cooking .ed-forum-counts dt{color:var(--ed-muted);font:800 9px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
body.cooking .ed-forum-counts dd{margin:7px 0 0;color:var(--ed-ink);font:900 25px/1 Inter,sans-serif}
body.cooking .ed-forum-tools{display:grid;grid-template-columns:minmax(320px,620px) 1fr;gap:24px;align-items:end;padding:26px 0;border-bottom:1px solid var(--ed-line)}
body.cooking .ed-forum-search{position:relative}
body.cooking .ed-forum-search label{display:block;margin-bottom:8px;color:var(--ed-ink);font:800 11px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
body.cooking .ed-forum-search>div:first-of-type{display:flex;border:1px solid #b9c3bd;background:#fff}
body.cooking .ed-forum-search input{min-width:0;flex:1;padding:14px;border:0;font-size:16px}
body.cooking .ed-forum-search button{padding:0 22px;border:0;background:var(--ed-blue);color:#fff;font-weight:800}
body.cooking .ed-forum-results:empty{display:none}
body.cooking .ed-forum-results{position:absolute;z-index:20;margin-top:5px;background:#fff;box-shadow:var(--ed-shadow)}
body.cooking .ed-forum-tools nav{display:flex;justify-content:flex-end;gap:8px}
body.cooking .ed-forum-tools nav a{padding:11px 14px;border-bottom:2px solid var(--ed-ink);color:var(--ed-ink);font-weight:750;text-decoration:none}
body.cooking .ed-forum-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.cooking .ed-forum-category{padding:24px;border:1px solid var(--ed-line);background:#fff}
body.cooking .ed-forum-category-title{display:flex;justify-content:space-between;color:var(--ed-ink);font:850 22px/1.1 Inter,sans-serif;text-decoration:none}
body.cooking .ed-forum-category>p{color:var(--ed-muted);font-size:13px}
body.cooking .ed-forum-category ul{margin:18px 0 0;padding:14px 0 0;border-top:1px solid var(--ed-line);list-style:none}
body.cooking .ed-forum-category li{display:flex;gap:10px;justify-content:space-between;padding:6px 0}
body.cooking .ed-forum-category li a{overflow:hidden;color:var(--ed-ink);text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
body.cooking .ed-forum-category time{color:var(--ed-muted);font-size:11px}
body.cooking .ed-muted{color:var(--ed-muted)!important}
body.cooking .ed-forum-streams{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:0 0 72px}
body.cooking .ed-forum-list{border-top:1px solid var(--ed-ink)}
body.cooking .ed-forum-list>a{display:flex;gap:16px;justify-content:space-between;padding:17px 2px;border-bottom:1px solid var(--ed-line);color:var(--ed-ink);text-decoration:none}
body.cooking .ed-forum-list span{display:grid;gap:5px}.ed-forum-list small{color:var(--ed-muted)}
body.cooking .ed-forum-list em{color:var(--ed-blue);font-size:12px;font-style:normal;font-weight:750;white-space:nowrap}
body.cooking .ed-stream-empty{padding:26px;border:1px solid var(--ed-line);color:var(--ed-muted);background:#fff}
body.cooking[data-page="forum"] .forum-list-hero{padding:52px 0 46px!important;border-bottom:1px solid var(--ed-line)!important;background:linear-gradient(116deg,#f8f8f2 0 57%,#e7eee9 57%)!important}
body.cooking[data-page="forum"] .forum-list-hero h1{margin:0!important}
body.cooking[data-page="forum"] .forum-list-hero p:not(.ed-kicker){margin-top:16px!important;color:var(--ed-muted)!important;font-size:17px!important}
body.cooking[data-page="forum"] .forum-list-empty{text-align:left!important;border-radius:3px!important;background-image:linear-gradient(90deg,#fff 0 64%,#edf2f9 64%)!important}
body.cooking[data-page="forum"] .forum-layout{grid-template-columns:minmax(0,1fr) 300px!important;gap:28px!important}

/* Guide / article reading cards. */
body.cooking .ed-reading-section{background:var(--ed-paper)!important}
body.cooking .ed-reading-layout{grid-template-columns:minmax(0,1fr) 310px!important;gap:28px!important}
body.cooking .ed-reading-card{border:1px solid var(--ed-line)!important;border-radius:3px!important;box-shadow:none!important}
body.cooking .ed-reading-card>h1{max-width:880px;color:var(--ed-ink)!important;font:850 clamp(34px,4.5vw,58px)/1 Inter,sans-serif!important;letter-spacing:-.05em}
body.cooking .ed-toc{border:1px solid var(--ed-line)!important;border-left:5px solid var(--ed-blue)!important;border-radius:2px!important;background:#edf2f9!important}
body.cooking[data-page="guide"] aside>div{border:1px solid var(--ed-line)!important;border-radius:3px!important;box-shadow:none!important}

/* Blog article / guide reading system. */
body.cooking:is([data-page="blog_article"],[data-page="guide"],[data-page="wiki_article"]) .article-body,
body.cooking:is([data-page="blog_article"],[data-page="guide"],[data-page="wiki_article"]) .article-content,
body.cooking[data-page="guide"] .guide-content{color:#27332d!important;font:400 17px/1.82 Inter,system-ui,sans-serif!important}
body.cooking:is([data-page="blog_article"],[data-page="guide"],[data-page="wiki_article"]) :is(.article-body,.article-content,.guide-content) h2{margin:46px 0 16px!important;color:var(--ed-ink)!important;font:850 clamp(27px,3vw,36px)/1.1 Inter,sans-serif!important;letter-spacing:-.04em}
body.cooking:is([data-page="blog_article"],[data-page="guide"],[data-page="wiki_article"]) :is(.article-body,.article-content,.guide-content) h3{margin:32px 0 12px!important;color:var(--ed-ink)!important;font:800 22px/1.2 Inter,sans-serif!important}
body.cooking:is([data-page="blog_article"],[data-page="guide"],[data-page="wiki_article"]) :is(.article-body,.article-content,.guide-content) blockquote{margin:28px 0!important;padding:22px 25px!important;border:0!important;border-left:5px solid var(--ed-tomato)!important;border-radius:0!important;background:#eef2ee!important;color:#34413a!important;font-style:normal!important}
body.cooking:is([data-page="blog_article"],[data-page="guide"],[data-page="wiki_article"]) :is(.article-body,.article-content,.guide-content) a{color:var(--ed-blue)!important;text-decoration-thickness:1px;text-underline-offset:3px}
body.cooking:is([data-page="blog_article"],[data-page="guide"],[data-page="wiki_article"]) :is(.article-body,.article-content,.guide-content) img{height:auto;border-radius:2px!important}

/* Wiki. */
body.cooking[data-page="wiki"] .wiki-hero{padding:64px 0 58px;background:linear-gradient(116deg,#f8f8f2 0 57%,#e7eee9 57%);color:var(--ed-ink);border-bottom:1px solid var(--ed-line)}
body.cooking[data-page="wiki"] .wiki-hero h1{max-width:760px;margin:0;color:var(--ed-ink);font:850 clamp(38px,5vw,66px)/.98 Inter,sans-serif;letter-spacing:-.055em}
body.cooking[data-page="wiki"] .wiki-hero p{max-width:650px;margin-top:17px;color:var(--ed-muted);font-size:18px;line-height:1.55}
body.cooking[data-page="wiki"] .wiki-section{padding:28px 0 70px}
body.cooking[data-page="wiki"] .wiki-cat-title{border-color:var(--ed-line);color:var(--ed-ink);font:850 25px/1 Inter,sans-serif}
body.cooking[data-page="wiki"] .wiki-card{border-color:var(--ed-line);border-radius:3px;box-shadow:none}
body.cooking[data-page="wiki"] .wiki-card h3{color:var(--ed-ink);font-family:Inter,sans-serif}
body.cooking[data-page="wiki_article"] .article-layout{gap:42px;padding:34px 0 70px}
body.cooking[data-page="wiki_article"] .article-main,body.cooking[data-page="wiki_article"] .sidebar-card{border:1px solid var(--ed-line);border-radius:3px;box-shadow:none}
body.cooking[data-page="wiki_article"] .article-main h1{color:var(--ed-ink);font:850 clamp(34px,4vw,54px)/1 Inter,sans-serif;letter-spacing:-.05em}

/* Forum: override legacy inline office styling without altering its hooks. */
body.cooking:is([data-page="forum_hub"],[data-page="forum"],[data-page="forum_thread"]) section{background:transparent}
body.cooking:is([data-page="forum_hub"],[data-page="forum"]) section:first-of-type{border-bottom:1px solid var(--ed-line);background:linear-gradient(116deg,#f8f8f2,#e7eee9)!important}
body.cooking:is([data-page="forum_hub"],[data-page="forum"]) h1{color:var(--ed-ink)!important;font:850 clamp(38px,5vw,64px)/1 Inter,sans-serif!important;letter-spacing:-.05em!important}
body.cooking:is([data-page="forum_hub"],[data-page="forum"],[data-page="forum_thread"]) :is(h2,h3){color:var(--ed-ink)!important;font-family:Inter,sans-serif!important}
body.cooking :is(#forum-search-box,.fw-forumsearch){min-height:50px!important;border:1px solid #b9c3bd!important;border-radius:2px!important;background:#fff!important;box-shadow:0 8px 26px rgba(23,34,29,.06)}
body.cooking #forum-search-input{min-width:0;font-size:16px!important;color:var(--ed-ink)!important}
body.cooking :is(#forum-search-box,.fw-forumsearch)>button{min-width:108px;background:var(--ed-blue)!important;color:#fff!important;font-weight:800!important}
body.cooking:is([data-page="forum_hub"],[data-page="forum"],[data-page="forum_thread"]) [style*="background:#fff"][style*="border:1px"]{border-color:var(--ed-line)!important;border-radius:3px!important;box-shadow:none!important}
body.cooking:is([data-page="forum_hub"],[data-page="forum"],[data-page="forum_thread"]) a:focus-visible,
body.cooking:is([data-page="forum_hub"],[data-page="forum"],[data-page="forum_thread"]) button:focus-visible{outline:3px solid rgba(31,87,200,.3)!important;outline-offset:2px}
body.cooking[data-page="forum_thread"] .ft-layout{grid-template-columns:minmax(0,1fr) 310px!important;gap:28px!important}
body.cooking[data-page="forum_thread"] #reply-form input,body.cooking[data-page="forum_thread"] #reply-form textarea{font-size:16px!important;border-radius:2px!important}

@media(max-width:800px){
  body.cooking .ed-shell{width:min(100% - 28px,1760px)}
  body.cooking .ed-hero{grid-template-columns:1fr;padding:42px 22px 38px;background:#f8f8f2}
  body.cooking .ed-hero::after{display:none}
  body.cooking .ed-hero-mark{display:none}
  body.cooking .ed-section{padding:36px 0 52px}
  body.cooking .ed-grid{grid-template-columns:1fr}
  body.cooking .ed-empty{grid-template-columns:1fr}
  body.cooking .ed-empty-copy{padding:30px 22px}
  body.cooking .ed-empty-visual{min-height:190px;order:-1}
  body.cooking .ed-empty-visual::before{font-size:46px}
  body.cooking[data-page="wiki_article"] .article-main{padding:24px 18px}
  body.cooking[data-page="forum_thread"] .ft-layout{grid-template-columns:1fr!important}
  body.cooking .ed-forum-tools,body.cooking .ed-forum-streams{grid-template-columns:1fr}
  body.cooking .ed-forum-tools nav{justify-content:flex-start}
  body.cooking .ed-forum-categories{grid-template-columns:1fr}
  body.cooking .ed-reading-layout{display:block!important}
  body.cooking[data-page="forum"] .forum-layout{grid-template-columns:1fr!important}
  body.cooking[data-page="forum"] .forum-list-empty{background:#fff!important}
}
@media(max-width:520px){
  body.cooking .ed-display{font-size:42px}
  body.cooking .ed-section-head{align-items:flex-start;flex-direction:column}
  body.cooking .ed-index{margin-inline:-16px;padding-inline:16px}
  body.cooking :is(#forum-search-box,.fw-forumsearch)>button{min-width:88px;padding-inline:12px!important}
  body.cooking .ed-forum-counts{grid-template-columns:repeat(3,1fr)}
  body.cooking .ed-forum-counts div{min-width:0;padding:12px 8px}
}
@media(prefers-reduced-motion:reduce){body.cooking .ed-card,body.cooking .ed-card-media img{transition:none}}
