/* Beginner Bakes · bakery journal · loaded only by the local opt-in theme. */
.tenant-site--beginnerbakes .bb-newsletter-layout { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:80px; align-items:center; padding:85px 0 100px; }
.tenant-site--beginnerbakes .bb-newsletter-message h1 { font-size:clamp(2.7rem,4.5vw,4.5rem); max-width:650px; margin:0 0 28px; }
.tenant-site--beginnerbakes .bb-newsletter-message p { max-width:580px; color:#706054; }
.tenant-site--beginnerbakes .bb-newsletter-message .bb-newsletter-lead { font-size:1.25rem; color:var(--bb-ink); }
.tenant-site--beginnerbakes .bb-newsletter-message .bb-actions { margin-top:32px; flex-wrap:wrap; }
.tenant-site--beginnerbakes .bb-newsletter-next { background:var(--bb-butter); border-radius:64px 4px 4px 4px; padding:48px 36px; }
.tenant-site--beginnerbakes .bb-newsletter-next h2 { font-size:2rem; margin:0 0 20px; }
.tenant-site--beginnerbakes .bb-newsletter-next p { color:#655246; }
.tenant-site--beginnerbakes .bb-newsletter-next input { width:100%; min-height:48px; padding:12px; }
.tenant-site--beginnerbakes .bb-newsletter-next .row-actions { justify-content:flex-start; }
.tenant-site--beginnerbakes .bb-newsletter-next button { white-space:normal; min-height:48px; }
.bb-newsletter-page .tenant-newsletter-band { display:none; }
@media(max-width:760px) {
  .tenant-site--beginnerbakes .bb-newsletter-layout { grid-template-columns:1fr; gap:32px; padding:42px 0 55px; }
  .tenant-site--beginnerbakes .bb-newsletter-next { padding:32px 24px; border-top-left-radius:44px; }
}
body:has(.tenant-site--beginnerbakes) { background: #fffcf7; color: #342924; }
.tenant-site--beginnerbakes {
  --bb-red: #9f273c; --bb-ink: #342924; --bb-paper: #fffcf7; --bb-butter: #f7edca;
  --bb-line: #dfd5c9; --tenant-primary: #9f273c; --tenant-accent: #342924;
  width: min(1280px, calc(100% - 80px)); max-width: 1280px; margin: 0 auto;
  padding: 0; background: transparent; font: 16px/1.6 Arial, Helvetica, sans-serif;
  color: var(--bb-ink);
}
.tenant-site--beginnerbakes *, .tenant-site--beginnerbakes *::before, .tenant-site--beginnerbakes *::after { box-sizing: border-box; }
.tenant-shell.tenant-site--beginnerbakes { background: transparent; }
.tenant-site--beginnerbakes a { color: inherit; }
.tenant-site--beginnerbakes .muted, .tenant-site--beginnerbakes .recipe-page-summary,
.tenant-site--beginnerbakes .content-attribution, .tenant-site--beginnerbakes .recipe-meta-label,
.tenant-site--beginnerbakes .tenant-collection-feature-meta dt { color: #706054; }
.tenant-site--beginnerbakes .airfryfeast-recipes-proof span { color: #704538; border-color: #d9c89e; background: transparent; }
.tenant-site--beginnerbakes .airfryfeast-recipes-proof strong { color: #704538; }
.tenant-site--beginnerbakes .tenant-mobile-search-form input { border: 0; background: transparent; box-shadow: none; }
.tenant-site--beginnerbakes .tenant-mobile-search-form button { background: var(--bb-red); border-radius: 3px; }
.tenant-site--beginnerbakes .recipe-page-title { font-size: clamp(36px,4.5vw,62px); line-height: 1.12; }
.tenant-site--beginnerbakes :is(a, button, input, select, summary):focus-visible { outline: 3px solid #9f273c; outline-offset: 5px; }
.tenant-site--beginnerbakes :is(h1,h2,h3,h4) { font-family: Georgia, 'Times New Roman', serif; color: var(--bb-ink); font-weight: 400; letter-spacing: -.035em; line-height: 1.15; }
.tenant-site--beginnerbakes .tenant-home-topbar {
  margin: 0; padding: 25px 0; min-height: 108px; border-bottom: 1px solid var(--bb-line);
  background: transparent; border-radius: 0; box-shadow: none; gap: 30px;
}
.tenant-site--beginnerbakes .tenant-home-brand { gap: 12px; min-width: 0; }
.tenant-site--beginnerbakes .tenant-home-brand strong { font-family: Georgia, serif; font-size: 31px; color: var(--bb-red); font-weight: 600; letter-spacing: -1.4px; }
.bb-brand-monogram { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--bb-red); border-radius: 50%; font: italic 26px Georgia, serif; color: var(--bb-red); }
.tenant-site--beginnerbakes .tenant-home-nav { gap: 22px; }
.tenant-site--beginnerbakes .tenant-home-nav a { padding: 9px 0; font-size: 14px; font-weight: 500; border-radius: 0; background: transparent; color: var(--bb-ink); border-bottom: 1px solid transparent; }
.tenant-site--beginnerbakes .tenant-home-nav a.active { color: var(--bb-red); border-color: var(--bb-red); }
.tenant-site--beginnerbakes .tenant-home-nav a:hover { color: var(--bb-red); }
.tenant-site--beginnerbakes .tenant-search-nav-link { border: 1px solid var(--bb-line); border-radius: 50%; width: 42px; height: 42px; color: var(--bb-red); background: transparent; }
.bb-hero { display: grid; grid-template-columns: .95fr 1.05fr; gap: 65px; padding: 48px 0 44px; align-items: center; }
.bb-kicker { font-size: 12px; line-height: 1.5; letter-spacing: .15em; text-transform: uppercase; font-weight: 600; color: var(--bb-red); margin: 0 0 18px; }
.bb-hero h1 { font-size: clamp(52px, 5.3vw, 78px); line-height: 1.02; margin: 22px 0 26px; letter-spacing: -.055em; }
.bb-hero h1 em, .bb-guides h2 em { color: var(--bb-red); font-weight: 400; }
.bb-deck { max-width: 395px; font-size: 17px; line-height: 1.75; margin: 0 0 27px; color: #67594f; }
.bb-actions { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.bb-button { display: inline-flex; align-items: center; gap: 24px; padding: 14px 22px; min-height: 50px; border: 1px solid var(--bb-red); background: var(--bb-red); color: #fff !important; font-size: 14px; font-weight: 600; text-decoration: none; border-radius: 3px; }
.bb-button:hover { background: #7d1b2c; }
.bb-button span { font-size: 21px; line-height: 1; }
.bb-text-link { font-size: 14px; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.bb-text-link span { padding-left: 8px; }
.bb-hero-note { margin: 25px 0 0; font: italic 15px/1.5 Georgia, serif; color: #79685b; }
.bb-hero-feature { position: relative; display: block; text-decoration: none; min-width: 0; background: var(--bb-butter); border-radius: 140px 140px 4px 4px; overflow: hidden; }
.bb-hero-feature .bb-hero-image { width: 100%; height: 355px; display: block; object-fit: cover; }
.bb-feature-label { position: absolute; top: 25px; left: 50%; transform: translateX(-50%); padding: 9px 16px; background: var(--bb-paper); border-radius: 50px; color: var(--bb-red); text-transform: uppercase; font-size: 12px; letter-spacing: .13em; white-space: nowrap; }
.bb-feature-caption { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 25px 28px; }
.bb-feature-caption .bb-kicker { font-size: 12px; }
.bb-feature-caption h2 { margin: 8px 0; font-size: 27px; }
.bb-feature-caption p { margin: 0; font-size: 13px; text-transform: capitalize; color: #67594f; }
.bb-round-arrow { border: 1px solid #b9a775; border-radius: 50%; width: 44px; height: 44px; flex-shrink: 0; display: grid; place-items: center; font-size: 25px; color: var(--bb-red); }
.bb-values { border-top: 1px solid var(--bb-line); border-bottom: 1px solid var(--bb-line); display: flex; justify-content: space-between; gap: 15px; padding: 17px 15px; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: #685449; }
.bb-values span + span::before { content: '✳'; color: var(--bb-red); margin-right: 25px; }
.bb-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.bb-section-heading .bb-kicker { margin-bottom: 8px; }
.bb-section-heading h2 { font-size: 38px; margin: 0; }
.bb-categories { padding: 55px 0 45px; }
.bb-category-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 30px; }
.bb-category { text-decoration: none; text-align: center; }
.bb-category > div { aspect-ratio: 1; overflow: hidden; border-radius: 50%; padding: 7px; border: 1px solid var(--bb-line); }
.bb-category img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; transition: transform .2s ease; }
.bb-category:hover img { transform: scale(1.04); }
.bb-category h3 { font-size: 20px; margin: 16px 0 0; letter-spacing: -.02em; }
.bb-latest { padding: 25px 0 60px; }
.bb-card-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 26px; }
.bb-card-photo { display: block; overflow: hidden; aspect-ratio: 4/5; border-radius: 4px; }
.bb-card-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .2s ease; }
.bb-card-photo:hover img { transform: scale(1.03); }
.bb-card-copy { padding: 19px 0; }
.bb-card-copy .bb-kicker { text-decoration: none; font-size: 12px; color: var(--bb-red); }
.bb-card h3 { font-size: 24px; line-height: 1.2; margin: 9px 0 14px; }
.bb-card h3 a { text-decoration: none; }
.bb-card h3 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.bb-facts { display: flex; gap: 14px; font-size: 13px; color: #736052; text-transform: capitalize; margin: 0; }
.bb-facts span + span { border-left: 1px solid var(--bb-line); padding-left: 14px; }
.bb-guides { background: var(--bb-butter); display: grid; grid-template-columns: 1fr 1.1fr; padding: 48px; gap: 65px; margin-bottom: 60px; border-radius: 5px; }
.bb-guides h2 { font-size: 40px; margin: 0 0 20px; }
.bb-guides-intro > p:not(.bb-kicker) { color: #67594f; max-width: 340px; margin-bottom: 25px; }
.bb-guide-list a { display: flex; align-items: center; gap: 20px; border-bottom: 1px solid #d4c8a5; padding: 22px 0; text-decoration: none; }
.bb-guide-list a:first-child { padding-top: 0; }
.bb-guide-list h3 { font-size: 22px; margin: 0; line-height: 1.3; }
.bb-guide-list .bb-kicker { font-size: 12px; margin-bottom: 6px; }
.bb-guide-number { font: italic 28px Georgia, serif; color: #977b54; }
.bb-guide-list a > span:last-child { margin-left: auto; font-size: 24px; }
.tenant-site--beginnerbakes .tenant-newsletter-band { background: #f5e5e5; border: none; border-radius: 4px; box-shadow: none; padding: 38px 44px; margin: 30px 0 0; }
.tenant-site--beginnerbakes .tenant-newsletter-band h3 { font-size: 34px; margin: 5px 0 12px; }
.tenant-site--beginnerbakes .eyebrow { color: var(--bb-red); letter-spacing: .14em; font-size: 12px; }
.tenant-site--beginnerbakes .btn { border-radius: 3px; box-shadow: none; min-height: 42px; }
.tenant-site--beginnerbakes .btn.primary { background: var(--bb-red); border-color: var(--bb-red); color: #fff; }
.tenant-site--beginnerbakes :is(input,select,textarea) { border: 1px solid #cabbad; border-radius: 3px; background: #fffefb; font-size: 16px; }
.tenant-site--beginnerbakes .tenant-footer { border: 0; border-top: 1px solid var(--bb-line); border-radius: 0; background: transparent; padding: 34px 0; margin-top: 45px; color: #6c5d52; font-size: 14px; }
.tenant-site--beginnerbakes .tenant-footer strong { font: 30px Georgia, serif; color: var(--bb-red); }
.tenant-site--beginnerbakes .tenant-footer p { max-width: 520px; }
.tenant-site--beginnerbakes .tenant-footer .social-links a { color: var(--bb-red); }
.tenant-site--beginnerbakes .panel { box-shadow: none; border-color: var(--bb-line); border-radius: 4px; }
.tenant-site--beginnerbakes .tenant-breadcrumbs { margin-top: 25px; font-size: 14px; }
.tenant-site--beginnerbakes .tenant-collection-header { background: var(--bb-butter); padding: 36px; margin-top: 28px; }
.tenant-site--beginnerbakes .tenant-collection-header h1 { font-size: clamp(36px,5vw,58px); }
.tenant-site--beginnerbakes .recipe-card { background: transparent; box-shadow: none; border: 1px solid var(--bb-line); border-radius: 4px; overflow: hidden; }
.tenant-site--beginnerbakes .recipe-card h3 { font-size: 25px; }
.tenant-site--beginnerbakes .recipe-category { color: var(--bb-red); letter-spacing: .1em; font-size: 12px; }
.tenant-site--beginnerbakes .tenant-category-card { border-radius: 4px; box-shadow: none; border-color: var(--bb-line); }
.tenant-site--beginnerbakes .recipe-detail-panel { background: #fffefb; padding: 28px; }
.tenant-site--beginnerbakes .recipe-detail-panel h1 { font-size: clamp(35px,4vw,54px); max-width: 1000px; }
.tenant-site--beginnerbakes .recipe-detail-panel :is(h2,h3) { font-size: 30px; }
.tenant-site--beginnerbakes .recipe-detail-list, .tenant-site--beginnerbakes .recipe-instructions-list { font-size: 17px; line-height: 1.8; }
.tenant-site--beginnerbakes .recipe-meta { color: #6c5d52; }
.tenant-site--beginnerbakes .pill { background: #f7edca; border-color: #dfd5c9; color: #674637; }
.bb-empty { padding: 60px 40px; background: var(--bb-butter); }
@media (max-width: 1100px) {
  .tenant-site--beginnerbakes { width: calc(100% - 48px); }
  .bb-hero { gap: 32px; }
  .bb-values { font-size: 12px; padding-inline: 0; }
  .bb-values span + span::before { margin-right: 10px; }
  .bb-category-grid { gap: 18px; }
  .bb-guides { gap: 35px; padding: 35px; }
}
@media (max-width: 760px) {
  .tenant-site--beginnerbakes { width: calc(100% - 32px); }
  .tenant-site--beginnerbakes .tenant-home-topbar { padding: 18px 0; gap: 15px; flex-wrap: wrap; }
  .tenant-site--beginnerbakes .tenant-home-brand strong { font-size: 28px; }
  .tenant-site--beginnerbakes .tenant-home-nav { width: 100%; gap: 20px; justify-content: flex-start; flex-wrap: wrap; }
  .tenant-site--beginnerbakes .tenant-home-nav a { font-size: 14px; }
  .bb-hero { grid-template-columns: 1fr; padding: 32px 0; gap: 30px; }
  .bb-hero h1 { font-size: clamp(50px,11vw,76px); margin: 17px 0 20px; }
  .bb-deck { font-size: 16px; max-width: 100%; }
  .bb-hero-note { margin-top: 18px; }
  .bb-hero-feature { border-radius: 100px 100px 4px 4px; }
  .bb-hero-feature .bb-hero-image { height: 310px; }
  .bb-feature-caption { padding: 22px; }
  .bb-values { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; font-size: 12px; }
  .bb-values span + span::before { content: none; }
  .bb-section-heading h2 { font-size: 31px; }
  .bb-section-heading { align-items: flex-start; }
  .bb-section-heading .bb-text-link { font-size: 13px; min-width: 80px; padding-top: 5px; }
  .bb-categories { padding: 40px 0; }
  .bb-category-grid { grid-template-columns: repeat(3,minmax(0,1fr)); row-gap: 24px; }
  .bb-category h3 { font-size: 18px; margin-top: 10px; }
  .bb-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  .bb-card h3 { font-size: 22px; }
  .bb-guides { grid-template-columns: 1fr; padding: 28px; gap: 25px; margin-bottom: 35px; }
  .bb-guides h2 { font-size: 34px; }
  .tenant-site--beginnerbakes .tenant-newsletter-band { padding: 28px; }
}
@media (max-width: 440px) {
  .bb-card-grid { grid-template-columns: 1fr; }
  .bb-card-photo { aspect-ratio: 4/3; }
  .bb-facts { font-size: 14px; }
  .bb-actions { gap: 18px; }
  .bb-hero-feature .bb-hero-image { height: 275px; }
  .bb-feature-caption h2 { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) { .tenant-site--beginnerbakes * { transition: none !important; scroll-behavior: auto !important; } }
@media print { .bb-hero-feature { break-inside: avoid; } .tenant-site--beginnerbakes { width: 100%; } }

/* Dedicated inner pages: recipe box, reading room, and baking notebook. */
.bb-breadcrumb { display:flex; gap:12px; margin:25px 0; color:#79685b; font-size:.875rem; }
.bb-breadcrumb a { text-decoration:none; }
.bb-page-heading { display:flex; justify-content:space-between; align-items:center; gap:30px; margin:32px 0; }
.bb-page-heading h1 { font-size:clamp(2.6rem,4.3vw,4rem); margin:0 0 12px; }
.bb-page-heading p { color:#706054; margin:0; font-size:1.0625rem; }
.bb-page-heading .bb-page-note { font:italic 1.0625rem/1.5 Georgia,serif; text-align:right; }
.bb-topic-tabs { display:flex; flex-wrap:wrap; gap:12px 30px; padding:0; margin:26px 0 18px; }
.bb-topic-tabs a { padding:8px 0; text-decoration:none; font-size:.9375rem; border-bottom:2px solid transparent; }
.bb-topic-tabs a:hover, .bb-topic-tabs a[aria-current] { color:var(--bb-red); border-color:var(--bb-red); }
.bb-filter-form { padding:20px 24px; background:var(--bb-butter); border-radius:4px; }
.bb-filter-row { display:flex; gap:18px; align-items:end; }
.bb-filter-row > label { flex:1; min-width:0; }
.bb-filter-row > .bb-filter-search { flex:2; }
.bb-filter-form label > span { display:block; font-size:.875rem; margin-bottom:6px; color:#675449; }
.bb-filter-form :is(input,select), .bb-search-box input { width:100%; min-height:48px; padding:10px 12px; color:var(--bb-ink); font-family:inherit; }
.bb-filter-row .bb-button { justify-content:center; min-height:48px; cursor:pointer; white-space:nowrap; }
.bb-more-filters { font-size:.875rem; margin-top:14px; }
.bb-more-filters summary { cursor:pointer; width:fit-content; color:#675449; padding:4px 0; }
.bb-more-filters > div { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding-top:14px; max-width:700px; }
.bb-result-count { display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--bb-line); margin:10px 0 26px; font-size:.875rem; color:#675449; }
.bb-result-count a { color:var(--bb-red); text-underline-offset:4px; }
.bb-browse-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 28px; }
.bb-browse-photo { display:block; aspect-ratio:4/3; overflow:hidden; border-radius:4px; background:var(--bb-butter); }
.bb-browse-photo img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .2s; }
.bb-browse-photo:hover img { transform:scale(1.025); }
.bb-browse-copy { padding:18px 0 0; }
.bb-browse-copy .bb-kicker { margin:0 0 8px; font-size:.75rem; }
.bb-browse-copy h2 { font-size:1.6rem; line-height:1.22; margin:0 0 12px; letter-spacing:-.02em; }
.bb-browse-copy h2 a { text-decoration:none; }
.bb-browse-copy h2 a:hover { text-decoration:underline; text-underline-offset:4px; }
.bb-no-photo { display:grid; place-items:center; height:100%; color:#6f563e; font:italic 1.25rem Georgia,serif; }
.bb-card-excerpt { font-size:1rem; line-height:1.7; color:#706054; margin-bottom:16px; }
.bb-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:45px 0 65px; font-size:.875rem; }
.bb-pagination :is(a,span) { display:grid; place-items:center; min-width:42px; min-height:42px; padding:8px 12px; text-decoration:none; border:1px solid var(--bb-line); border-radius:3px; }
.bb-pagination [aria-current] { color:white; background:var(--bb-red); border-color:var(--bb-red); }
.bb-pagination a:hover { border-color:var(--bb-red); }
.bb-guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:48px; }
.bb-guide-grid .bb-browse-card:first-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:40px; padding-bottom:36px; border-bottom:1px solid var(--bb-line); }
.bb-guide-grid .bb-browse-card:first-child h2 { font-size:2.2rem; }
.bb-guide-grid .bb-browse-card:first-child .bb-browse-photo { border-radius:80px 4px 4px 4px; }
.bb-directory { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px 28px; margin:40px 0 70px; }
.bb-directory-item { text-decoration:none; min-width:0; }
.bb-directory-item > img { width:100%; aspect-ratio:5/4; object-fit:cover; border-radius:60px 60px 3px 3px; }
.bb-directory-item > div { display:grid; grid-template-columns:auto 1fr; gap:6px 12px; align-items:baseline; padding:16px 0; border-bottom:1px solid var(--bb-line); }
.bb-directory-item h2 { font-size:1.7rem; margin:0; }
.bb-directory-item > div > span:last-child { grid-column:2; font-size:.875rem; color:#756050; }
.bb-directory-number { font:italic 1.25rem Georgia,serif; color:#957655; }
.bb-directory-item:hover h2 { color:var(--bb-red); }
.bb-search-box { max-width:900px; background:var(--bb-butter); padding:28px; margin:35px 0; border-radius:4px; }
.bb-search-box label { display:block; margin-bottom:10px; font-size:.875rem; }
.bb-search-box > div { display:flex; gap:14px; }
.bb-search-box button { cursor:pointer; }
.bb-search-results { max-width:1020px; margin-bottom:60px; }
.bb-search-results article { display:flex; align-items:center; gap:28px; border-bottom:1px solid var(--bb-line); padding:25px 0; }
.bb-search-results article > div { flex:1; min-width:0; }
.bb-search-results .bb-search-image { flex:none; width:150px; height:125px; }
.bb-search-image img { width:100%; height:100%; object-fit:cover; border-radius:4px; }
.bb-search-results h2 { font-size:1.6rem; margin:0 0 12px; }
.bb-search-results h2 a { text-decoration:none; }
.bb-search-results p { color:#706054; margin:0; }
.bb-search-results .bb-kicker { color:var(--bb-red); margin-bottom:8px; }
.bb-result-arrow { font-size:1.75rem; text-decoration:none; }
.bb-search-start { margin:50px 0 100px; }
.bb-search-start h2 { font-size:2rem; }
.bb-empty-state { text-align:center; padding:70px 25px; background:#f8f1e2; border-radius:4px; margin-bottom:45px; }
.bb-empty-state h2 { font-size:2.25rem; }
.bb-empty-state p { color:#706054; margin-bottom:28px; }
.bb-library-empty { display:grid; grid-template-columns:220px 1fr; align-items:center; gap:65px; padding:60px; background:var(--bb-butter); margin:45px 0 75px; }
.bb-book-mark { display:grid; place-items:center; aspect-ratio:3/4; background:var(--bb-red); color:var(--bb-paper); border-left:8px double #d29da5; border-radius:3px 12px 12px 3px; font:italic 5rem Georgia,serif; }
.bb-library-empty h2 { font-size:2.5rem; margin-top:0; }
.bb-library-empty p { max-width:580px; margin-bottom:30px; }

/* Authentication shares the real platform form and its field names. */
.bb-auth-layout { display:grid; grid-template-columns:1.05fr 1fr; gap:80px; align-items:center; margin:55px 0 70px; }
.bb-auth-story { border-radius:100px 100px 4px 4px; overflow:hidden; background:var(--bb-butter); }
.bb-auth-story > img { width:100%; height:410px; object-fit:cover; display:block; }
.bb-auth-story > div { padding:28px 30px 32px; text-align:center; }
.bb-auth-story h2 { font-size:2rem; line-height:1.2; margin:0 0 12px; }
.bb-auth-story h2 em { color:var(--bb-red); }
.bb-auth-story p { margin:0; color:#706054; }
.bb-auth-form { min-width:0; max-width:500px; padding:0 5px; }
.bb-auth-form .bb-topic-tabs { margin:0 0 32px; }
.bb-auth-form h1 { font-size:clamp(2.5rem,3.8vw,3.8rem); margin:0 0 15px; }
.bb-auth-deck { font-size:1.0625rem; color:#706054; margin:0 0 28px; }
.bb-auth-form .site-form { gap:20px; }
.bb-auth-form .site-form label { gap:8px; color:var(--bb-ink); font-size:.875rem; }
.bb-auth-form .site-form label > span { color:var(--bb-ink); }
.bb-auth-form input:not([type=checkbox]) { width:100%; min-height:50px; padding:12px 14px; background:#fffefb; }
.bb-auth-form .form-actions { margin-top:5px; }
.bb-auth-form .form-actions .btn { width:100%; min-height:50px; }
.bb-auth-form .quick-links { display:flex; justify-content:space-between; gap:14px; margin:20px 0; }
.bb-auth-form .quick-links a { color:var(--bb-red); padding:0; border:0; background:none; font-size:.875rem; text-decoration:underline; text-underline-offset:4px; }
.bb-auth-form .tenant-auth-privacy-notice { font-size:.8125rem; line-height:1.65; margin:30px 0 18px; color:#7b6d62; }
.bb-auth-form .bb-back-home { display:inline-block; font-size:.875rem; margin-top:8px; }
.bb-auth-form .checkbox-row { display:flex; align-items:flex-start; gap:10px; line-height:1.55; }
.bb-auth-form .checkbox-row input { width:18px; height:18px; min-width:18px; margin-top:3px; accent-color:var(--bb-red); }
.bb-password-field { display:block; position:relative; }
.bb-auth-form .bb-password-field input { padding-right:68px; }
.bb-password-field button { position:absolute; right:7px; top:5px; bottom:5px; background:transparent; border:0; color:var(--bb-red); font-size:.8125rem; cursor:pointer; padding:8px; }
.bb-auth-page .tenant-newsletter-band { display:none; }
.bb-auth-page .tenant-footer { margin-top:0; }
.bb-preview-notice { background:#f7edca; border-bottom:1px solid #dfd5c9; color:#675449; text-align:center; font: .8125rem/1.6 Arial,sans-serif; padding:8px 16px; }
.bb-preview-notice a { color:#9f273c; margin-left:12px; }

/* Recipe detail: open editorial title, purposeful facts, and a reading column. */
.bb-recipe-tools { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 0; border-bottom:1px solid var(--bb-line); }
.bb-recipe-tools > a { font-size:.875rem; }
.bb-recipe-tools > div { display:flex; gap:22px; align-items:center; flex-wrap:wrap; }
.bb-print-button { font:inherit; font-size:.875rem; background:none; border:0; color:var(--bb-red); cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.bb-recipe-page .recipe-page-backbar { display:none; }
.bb-recipe-page .recipe-page-wrap { padding:0; }
.bb-recipe-page .recipe-page-shell { display:grid; grid-template-columns:minmax(0,1fr) 295px; gap:50px; padding-top:35px; }
.bb-recipe-page .recipe-page-main { min-width:0; }
.bb-recipe-page .recipe-page-title-block { margin:0 0 30px; }
.bb-recipe-page .recipe-page-title { font-size:clamp(2.4rem,4.2vw,3.9rem); line-height:1.07; margin:10px 0 20px; }
.bb-recipe-page .recipe-page-summary { font-size:1.0625rem; line-height:1.75; color:#706054; max-width:740px; }
.bb-recipe-page .recipe-page-pills { gap:8px; margin:18px 0; }
.bb-recipe-page .recipe-page-pills .pill { background:none; border:0; border-right:1px solid var(--bb-line); border-radius:0; font-size:.8125rem; padding:0 12px 0 0; color:#79675a; font-weight:400; }
.bb-recipe-page .recipe-hero-media-panel { padding:0; border:0; background:transparent; }
.bb-recipe-page .recipe-hero-media-frame { border-radius:70px 4px 4px 4px; overflow:hidden; }
.bb-recipe-page .recipe-hero-media-frame img { width:100%; max-height:540px; aspect-ratio:4/3; object-fit:cover; border-radius:0; }
.bb-recipe-page .recipe-page-sidebar { position:static; padding:0; }
.bb-recipe-page .recipe-sidebar-card { background:var(--bb-butter); border:0; padding:25px; }
.bb-recipe-page .recipe-sidebar-card h3 { font-size:1.75rem; margin:0 0 22px; }
.bb-recipe-page .recipe-sidebar-facts { grid-template-columns:1fr 1fr; gap:20px 10px; }
.bb-recipe-page .recipe-sidebar-fact { border:0; border-radius:0; background:none; padding:0 0 12px; border-bottom:1px solid #d8cba9; font-size:.9375rem; }
.bb-recipe-page .recipe-detail-panel:not(.recipe-hero-media-panel):not(.recipe-sidebar-card) { margin:30px 0; border:0; border-top:1px solid var(--bb-line); padding:30px 0; background:transparent; border-radius:0; }
.bb-recipe-page .recipe-detail-panel h3 { font-size:2rem; }
.bb-recipe-page [data-mobile-collapsible=ingredients] { background:#faf2dc !important; border:0 !important; padding:30px !important; border-radius:4px !important; }
.bb-recipe-page .recipe-detail-list { list-style:none; margin:0; padding:0; }
.bb-recipe-page .recipe-detail-list li { border-bottom:1px solid #e4d9bc; padding:12px 0; }
.bb-recipe-page .ingredient-servings-control { background:transparent; border:1px solid #d4c29f; border-radius:3px; }
.bb-recipe-page .recipe-instruction-step { border:0; border-bottom:1px solid var(--bb-line); background:transparent; border-radius:0; padding:22px 0; }
.bb-recipe-page .recipe-instruction-badge { width:42px; height:42px; border:1px solid #c9b89f; border-radius:50%; color:var(--bb-red); background:transparent; font:1.3rem Georgia,serif; }
.bb-recipe-page .recipe-instruction-copy { font-size:1.0625rem; line-height:1.85; color:var(--bb-ink); }
.bb-recipe-page .recipe-instruction-step.is-complete .recipe-instruction-badge { background:var(--bb-red); color:#fff; border-color:var(--bb-red); }
.tenant-site--beginnerbakes [id] { scroll-margin-top:25px; }

/* Long-form guides and information pages are designed as a reading room. */
.tenant-site--beginnerbakes .tenant-editorial-header { border:0; border-bottom:1px solid var(--bb-line); background:transparent; box-shadow:none; padding:40px 0 35px; margin:0; border-radius:0; }
.tenant-site--beginnerbakes .tenant-editorial-header h1 { max-width:960px; font-size:clamp(2.5rem,4vw,3.65rem); margin:15px 0 22px; line-height:1.12; }
.tenant-site--beginnerbakes .tenant-editorial-header > p { max-width:790px; color:#706054; line-height:1.8; font-size:1.0625rem; }
.tenant-site--beginnerbakes .tenant-editorial-header .hero-tags { margin-top:24px; }
.tenant-site--beginnerbakes .tenant-editorial-header .pill { background:transparent; border:0; padding:0 14px 0 0; font-size:.8125rem; font-weight:400; }
.tenant-site--beginnerbakes .tenant-editorial-body-panel { display:grid; grid-template-columns:230px minmax(0,1fr); column-gap:65px; align-items:start; border:0; padding:45px 0; background:transparent; }
.tenant-site--beginnerbakes .tenant-editorial-body-panel > :not(.bb-reading-index) { grid-column:2; min-width:0; width:100%; }
.tenant-site--beginnerbakes .tenant-editorial-body-panel > img { max-height:480px; object-fit:cover; border-radius:70px 4px 4px 4px; margin-bottom:25px; }
.bb-reading-index { grid-column:1; grid-row:1 / span 5; position:sticky; top:30px; padding:5px 0 20px; }
.tenant-site--beginnerbakes .bb-reading-index h2 { font-size:1.5rem; margin:0 0 20px; }
.bb-reading-index a { display:block; text-decoration:none; font-size:.875rem; line-height:1.55; padding:12px 0; border-bottom:1px solid var(--bb-line); color:#756050; }
.bb-reading-index a:hover { color:var(--bb-red); }
.tenant-site--beginnerbakes .article-content { max-width:780px; margin:0; color:var(--bb-ink); }
.tenant-site--beginnerbakes .article-content p, .tenant-site--beginnerbakes .article-content li { color:#574b41; font-size:1.0625rem; line-height:1.9; }
.tenant-site--beginnerbakes .article-content :is(h2,h3,.article-h) { color:var(--bb-ink); font-size:2rem; line-height:1.25; margin:38px 0 18px; }
.tenant-site--beginnerbakes .article-content h3 { font-size:1.5rem; }
.tenant-site--beginnerbakes .article-content a { color:var(--bb-red); text-underline-offset:3px; }
.tenant-site--beginnerbakes .article-content .article-quote { background:var(--bb-butter); border-color:var(--bb-red); padding:20px 25px; color:#675449; }
.tenant-site--beginnerbakes .article-content .article-table th { background:var(--bb-butter); color:#674637; }
.tenant-site--beginnerbakes .article-content .article-table :is(th,td) { border-color:var(--bb-line); color:var(--bb-ink); }
.tenant-site--beginnerbakes .tenant-static-page-shell { display:grid; grid-template-columns:290px minmax(0,1fr); gap:35px 65px; max-width:none; width:100%; background:none; border:0; padding:50px 0; margin:0; }
.tenant-site--beginnerbakes .tenant-static-header { grid-column:1/-1; border-bottom:1px solid var(--bb-line); padding-bottom:35px; }
.tenant-site--beginnerbakes .tenant-static-header h1 { font-size:clamp(2.5rem,4.5vw,4rem); margin:0 0 18px; }
.tenant-site--beginnerbakes .tenant-static-header p { color:#706054; max-width:760px; }
.tenant-site--beginnerbakes .tenant-static-content { grid-column:2; }
.tenant-site--beginnerbakes .tenant-static-page-shell::before { content:'beginner bakes'; grid-column:1; grid-row:2; color:var(--bb-red); font:italic 1.5rem Georgia,serif; padding-top:20px; border-top:1px solid var(--bb-line); }
.tenant-site--beginnerbakes .tenant-static-page-shell:has(.tenant-static-contact-panel) { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px 70px; }
.tenant-site--beginnerbakes .tenant-static-page-shell:has(.tenant-static-contact-panel)::before { content:none; }
.tenant-site--beginnerbakes .tenant-static-page-shell:has(.tenant-static-contact-panel) .tenant-static-content { grid-column:1; }
.tenant-site--beginnerbakes .tenant-static-contact-panel { grid-column:2; align-self:start; background:var(--bb-butter); padding:32px; border:0; border-radius:4px; }
.tenant-site--beginnerbakes .tenant-static-contact-panel h3 { font-size:2rem; margin-top:0; }
.tenant-site--beginnerbakes .tenant-static-contact-panel :is(input,textarea) { width:100%; padding:12px; min-height:46px; }

/* Account and saved recipes: calm settings surface with a persistent sidebar. */
.tenant-site--beginnerbakes .tenant-account-page-header { background:none; border:0; border-bottom:1px solid var(--bb-line); padding:40px 0; margin:0; }
.tenant-site--beginnerbakes .tenant-account-page-header :is(h1,h2) { font-size:3rem; margin:0 0 12px; }
.tenant-site--beginnerbakes .tenant-account-shell { padding:35px 0; border:0; background:none; }
.tenant-site--beginnerbakes .tenant-account-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:55px; }
.tenant-site--beginnerbakes .tenant-account-menu { padding:0; border:0; background:none; border-radius:0; }
.tenant-site--beginnerbakes .tenant-account-menu-link { border:0; border-bottom:1px solid var(--bb-line); border-radius:0; background:none; padding:16px 10px; font-size:.9375rem; color:#675449; }
.tenant-site--beginnerbakes .tenant-account-menu-link.active { color:var(--bb-red); background:var(--bb-butter); }
.tenant-site--beginnerbakes .tenant-account-overview { background:var(--bb-butter); border:0; padding:24px; border-radius:4px; }
.tenant-site--beginnerbakes .tenant-account-overview-item { min-width:0; overflow-wrap:anywhere; }
.tenant-site--beginnerbakes .tenant-account-sections { display:block; }
.tenant-site--beginnerbakes .tenant-account-section { padding:30px 0; border:0; border-bottom:1px solid var(--bb-line); border-radius:0; background:transparent; }
.tenant-site--beginnerbakes .tenant-account-section h3 { font-size:1.8rem; }
.tenant-site--beginnerbakes .tenant-account-form { max-width:620px; }
.tenant-site--beginnerbakes .tenant-account-form input:not([type=checkbox]) { padding:12px; min-height:46px; }
.tenant-site--beginnerbakes .tenant-account-section--danger { border-left:3px solid var(--bb-red); padding:20px 24px; background:#f9eeee; margin-top:25px; }
.tenant-site--beginnerbakes .tenant-account-content .recipe-card { border:0; padding:0 0 25px; }
.tenant-site--beginnerbakes .tenant-account-content .recipe-card h3 { font-size:1.5rem; }
.tenant-site--beginnerbakes .tenant-account-content .recipe-thumb { aspect-ratio:4/3; border-radius:4px; }
.tenant-site--beginnerbakes .tenant-account-content > .panel { background:var(--bb-butter); border:0; padding:40px; }
.tenant-site--beginnerbakes :is(.tenant-library-header,.tenant-library-feature,.ebook-detail-hero,.ebook-checkout-layout,.ebook-order-panel) { box-shadow:none; border-color:var(--bb-line); background:var(--bb-paper); }

@media(max-width:1000px) {
  .bb-page-note { display:none; }
  .bb-auth-layout { gap:38px; }
  .bb-auth-story > img { height:350px; }
  .bb-recipe-page .recipe-page-shell { grid-template-columns:minmax(0,1fr) 250px; gap:28px; }
  .tenant-site--beginnerbakes .tenant-editorial-body-panel { grid-template-columns:190px minmax(0,1fr); column-gap:30px; }
  .tenant-site--beginnerbakes .tenant-static-page-shell { grid-template-columns:190px minmax(0,1fr); gap:30px; }
}
@media(max-width:760px) {
  .bb-page-heading { margin:28px 0; }
  .bb-page-heading h1 { font-size:2.55rem; }
  .bb-topic-tabs { gap:5px 20px; }
  .bb-filter-form { padding:18px; }
  .bb-filter-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .bb-filter-search { grid-column:1/-1; }
  .bb-filter-row .bb-button { grid-column:1/-1; }
  .bb-browse-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 20px; }
  .bb-browse-copy h2 { font-size:1.45rem; }
  .bb-guide-grid .bb-browse-card:first-child { grid-template-columns:1fr; gap:12px; }
  .bb-guide-grid .bb-browse-card:first-child h2 { font-size:1.75rem; }
  .bb-directory { grid-template-columns:1fr 1fr; gap:24px 18px; }
  .bb-directory-item h2 { font-size:1.5rem; }
  .bb-search-box { padding:20px; }
  .bb-search-results article { align-items:flex-start; gap:16px; }
  .bb-search-results .bb-search-image { width:95px; height:100px; }
  .bb-search-results h2 { font-size:1.3rem; }
  .bb-search-results article > .bb-result-arrow { display:none; }
  .bb-search-results article > div > p:not(.bb-kicker) { font-size:.9375rem; }
  .bb-auth-layout { grid-template-columns:1fr; margin:32px 0; gap:35px; }
  .bb-auth-form { order:0; max-width:none; padding:0 8px; }
  .bb-auth-story { order:1; display:grid; grid-template-columns:120px 1fr; border-radius:4px; }
  .bb-auth-story > img { height:100%; min-height:160px; }
  .bb-auth-story > div { padding:22px 18px; text-align:left; }
  .bb-auth-story h2 { font-size:1.45rem; }
  .bb-auth-story p { font-size:.875rem; }
  .bb-auth-form h1 { font-size:2.7rem; }
  .bb-recipe-tools { align-items:flex-start; flex-direction:column; gap:15px; }
  .bb-recipe-tools > div { gap:14px; }
  .bb-recipe-tools .bb-button { padding:12px 16px; }
  .bb-recipe-page .recipe-page-shell { grid-template-columns:1fr; padding-top:25px; }
  .bb-recipe-page .recipe-page-title { font-size:2.55rem; }
  .bb-recipe-page .recipe-hero-media-frame { border-radius:45px 4px 4px 4px; }
  .bb-recipe-page .recipe-sidebar-card { padding:22px; }
  .bb-recipe-page .recipe-sidebar-facts { grid-template-columns:1fr 1fr; }
  .bb-recipe-page [data-mobile-collapsible=ingredients] { padding:22px !important; }
  .bb-recipe-page .recipe-section-head { align-items:flex-start; flex-wrap:wrap; gap:16px; }
  .tenant-site--beginnerbakes .tenant-editorial-body-panel { display:block; padding-top:28px; }
  .bb-reading-index { position:static; padding:22px; margin-bottom:30px; background:var(--bb-butter); border-radius:4px; }
  .bb-reading-index a { padding:9px 0; }
  .tenant-site--beginnerbakes .tenant-static-page-shell { display:block; padding:30px 0; }
  .tenant-site--beginnerbakes .tenant-static-page-shell::before { content:none; }
  .tenant-site--beginnerbakes .tenant-static-header { margin-bottom:28px; }
  .tenant-site--beginnerbakes .tenant-static-contact-panel { margin-top:35px; padding:25px; }
  .tenant-site--beginnerbakes .tenant-account-layout { grid-template-columns:1fr; gap:25px; }
  .tenant-site--beginnerbakes .tenant-account-menu-links { display:flex; flex-wrap:wrap; gap:10px; }
  .tenant-site--beginnerbakes .tenant-account-menu-link { padding:12px; }
  .tenant-site--beginnerbakes .tenant-account-overview { grid-template-columns:1fr; }
  .bb-library-empty { grid-template-columns:1fr; gap:30px; padding:30px; }
  .bb-book-mark { width:120px; font-size:3rem; }
  .bb-library-empty h2 { font-size:2rem; }
}
@media(max-width:440px) {
  .bb-browse-grid { grid-template-columns:1fr; }
  .bb-directory { grid-template-columns:1fr; }
  .bb-directory-item > img { aspect-ratio:5/3; }
  .bb-more-filters > div { grid-template-columns:1fr; }
  .bb-search-box > div { flex-direction:column; }
  .bb-search-box button { justify-content:center; }
  .bb-result-count { align-items:flex-start; }
  .bb-result-count a { margin-top:14px; white-space:nowrap; }
}
@media print {
  .bb-recipe-tools,.bb-recipe-page .tenant-home-topbar,.bb-recipe-page .tenant-newsletter-band,.bb-recipe-page .tenant-footer,.bb-recipe-page .recipe-page-sidebar,.bb-preview-notice { display:none !important; }
  .bb-recipe-page .recipe-page-shell { display:block; }
  .bb-recipe-page .recipe-detail-panel { break-inside:avoid; }
}