/* Bear House Farm: shared stylesheet
   Rustic letterpress feel to match the woodcut logo: cream stock, ink black,
   one gold accent, condensed sans headings over a serif body. */

:root{
  --cream:#F4F0E4;
  --cream-2:#EAE4D3;
  --paper:#FBF8EF;
  --ink:#1C1B18;
  --ink-soft:#3D3A33;
  --ink-faint:#6B665B;
  --rust:#9A4F26;
  --moss:#5A6B4A;
  --gold:#C08A2E;
  --blue:#7FA8B0;          /* celadon egg blue */
  --line:rgba(28,27,24,.16);
  --line-2:rgba(28,27,24,.30);
  --shadow:0 2px 10px rgba(28,27,24,.10);
  --shadow-lg:0 6px 26px rgba(28,27,24,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--cream);color:var(--ink);
  font-family:'Lora',Georgia,'Times New Roman',serif;
  font-size:17px;line-height:1.65;
}
img{max-width:100%;display:block}
a{color:var(--rust)}
a:hover{color:var(--ink)}
h1,h2,h3,h4,.display{
  font-family:'Oswald','Helvetica Neue',Arial,sans-serif;
  font-weight:500;letter-spacing:.02em;line-height:1.15;margin:0 0 .5em;
}
h1{font-size:clamp(1.9rem,5vw,2.9rem);text-transform:uppercase;letter-spacing:.07em}
h2{font-size:clamp(1.5rem,3.6vw,2.1rem);text-transform:uppercase;letter-spacing:.06em}
h3{font-size:1.12rem;text-transform:uppercase;letter-spacing:.06em}
h4{font-size:.95rem;text-transform:uppercase;letter-spacing:.08em}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
.narrow{max-width:780px;margin-left:auto;margin-right:auto}
.center{text-align:center}
.muted{color:var(--ink-soft)}
.small{font-size:.88rem}

/* placeholder marker: anything still to confirm or add */
.tbd{background:#FDF3D0;border-bottom:2px dotted var(--gold);padding:0 3px;font-style:italic}
.photoslot{
  border:2px dashed var(--line-2);background:repeating-linear-gradient(45deg,
    transparent,transparent 9px,rgba(28,27,24,.035) 9px,rgba(28,27,24,.035) 18px);
  display:flex;align-items:center;justify-content:center;text-align:center;
  color:var(--ink-faint);font-family:'Oswald',sans-serif;font-size:.78rem;
  text-transform:uppercase;letter-spacing:.1em;padding:26px 18px;min-height:170px;
}

/* ---------------- nav ---------------- */
header.nav{
  position:sticky;top:0;z-index:50;background:rgba(244,240,228,.96);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line);
}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;
  max-width:1080px;margin:0 auto;padding:10px 22px}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.nav-logo img{height:40px;width:auto}
.nav-logo span{font-family:'Oswald',sans-serif;font-size:1.02rem;text-transform:uppercase;
  letter-spacing:.1em;white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:20px}
.nav-links a{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:.8rem;
  letter-spacing:.08em;text-decoration:none;color:var(--ink-soft)}
.nav-links a:hover{color:var(--rust)}
.nav-links a.btn{color:var(--cream)}
.nav-links a.on{color:var(--rust);border-bottom:2px solid var(--gold)}

/* ---- Quail dropdown ---- */
/* Opens on hover for a mouse and on click for a touch screen. The click path is
   the one that matters: most people meeting this site are scanning a cage card
   at the fair on a phone, where hover does not exist. */
