/* Baguette-specific layout; shared recipe colors and cards come from recipe_style.css. */
.baguette-recipe section[id], .baguette-recipe article[id] { scroll-margin-top: 90px; }
.baguette-recipe .hero-copy { padding: 30px; }
.baguette-recipe h1 { max-width: 780px; margin: 18px 0; }
.baguette-recipe .sub { max-width: 760px; }
.baguette-recipe .kicker { flex-wrap: wrap; border-radius: 12px; }
.baguette-recipe .pad { padding: 24px; }
.baguette-recipe h3 { font-size: 22px; }
.baguette-recipe li { line-height: 1.65; color: rgba(255,255,255,.82); margin-bottom: 10px; }
.baguette-recipe ol, .baguette-recipe ul { padding-left: 24px; }
.baguette-recipe .sprint-label { font: 12px var(--mono); color: var(--accent); margin-bottom: 10px; }
.baguette-recipe .checkpoint { margin: 18px 0 0; padding: 12px 16px; border-left: 3px solid var(--accent2); border-radius: 0 10px 10px 0; background: rgba(34,197,94,.07); }
.baguette-recipe .sprint-plan { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 18px 0; }
.baguette-recipe .sprint-plan li { margin: 0; }
.baguette-recipe .sprint-plan a { display: block; height: 100%; padding: 14px; border: 1px solid var(--line); border-radius: 12px; text-decoration: none; background: rgba(255,255,255,.03); }
.baguette-recipe .sprint-plan a:hover { border-color: var(--accent); }
.baguette-recipe .sprint-plan span { display: block; font-size: 13px; color: var(--muted); margin-top: 4px; }
.baguette-recipe .table th[scope="row"] { font: inherit; background: transparent; border-top: 1px solid var(--line); }
.baguette-recipe .table + p { margin-top: 14px; }
.baguette-recipe .steps { margin-top: 16px; }
.baguette-recipe a:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.baguette-recipe .skip-link { position: fixed; top: -100px; left: 16px; z-index: 50; padding: 12px; background: var(--paper); }
.baguette-recipe .skip-link:focus { top: 12px; }
@media (max-width: 700px) {
  .baguette-recipe .topnav { display: flex; gap: 4px; }
  .baguette-recipe .topbar-inner { flex-wrap: wrap; }
  .baguette-recipe .topbar { position: relative; }
  .baguette-recipe .hero-copy, .baguette-recipe .pad { padding: 20px; }
  .baguette-recipe h1 { font-size: clamp(28px, 6vw, 38px); }
  .baguette-recipe .sprint-plan { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .baguette-recipe .table { font-size: 13px; }
  .baguette-recipe .table th, .baguette-recipe .table td { padding: 8px; overflow-wrap: anywhere; }
}
@media print {
  .baguette-recipe, .baguette-recipe p, .baguette-recipe li, .baguette-recipe .sub,
  .baguette-recipe .table th, .baguette-recipe .table td, .baguette-recipe .sprint-label,
  .baguette-recipe .badge, .baguette-recipe .sprint-plan span { color: #000; }
  .baguette-recipe { background: #fff; }
  .baguette-recipe .topbar, .baguette-recipe .nav, .baguette-recipe .skip-link { display: none; }
  .baguette-recipe .hero, .baguette-recipe .card { background: none; box-shadow: none; border: 1px solid #ccc; }
  .baguette-recipe .callout strong { color: #000; }
  .baguette-recipe h2, .baguette-recipe h3 { break-after: avoid; }
  .baguette-recipe li, .baguette-recipe tr { break-inside: avoid; }
  .baguette-recipe .container { padding: 0; }
}