.reveal{opacity:1!important;transform:none!important} [hidden]{display:none!important} .site-nav{display:flex!important;flex-wrap:wrap}.nav-toggle{display:none!important} .notice,.errorlist{padding:1rem;background:#fff0d0;color:#432400}  .recipe-filters{align-items:end}.recipe-filters select{width:100%}.print-card h3{margin-top:1.3rem}.ingredient-page{max-width:900px;margin:auto}.volunteer-form input:not([type=checkbox]),.volunteer-form textarea{width:100%}.errorlist{list-style:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1764b0;outline-offset:3px}@media(max-width:650px){.site-header{flex-wrap:wrap}.site-nav{gap:1rem}.recipe-filters{grid-template-columns:1fr}.recipe-grid{grid-template-columns:1fr}}@media print{body{background:white!important;color:black!important}.site-header,.site-footer,.skip-link,.notice,.no-print,dialog button{display:none!important}body:has(dialog[open]) main>*:not(dialog[open]){display:none!important}dialog[open]{display:block!important;position:static!important;width:auto;max-height:none;overflow:visible;border:0;padding:0}dialog::backdrop{display:none}.section-pad{padding:0!important}.print-card{font-size:11pt}.print-card a{color:black}h2,h3{break-after:avoid}li{break-inside:avoid}}
/* Keep navigation in normal flow on narrow screens, including without JavaScript. */
@media(max-width:900px){.site-header{position:relative;flex-wrap:wrap;gap:.5rem}.site-nav{position:static;flex-direction:row;flex-wrap:wrap;width:100%;padding:0;background:transparent;gap:0}.site-nav a{padding:.5rem .65rem}}
@media print{.print-card h2{font-size:22pt}.print-card h3{font-size:14pt}}

/* Restore the source recipe layout while allowing real content to determine row height. */
.recipe-grid { align-items:stretch; }
.recipe-card { display:flex; flex-direction:column; min-width:0; }
.recipe-card-glass { flex:0 0 112px; }
.recipe-card-body { display:flex; flex:1; flex-direction:column; }
.recipe-card-body h3 { overflow-wrap:anywhere; }
.recipe-actions { margin-top:auto; padding-top:.5rem; }
.ingredient-button { text-decoration:none; }
.recipe-card dl { row-gap:.85rem; }
.recipe-card dl div:nth-child(odd) { padding-left:0; border-left:0; }
.recipe-card dl div:nth-child(even) { padding-left:.8rem; border-left:1px solid #e8e0ea; }
.recipe-cautions, .recipe-potluck-note { font-size:.88rem; line-height:1.5; }
.recipe-cautions p { margin:0 0 .85rem; color:#655a6c; }
.recipe-filter-note { max-width:1120px; margin:0 auto 1.25rem; color:#655a6c; font-size:.86rem; }
.filter-actions { display:flex; flex-direction:column; gap:.35rem; align-items:center; }
.filter-actions .button { padding:.65rem 1rem; white-space:nowrap; }
.filter-actions .filter-reset { min-height:0; padding:.35rem; }
#recipe-library { scroll-margin-top:90px; }
.recipe-empty { grid-column:1 / -1; width:100%; }
.ingredient-dialog { overflow:auto; }
.ingredient-dialog .print-card { padding-top:.25rem; }
.ingredient-dialog .ingredient-kicker { margin-right:2.5rem; }
@media print {
  .ingredient-dialog[open] { max-width:none; margin:0; box-shadow:none; color:black; }
  .ingredient-dialog-inner { padding:0; }
  .ingredient-dialog .dialog-actions, .ingredient-kicker { display:none!important; }
  .ingredient-dialog ul { columns:1; }
  .ingredient-dialog .ingredient-reminder { background:white; border-left:2px solid black; color:black; }
}

/* Keep the consent control to the left of its associated, wrapping label. */
.volunteer-form p:has(> #id_consent) { display:flex; align-items:flex-start; gap:.7rem; }
.volunteer-form p > #id_consent { order:-1; flex-shrink:0; margin:.35rem 0 0; }
.volunteer-form p:has(> #id_consent) > label { flex:1; margin:0; }

.pride-partnership { margin:3rem auto 0; padding-top:2rem; border-top:1px solid var(--line); text-align:center; }
.pride-partnership h3 { font-size:1.45rem; }
.pride-partnership img { width:min(340px,100%); height:auto; margin:1rem auto 0; }
.logo-card .st-pauls-logo { width:100%; max-height:130px; object-fit:contain; }
#recipe-print-sheet { display:none; }
@media print {
  @page { size:letter portrait; margin:.4in .5in; }
  body.printing-recipe > :not(#recipe-print-sheet) { display:none!important; }
  body.printing-recipe > #recipe-print-sheet { display:block!important; }
  #recipe-print-sheet .print-card, .ingredient-page .print-card {
    box-sizing:border-box; width:7.5in; max-width:100%; margin:0; padding:.15in;
    border:1px dashed #777; background:white; color:black;
    font:9pt/1.16 Arial,sans-serif;
  }
  #recipe-print-sheet .print-card h2, .ingredient-page .print-card h2 {
    margin:0 0 4pt; max-width:none; font:700 16pt/1.1 Georgia,serif; letter-spacing:0;
  }
  #recipe-print-sheet .ingredient-type, .ingredient-page .ingredient-type { margin:0 0 7pt; font-size:9pt; color:black; }
  .print-columns { columns:2; column-gap:.22in; }
  .print-columns h3 { margin:6pt 0 3pt; padding:0 0 2pt; border-bottom:1px solid #bbb; font:700 10pt/1.15 Arial,sans-serif; letter-spacing:0; break-after:avoid; }
  .print-columns p { margin:0 0 5pt; }
  .print-columns ul { columns:auto; margin:0 0 5pt; padding-left:12pt; }
  .print-columns li { margin:0 0 2pt; line-height:1.16; break-inside:avoid; }
  .print-columns a { color:black; text-decoration:none; overflow-wrap:anywhere; }
  .print-columns .ingredient-reminder { margin:6pt 0; padding:4pt 0 0; border:0; border-top:1px solid #bbb; color:black; background:white; font-size:8pt; line-height:1.15; }
  #recipe-print-sheet .ingredient-kicker { display:none; }
}