.drop{position:relative}
.drop-top{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:.8rem;
  letter-spacing:.08em;color:var(--ink-soft);background:none;border:0;padding:0;
  cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.drop-top:hover,.drop.open .drop-top{color:var(--rust)}
.drop-top .caret{font-size:.62rem;transition:transform .15s}
.drop.open .drop-top .caret{transform:rotate(180deg)}
.drop-menu{position:absolute;top:100%;left:-14px;min-width:212px;padding:8px 0;
  margin-top:9px;background:var(--cream);border:1px solid var(--line);
  box-shadow:0 10px 26px rgba(28,27,24,.14);opacity:0;visibility:hidden;
  transform:translateY(-4px);transition:opacity .13s,transform .13s;z-index:60}
.drop:hover .drop-menu,.drop.open .drop-menu{opacity:1;visibility:visible;transform:none}
.drop-menu a{display:block;padding:8px 18px;font-size:.78rem;white-space:nowrap;
  border-bottom:0}
.drop-menu a:hover{background:rgba(154,79,38,.08);color:var(--rust)}
.drop-menu a.on{color:var(--rust);border-bottom:0;background:rgba(154,79,38,.08)}
.drop-sep{height:1px;background:var(--line);margin:7px 14px}

/* On a phone the menu used to vanish entirely and leave only the Order button,
   which meant a QR scan landed people on a page they could not navigate out of.
   Now the row stays and scrolls sideways instead. */
@media(max-width:900px){
  .nav-logo span{display:none}
  .nav-in{gap:10px}
  .nav-links{gap:15px;overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;padding-bottom:2px}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a,.drop-top{white-space:nowrap;font-size:.74rem}
  .drop-menu{position:fixed;left:0;right:0;top:auto;min-width:0;margin-top:12px}
  /* Order is the one thing on this bar that makes money, so it stays pinned to
     the right edge while the rest of the row scrolls underneath it. The shadow
     is the nav's own background color, so links slide out of sight rather than
     showing through the button. */
  .nav-links a.btn{position:sticky;right:0;z-index:2;
    box-shadow:-14px 0 12px 4px rgba(244,240,228,.96)}
}

.btn{
  display:inline-block;background:var(--ink);color:var(--cream);text-decoration:none;
  font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.09em;
  font-size:.85rem;padding:11px 22px;border:1px solid var(--ink);border-radius:2px;
  transition:background .15s,color .15s;cursor:pointer;
}
.btn:hover{background:var(--rust);border-color:var(--rust);color:var(--cream)}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.btn-sm{font-size:.75rem;padding:8px 15px}

/* ---------------- page header ---------------- */
.pagehead{background:var(--ink);color:var(--cream);padding:52px 0 46px;text-align:center}
.pagehead .kicker{font-family:'Oswald',sans-serif;text-transform:uppercase;
  letter-spacing:.2em;font-size:.74rem;color:var(--gold);margin-bottom:10px}
.pagehead h1{margin:0 0 12px}
.pagehead p{max-width:640px;margin:0 auto;color:rgba(244,240,228,.85)}
.crumb{font-family:'Oswald',sans-serif;font-size:.74rem;text-transform:uppercase;
  letter-spacing:.12em;padding:12px 0;border-bottom:1px solid var(--line)}
.crumb a{text-decoration:none;color:var(--ink-soft)}
.crumb a:hover{color:var(--rust)}

section{padding:56px 0;border-bottom:1px solid var(--line)}
section.alt{background:var(--cream-2)}
section.tight{padding:38px 0}
.sec-head{text-align:center;max-width:700px;margin:0 auto 36px}
.sec-head .kicker{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.18em;
  font-size:.74rem;color:var(--rust);margin-bottom:8px}
.sec-head p{color:var(--ink-soft);margin:0}

/* ---------------- cards / grids ---------------- */
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.card{background:var(--paper);border:1px solid var(--line);padding:24px;box-shadow:var(--shadow)}
.card h3{margin-bottom:6px}
.card p:last-child{margin-bottom:0}

/* A card title that is a link. It keeps the heading color so the page does not
   turn rust, but carries a faint rust underline all the time so a phone user can
   see it is tappable. Hover is not an affordance on a phone, and most people
   meeting this site are on one, scanning a cage card at the fair. */
.card h3 a{color:inherit;border-bottom:1px solid rgba(154,79,38,.38)}
.card h3 a:hover{color:var(--rust);border-bottom-color:var(--rust)}
/* The photo above it is the same link. Dim it slightly on press or hover so the
   tap registers as having done something. */
.card > a > img{transition:opacity .15s}
.card > a:hover > img,.card > a:active > img{opacity:.88}

/* ---------------- evidence tiers ---------------- */
.tier{border-left:4px solid var(--line-2);padding:2px 0 2px 18px;margin:0 0 26px}
.tier-1{border-left-color:var(--moss)}
.tier-2{border-left-color:var(--gold)}
.tierlabel{font-family:'Oswald',sans-serif;font-size:.7rem;text-transform:uppercase;
  letter-spacing:.14em;padding:3px 9px;border-radius:2px;display:inline-block;margin-bottom:8px}
.tier-1 .tierlabel{background:var(--moss);color:var(--cream)}
.tier-2 .tierlabel{background:var(--gold);color:var(--ink)}

.gene{background:var(--paper);border:1px solid var(--line);padding:20px 22px;
  box-shadow:var(--shadow);margin-bottom:16px}
.gene .sym{font-family:'Oswald',sans-serif;font-size:1.25rem;letter-spacing:.03em;
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.gene .sym i{font-style:italic;font-family:'Lora',serif;color:var(--rust)}
.gene .facts{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}
.pill{font-family:'Oswald',sans-serif;font-size:.68rem;text-transform:uppercase;
  letter-spacing:.1em;padding:4px 10px;border:1px solid var(--line-2);border-radius:99px;
  color:var(--ink-soft);background:rgba(28,27,24,.03)}
.pill.z{border-color:var(--rust);color:var(--rust)}
.pill.rec{border-color:var(--moss);color:var(--moss)}
.cite{font-size:.85rem;color:var(--ink-soft);border-top:1px solid var(--line);
  padding-top:10px;margin-top:12px}
.cite a{word-break:break-word}

/* ---------------- trait key ---------------- */
.traitkey{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.traitkey .t{background:var(--paper);border:1px solid var(--line);padding:16px 18px}
.traitkey .t b{font-family:'Oswald',sans-serif;letter-spacing:.05em;display:block;
  text-transform:uppercase;font-size:.85rem;margin-bottom:5px}
.swatch{width:100%;height:8px;border-radius:2px;margin-bottom:11px}

/* ---------------- bird cards ---------------- */
.birdgrid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}
.bird{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);
  text-decoration:none;color:var(--ink);display:flex;flex-direction:column;
  transition:transform .14s,box-shadow .14s}
.bird:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);color:var(--ink)}
.bird .ph{aspect-ratio:1/1;overflow:hidden;background:var(--cream-2);position:relative}
.bird .ph img{width:100%;height:100%;object-fit:cover}
.bird .no{position:absolute;top:9px;left:9px;background:var(--ink);color:var(--cream);
  font-family:'Oswald',sans-serif;font-size:.72rem;letter-spacing:.08em;padding:3px 8px;border-radius:2px}
