/* Book cover palette, isolated from the rest of the site. */
body.lost-recipes { margin: 0; background: #fbf8ef; color: #173048; font-family: Georgia, "Times New Roman", serif; }
.lost-recipes, .lost-recipes-feature { --lost-navy: #09263f; --lost-gold: #a47b26; }
.lost-recipes * { box-sizing: border-box; }
.lost-recipes a, .lost-recipes-feature a { color: #173f64; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.lost-recipes a:hover, .lost-recipes-feature a:hover { color: #795918; }
.lost-recipes a:focus-visible, .lost-recipes-feature a:focus-visible { outline: 3px solid #c1953d; outline-offset: 5px; }
.lost-recipes > header { position: static; background: #09263f; padding: 17px 24px; }
.lost-recipes > header nav { max-width: 1000px; margin: auto; display: flex; flex-wrap: wrap; gap: 24px; background: transparent; padding: 0; box-shadow: none; position: static; }
.lost-recipes > header a { color: #fff9eb; font: 600 15px/1.5 system-ui, sans-serif; }
.lost-recipes > header a:hover { color: #ffe4a5; }
.lost-skip { position: absolute; top: -100px; left: 12px; background: white; padding: 10px; z-index: 100; }
.lost-skip:focus { top: 8px; }
.lost-page { width: min(900px, calc(100% - 48px)); margin: 42px auto 64px; }
.lost-hub { max-width: 1100px; width: min(1100px, calc(100% - 48px)); }
.lost-page h1 { font: 600 clamp(30px, 4vw, 47px)/1.15 Georgia, serif; letter-spacing: -.025em; margin: 12px 0 17px; color: #09263f; }
.lost-page h2 { font: 600 27px/1.3 Georgia, serif; margin: 34px 0 15px; color: #09263f; }
.lost-page h3 { font: 600 23px/1.4 Georgia, serif; margin: 30px 0 18px; }
.lost-page p, .lost-page li { font-size: 18px; line-height: 1.8; }
.lost-eyebrow { color: #775719; font: 700 11px/1.6 system-ui, sans-serif !important; letter-spacing: .14em; margin: 0 0 9px; }
.lost-meta, .lost-breadcrumb { font: 14px/1.7 system-ui, sans-serif !important; color: #516173; }
.lost-lead { font-size: 20px !important; line-height: 1.8; }
.lost-book-promo { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 26px; align-items: center; margin: 28px 0 40px; padding: 24px; background: #fffdf8; border: 1px solid #d8c390; border-radius: 14px; }
.lost-book-cover { display: block; }
.lost-book-cover img { display: block; width: 100%; height: auto; border-radius: 8px; box-shadow: 0 7px 17px #12283b20; }
.lost-book-copy h2 { font-size: 25px; margin: 5px 0 12px; }
.lost-book-copy p { font: 16px/1.65 system-ui, sans-serif; margin: 12px 0; }
a.lost-buy { display: inline-block; color: #fffdf2; background: #09263f; padding: 13px 18px; border-radius: 6px; font: 650 14px/1.5 system-ui, sans-serif; text-decoration: none; }
a.lost-buy:hover { background: #174563; color: white; }
.lost-book-note { color: #516173; font-size: 12px !important; }
.lost-article-content { max-width: 740px; margin: auto; }
.lost-source-note { background: #f1ead6; border-left: 3px solid #a47b26; padding: 18px 20px; margin: 25px 0; font: 14px/1.8 system-ui, sans-serif; }
.lost-guide-label { font: 13px/1.7 system-ui, sans-serif !important; color: #6a572e; padding: 12px 0; border-block: 1px solid #ddd0ac; }
.lost-method li { margin: 0 0 14px; padding-left: 5px; }
.lost-related { max-width: 740px; margin: 35px auto; padding-top: 12px; border-top: 1px solid #dbd0b4; }
.lost-related h2 { margin-top: 12px; }
.lost-jump { display: flex; flex-wrap: wrap; gap: 12px; margin: 25px 0 40px; background: transparent; padding: 0; box-shadow: none; position: static; justify-content: flex-start; }
.lost-jump a { padding: 12px 18px; border: 1px solid #b49a58; border-radius: 6px; font: 600 15px/1.5 system-ui, sans-serif; }
.lost-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; list-style: none; padding: 0; }
.lost-cards li { border: 1px solid #e0d3b6; border-radius: 10px; background: #fffdf8; padding: 21px; min-width: 0; }
.lost-cards a { font: 600 18px/1.5 Georgia, serif; }
.lost-cards p { font: 14px/1.7 system-ui, sans-serif; color: #516173; }
.lost-footer { text-align: center; padding: 25px; border-top: 1px solid #ddd0ac; font: 14px/1.7 system-ui, sans-serif; }
.lost-recipes-feature { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 24px; margin: 30px 0; padding: 24px; border: 1px solid #d8c390; background: #fffdf8; border-radius: 12px; }
.lost-recipes-feature img { display: block; width: 100%; height: auto; border-radius: 7px; }
.lost-recipes-feature h2 { color: #09263f; margin: 3px 0 10px; font-size: 24px; }
.lost-recipes-feature p { color: #314a60; line-height: 1.7; }
.lost-page section[id] { scroll-margin-top: 20px; }
@media (max-width: 800px) { .lost-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  .lost-page, .lost-hub { width: calc(100% - 32px); margin-top: 26px; }
  .lost-book-promo { grid-template-columns: minmax(0, 1fr); gap: 19px; padding: 20px; }
  .lost-book-cover { width: min(100%, 220px); margin: auto; }
  .lost-book-copy h2 { font-size: 24px; }
  .lost-page h2 { font-size: 24px; }
  .lost-page p, .lost-page li { font-size: 17px; }
  .lost-lead { font-size: 18px !important; }
  .lost-cards { grid-template-columns: minmax(0, 1fr); }
  .lost-recipes-feature { grid-template-columns: 90px minmax(0, 1fr); gap: 15px; padding: 17px; }
  .lost-recipes-feature h2 { font-size: 21px; }
  .lost-recipes-feature .lost-buy { padding: 10px 12px; font-size: 12px; }
}
/* Preserve readable text painting in WebKit without changing shared CSS. */
.lost-recipes :is(h1,h2,h3,p,li,a,strong,em,span), .lost-recipes-feature * {
  -webkit-text-fill-color: currentColor;
}