/* The sex chip used to sit top right. It moved to the bottom right when the fair
   placing badge took that corner, because the ribbon is what a visitor looks for
   first and it needs the space. */
.bird .sx{position:absolute;bottom:9px;right:9px;background:var(--cream);color:var(--ink);
  font-family:'Oswald',sans-serif;font-size:.72rem;letter-spacing:.08em;padding:3px 8px;
  border-radius:2px;border:1px solid var(--line-2)}

/* ---- fair placing badge ---- */
/* Sits over the top right corner of a bird's photograph. The drop shadow is not
   decoration: the third place rosette is white, and without it the badge
   disappears against a pale bird on a pale background. */
.rib{position:absolute;top:6px;right:6px;z-index:3;line-height:0;pointer-events:none;
  filter:drop-shadow(0 2px 4px rgba(28,27,24,.38))}
/* Wrapper for the front photo on an individual bird page, so the badge has
   something to be positioned against. */
.bpwrap{position:relative;display:block}
.bpwrap > img{display:block;width:100%}
.bpwrap .rib{top:10px;right:10px}
.bird .bd{padding:14px 16px 18px;flex:1;display:flex;flex-direction:column}
.bird .nm{font-family:'Oswald',sans-serif;font-size:1.18rem;letter-spacing:.04em;margin:0 0 3px}
.bird .vr{font-size:.83rem;color:var(--ink-soft);margin:0 0 10px;line-height:1.4}
.bird .tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}
.tag{font-family:'Oswald',sans-serif;font-size:.65rem;text-transform:uppercase;
  letter-spacing:.08em;padding:3px 8px;border:1px solid var(--line-2);border-radius:2px;
  color:var(--ink-soft)}
.tag.yes{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.tag.unk{background:#FDF3D0;border-color:var(--gold);color:var(--ink)}

/* ---------------- comparison table ---------------- */
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.cmp{width:100%;border-collapse:collapse;font-size:.95rem;min-width:640px;background:var(--paper)}
table.cmp th{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;
  font-size:.74rem;text-align:left;color:var(--cream);background:var(--ink);
  padding:11px 12px;white-space:nowrap}
table.cmp td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
table.cmp tr:hover td{background:var(--cream-2)}
table.cmp td.nm{font-family:'Oswald',sans-serif;letter-spacing:.03em}
.yn{display:inline-block;width:22px;height:22px;line-height:20px;text-align:center;
  border-radius:50%;font-size:.8rem;font-family:'Oswald',sans-serif;border:1px solid var(--line-2)}
.yn.y{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.yn.n{background:transparent;color:var(--ink-faint)}
.yn.q{background:#FDF3D0;border-color:var(--gold);color:var(--ink)}

/* ---------------- featured bird page ---------------- */
.bhero{display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:start}
@media(max-width:820px){.bhero{grid-template-columns:1fr;gap:22px}}
.bphotos{display:grid;gap:12px}
.bphotos img{border:1px solid var(--line);box-shadow:var(--shadow);width:100%}
/* The border and shadow live on the image itself, so the wrapper must not add a
   second one. It exists only to anchor the placing badge. */
.bphotos .bpwrap{line-height:0}
.bphotos .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.spec{width:100%;border-collapse:collapse;margin:0 0 22px}
.spec th{text-align:left;font-family:'Oswald',sans-serif;font-size:.74rem;
  text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);
  padding:9px 14px 9px 0;white-space:nowrap;vertical-align:top;width:1%}
.spec td{padding:9px 0;border-bottom:1px solid var(--line)}
.spec tr:last-child td,.spec tr:last-child th{border-bottom:0}

.notebox{background:var(--cream-2);border-left:4px solid var(--gold);padding:15px 18px;
  font-size:.93rem;margin:0 0 22px}
.notebox b{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;
  font-size:.8rem;display:block;margin-bottom:3px}

.pager{display:flex;justify-content:space-between;gap:14px;padding:26px 0;flex-wrap:wrap}
.pager a{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:.8rem;
  letter-spacing:.08em;text-decoration:none;color:var(--ink-soft)}
.pager a:hover{color:var(--rust)}

/* ---------------- sale callout ---------------- */
.sale{border:2px solid var(--ink);background:var(--paper);padding:26px 28px;text-align:center}
.sale .kicker{font-family:'Oswald',sans-serif;letter-spacing:.18em;text-transform:uppercase;
  font-size:.74rem;color:var(--rust);margin-bottom:6px}
.sale h3{font-size:1.3rem;margin-bottom:8px}
.sale p{max-width:620px;margin:0 auto 16px;color:var(--ink-soft)}

/* ---------------- references ---------------- */
ol.refs{padding-left:22px;font-size:.92rem}
ol.refs li{margin-bottom:12px;color:var(--ink-soft)}
ol.refs b{color:var(--ink)}

/* ---------------- footer ---------------- */
footer{background:var(--ink);color:var(--cream-2);padding:44px 0 26px;border:0}
footer a{color:var(--gold)}
.foot-grid{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:26px}
.foot-grid h4{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.foot-grid p{margin:0 0 5px;font-size:.92rem}
.legal{border-top:1px solid rgba(244,240,228,.2);padding-top:16px;font-size:.79rem;
  color:rgba(244,240,228,.6);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

@media print{
  header.nav,.pager,footer,.btn{display:none}
  body{background:#fff}
}

/* ---- weight panel (individual bird pages) ---- */
.wtbox{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 24px}
.wtbig{font-family:Oswald,sans-serif;font-size:2.5rem;line-height:1;margin:0 0 4px;
  color:var(--ink)}
.wtbig span{font-size:1.15rem;color:var(--rust);letter-spacing:.04em}
.wtsub{font-size:.83rem;color:#6d6a61;margin:0 0 16px;text-transform:uppercase;
  letter-spacing:.12em;font-family:Oswald,sans-serif}
table.wtcmp{width:100%;margin:0 0 14px}
table.wtcmp td{padding:8px 10px;border-bottom:1px solid var(--line);font-size:.95rem}
table.wtcmp tr:first-child td{background:#FBF7EA}
.wtnote{font-size:.95rem;color:#3b3830;margin:0 0 12px}

/* ---- price table on the variety pages ---- */
/* These classes were used in the markup before they existed here, which rendered
   the item name and its description as one run-on sentence and stacked the two
   egg prices with no separation. The .note has to be display:block or it sits on
   the same line as the item it belongs to. */
table.price{width:100%;border-collapse:collapse;margin:0 0 14px;background:var(--paper)}
table.price th{font-family:'Oswald',sans-serif;text-transform:uppercase;
  letter-spacing:.08em;font-size:.74rem;color:var(--ink-soft);text-align:left;
  padding:0 12px 8px;border-bottom:1px solid var(--line)}
table.price th:last-child{text-align:right}
table.price td{padding:13px 12px;border-bottom:1px solid var(--line);
  vertical-align:top;font-size:.96rem}
table.price td .note{display:block;font-size:.85rem;color:var(--ink-soft);
  margin-top:4px;line-height:1.45}
table.price td.amt{text-align:right;white-space:nowrap;font-family:'Oswald',sans-serif;
  letter-spacing:.03em;font-size:1rem}
table.price td.amt .note{font-family:Georgia,serif;letter-spacing:0;margin-top:2px}

/* ---- bird not traveling to the fair ---- */
.tag.home{background:#FBF3DE;border:1px solid #C9A227;color:#6b5410}

/* callout - honest caveat boxes on the marketing pages */
.callout{background:#fdf8ec;border:1px solid #e6d8b8;border-left:4px solid #b8892b;
  border-radius:6px;padding:18px 20px;font-size:.95rem;line-height:1.6}
.callout p{margin:0 0 10px}
.callout p:last-child{margin-bottom:0}
.callout strong{color:#5a4213}

.cta-block{text-align:center;background:#fdf8ec;border:1px solid #e6d8b8;border-radius:8px;
  padding:30px 26px}
.cta-block h3{margin:6px 0 14px}

/* ---- Boulder County Fair 2026 page ---- */
/* The ribbon photographs were taken on a judging table, some in portrait and
   some in landscape, with the bird at one end and a long ribbon at the other.
   Forcing them all into one square box cuts the ribbon off, which is the whole
   point of the picture. So these tiles keep each photograph's natural shape.
   The gallery is split into one block per variety and every photograph within
   a variety was shot the same way up, so the rows come out even without
   anything being cropped to force them. align-items:start stops a short tile
   from stretching to match a taller one in another variety. */
.fairgrid{display:grid;gap:20px;align-items:start;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
@media(max-width:560px){.fairgrid{gap:12px;
  grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}
.fairshot{margin:0;background:var(--paper);border:1px solid var(--line);
  box-shadow:var(--shadow);display:flex;flex-direction:column}
.fairshot .fs-img{position:relative;line-height:0;background:var(--cream-2)}
.fairshot img{width:100%;height:auto;display:block}
.fairshot figcaption{padding:11px 13px 13px;font-size:.84rem;line-height:1.5;
  color:var(--ink-soft)}
.fairshot figcaption b{color:var(--ink);font-family:'Oswald',sans-serif;
  letter-spacing:.04em;font-weight:500}
.pl{display:inline-block;margin-top:5px;font-family:'Oswald',sans-serif;
  text-transform:uppercase;font-size:.63rem;letter-spacing:.09em;padding:2px 7px;
  border-radius:2px;border:1px solid var(--line-2)}
.pl.p1{background:#eaf0fa;border-color:#c3d3ec;color:#1f4f9c}
.pl.p2{background:#faecee;border-color:#eec6cb;color:#8a1a26}
.pl.p3{background:#f6f4ef;border-color:#ddd7c9;color:#5c574c}
.pl.p4{background:#e9f4ed;border-color:#c2ddcd;color:#24633e}

.fairhero{display:grid;grid-template-columns:1fr 1.15fr;gap:34px;align-items:start}
@media(max-width:820px){.fairhero{grid-template-columns:1fr;gap:22px}}
.fairhero figure{margin:0}
.fairhero img{width:100%;display:block;border:1px solid var(--line);box-shadow:var(--shadow)}
.fairhero figcaption,.fairwide figcaption{font-size:.85rem;color:var(--ink-soft);
  margin-top:9px;line-height:1.5}
.fairwide{margin:24px 0 0}
.fairwide img{width:100%;display:block;border:1px solid var(--line);box-shadow:var(--shadow)}

.awards{list-style:none;padding:0;margin:0 0 18px}
.awards li{padding:13px 0;border-bottom:1px solid var(--line);line-height:1.6}
.awards li:first-child{padding-top:0}
.awards li b{font-family:'Oswald',sans-serif;letter-spacing:.03em;font-weight:500}

/* Colin's note to customers. Sits under the awards list on the fair page. His voice,
   not the farm's, so it is set apart from the surrounding copy. */
.fromcolin{border-left:3px solid var(--rust);padding:2px 0 2px 16px;
  margin:20px 0 4px}
.fromcolin p{font-style:italic;line-height:1.7;margin:0 0 8px;color:var(--ink-soft)}
.fromcolin .sig{font-style:normal;font-family:'Oswald',sans-serif;text-transform:uppercase;
  letter-spacing:.08em;font-size:.72rem;margin:0}

table.tally{width:100%;max-width:640px;border-collapse:collapse;margin:0 0 16px;
  background:var(--paper)}
table.tally th{font-family:'Oswald',sans-serif;text-transform:uppercase;
  letter-spacing:.08em;font-size:.72rem;color:var(--ink-soft);text-align:left;
  padding:0 12px 8px;border-bottom:1px solid var(--line)}
table.tally td{padding:11px 12px;border-bottom:1px solid var(--line);font-size:.95rem}
table.tally td.center,table.tally th.center{text-align:center}
table.tally tr.tot td{border-bottom:0;border-top:2px solid var(--line-2);
  background:var(--cream-2)}
.fairsub{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  margin:30px 0 14px;padding-bottom:7px;border-bottom:1px solid var(--line)}
.fairsub:first-child{margin-top:6px}
.fairsub a{color:inherit;border-bottom:1px solid rgba(154,79,38,.38)}
.fairsub a:hover{color:var(--rust);border-bottom-color:var(--rust)}
.fairsub span{font-family:'Oswald',sans-serif;text-transform:uppercase;
  font-size:.7rem;letter-spacing:.09em;color:var(--ink-soft);white-space:nowrap}

/* ---- organic feed callout ---- */
/* Quail only. This block must never appear on a page selling duck products;
   the ducks are on a conventional ration. The leaf sits in the left gutter as
   a border decoration rather than an emoji, so it survives copy and paste and
   reads correctly to a screen reader (it is purely decorative and hidden). */
.organic{background:#f2f6ef;border:1px solid #cfdcc6;border-left:4px solid #4b7d3f;
  border-radius:5px;padding:16px 18px;margin:18px 0;position:relative}
.organic p{margin:0;line-height:1.62;color:var(--ink)}
.organic p b{color:#2f5c26}
.organic-sm{margin:16px 0 0;padding:13px 15px}
.organic-sm p{font-size:.9rem;line-height:1.55}
@media(max-width:560px){.organic{padding:14px 15px}}