/* kentuckybarrelpicks.com - generated by _dev/build-pages.mjs. Do not hand-edit. */

/* --------------------------------------------------------------------------
   TOKENS. Every ratio below is measured WCAG 2.1 contrast against --paper
   (#F6EEDD) unless the comment says otherwise.
   -------------------------------------------------------------------------- */
:root{
  --paper:        #F6EEDD; /* page ground, bourbon-label cream                       */
  --paper-2:      #EFE3CB; /* ruled band / contact row fill. 12.82:1 with --ink       */
  --ink:          #2B1D14; /* charred oak body text.        14.12:1  AAA             */
  --ink-soft:     #5C4634; /* secondary prose.               7.64:1  AAA             */
  --ink-muted:    #7A6450; /* micro labels, tags.            4.83:1  AA              */
  --amber:        #A85F1E; /* brand accent.                  4.21:1  NOT AA for body
                              text. Large type 24px+ and non-text use only.          */
  --amber-ink:    #8F4E14; /* accent darkened for body-size text and badges.
                              5.57:1 AA on paper, and 5.57:1 for paper on it.        */
  --gold:         #C9A66B; /* faded gold hairline.           1.99:1  decorative only */
  --gold-strong:  #9C7F49; /* meaningful borders.            3.28:1  meets 1.4.11    */

  --w-prose: 40rem;
  --w-wide: 66rem;

  --f-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --f-body: "Source Serif 4", Georgia, "Times New Roman", serif;
  --f-label: "Archivo Narrow", "Arial Narrow", system-ui, sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--f-body);
  font-size:1.0625rem;
  line-height:1.65;
  font-variant-numeric:oldstyle-nums;
}
img,svg{max-width:100%}
h1,h2,h3{font-family:var(--f-display);font-weight:700;line-height:1.15;margin:0}
h1{font-size:clamp(1.8rem,6vw,2.6rem);letter-spacing:-.025em}
h2{font-size:clamp(1.2rem,3.6vw,1.55rem);letter-spacing:-.015em}
h3{font-size:1.1875rem;letter-spacing:-.015em}
p{margin:0 0 1rem}
a{color:var(--amber-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:var(--gold-strong)}
a:hover{text-decoration-color:var(--amber)}
:focus-visible{outline:2px solid var(--amber-ink);outline-offset:2px}

.skip{position:absolute;left:-9999px}
.skip:focus{left:.5rem;top:.5rem;position:fixed;background:var(--ink);color:var(--paper);padding:.5rem .75rem;z-index:9}

/* --------------------------------------------------------------------------
   MASTHEAD / NAV
   -------------------------------------------------------------------------- */
.masthead{border-top:4px double var(--gold-strong);border-bottom:1px solid var(--gold-strong)}
.masthead-in{max-width:var(--w-wide);margin:0 auto;padding:1.1rem 1rem .9rem;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:baseline;justify-content:space-between}
.wordmark{display:flex;align-items:center;gap:.5rem;font-family:var(--f-display);font-weight:700;font-size:1.35rem;letter-spacing:-.03em;color:var(--ink);text-decoration:none}
.wordmark .barrel-mark{color:var(--amber);flex:0 0 auto}
.wordmark:hover{color:var(--amber-ink)}
.nav{display:flex;flex-wrap:wrap;gap:1.1rem}
.nav a{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--ink-soft);text-decoration:none;padding-bottom:2px;border-bottom:2px solid transparent}
.nav a:hover{color:var(--amber-ink)}
.nav a[aria-current="page"]{color:var(--amber-ink);border-bottom-color:var(--amber)}

/* --------------------------------------------------------------------------
   LAYOUT
   -------------------------------------------------------------------------- */
.wrap{width:100%;max-width:var(--w-prose);margin:0 auto;padding:2rem 1rem 3rem;flex:1 0 auto}
.wrap--wide{max-width:var(--w-wide)}
/* keep the measure readable on the wide directory page */
.wrap--wide .lede,.wrap--wide .lede-note,.wrap--wide .section-lead{max-width:46rem}
.eyebrow{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--ink-muted);margin:0 0 .5rem}
.lede{font-size:1.125rem;color:var(--ink)}
.lede-note{font-family:var(--f-label);font-size:.95rem;letter-spacing:.01em;color:var(--ink-soft);border-left:3px solid var(--amber);padding-left:.85rem;margin:0 0 1.5rem}
.stave-rule{color:var(--gold-strong);line-height:0;margin:2.25rem 0 1rem}
.section-lead{color:var(--ink-soft)}

/* --------------------------------------------------------------------------
   FILTER BAR. Hidden in markup, unhidden by js/filter.js, so a no-JS reader
   never sees a dead control and always gets the complete list.
   -------------------------------------------------------------------------- */
.filters{display:flex;flex-wrap:wrap;gap:1rem 2rem;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:.9rem 0;margin:0 0 1.25rem}
.filters[hidden]{display:none}
.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}
.filter-label{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--ink-muted);margin-right:.15rem}
.filter-btn{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;line-height:1.1;color:var(--ink-soft);background:transparent;border:1px solid var(--gold-strong);border-radius:0;padding:.5em .75em;cursor:pointer}
.filter-btn:hover{border-color:var(--amber);color:var(--amber-ink)}
.filter-btn[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)} /* 14.12:1 */
.count-line{font-family:var(--f-label);font-size:.9rem;letter-spacing:.02em;color:var(--ink-soft);margin:0 0 1.25rem}
.empty-note{border:1px dashed var(--gold-strong);padding:1rem;font-family:var(--f-label);color:var(--ink-soft)}
.empty-note[hidden]{display:none}

/* --------------------------------------------------------------------------
   DIRECTORY CARDS
   -------------------------------------------------------------------------- */
.cards{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr))}
.card{border:1px solid var(--gold-strong);background:var(--paper);padding:1rem 1.05rem 1.15rem;height:100%;display:flex;flex-direction:column;gap:.55rem}
.card[hidden]{display:none}
.card h3{margin:0}
.card h3 a{color:var(--ink);text-decoration:none}
.card h3 a:hover{color:var(--amber-ink);text-decoration:underline;text-decoration-color:var(--amber)}
.card-loc{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--ink-muted);margin:0}
.card-prog{margin:0;color:var(--ink-soft);font-size:.95rem}
.card-status{font-family:var(--f-label);font-size:.8rem;letter-spacing:.06em;color:var(--ink-muted);margin:0;display:flex;align-items:center;gap:.35rem}
.card-status .barrel-mark{color:var(--gold-strong)}
.card-status--flag{color:var(--amber-ink);font-weight:600}                                       /* 5.57:1 AA, distinct from a normal running status */
.card-status--flag .barrel-mark{color:var(--amber-ink)}
.card-badges{display:flex;flex-wrap:wrap;gap:.35rem}
.card-known{border-top:1px solid var(--gold);padding-top:.6rem;margin:auto 0 0}
.known-label{display:block;font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;color:var(--ink-muted);margin-bottom:.2rem}
.known-value{font-size:1rem}
.card-more{font-family:var(--f-label);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}

/* --------------------------------------------------------------------------
   BADGES / TAGS / CHIPS
   -------------------------------------------------------------------------- */
.badge{display:inline-block;font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.11em;font-size:.69rem;line-height:1.2;padding:.32em .6em;border:1px solid currentColor}
.badge--individuals{color:var(--paper);background:var(--amber-ink);border-color:var(--amber-ink)} /* 5.57:1 */
.badge--trade{color:var(--ink);border-color:var(--ink)}                                          /* 14.12:1 */
.badge--lottery{color:var(--amber-ink);border-color:var(--amber-ink)}                            /* 5.57:1 */
.badge--unknown{color:var(--ink-muted);border-color:var(--ink-muted)}                            /* 4.83:1 */
.badge--in{color:var(--ink-soft);background:var(--paper-2);border-color:var(--gold-strong)}      /* 6.94:1 */
.tag{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;color:var(--ink-muted);white-space:nowrap} /* 4.83:1 */
.tag--reported{color:var(--ink-soft);border:1px solid var(--gold-strong);padding:.12em .4em}     /* 7.64:1 */
.chip{display:inline-block;font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.11em;font-size:.69rem;line-height:1.2;color:var(--amber-ink);border:1px dashed var(--amber);padding:.32em .6em} /* 5.57:1 */
.chip-say{font-family:var(--f-label);font-size:.85rem;color:var(--ink-muted);margin-left:.45rem}

/* --------------------------------------------------------------------------
   FACT TABLE, ruled like a tasting sheet
   -------------------------------------------------------------------------- */
.facts{width:100%;border-collapse:collapse;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);margin:.85rem 0 1.75rem}
.facts th,.facts td{text-align:left;vertical-align:top;padding:.85rem .9rem .85rem 0;border-top:1px solid var(--gold)}
.facts tr:first-child th,.facts tr:first-child td{border-top:0}
.facts th{width:11rem;font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.13em;font-size:.74rem;color:var(--ink-muted)}
.facts td{padding-right:0}
.facts .fact-note{display:block;margin-top:.4rem;font-size:.92rem;color:var(--ink-soft)}
.facts .row-tags{display:block;margin-top:.35rem}
.facts tr.is-contact th,.facts tr.is-contact td{background:var(--paper-2)}
.facts tr.is-contact th{border-left:3px solid var(--amber);padding-left:.7rem}
.facts tr.is-contact td{padding-right:.7rem}

.todo-list{padding-left:1.15rem}
.todo-list li{margin-bottom:.45rem}

/* --------------------------------------------------------------------------
   FOOTNOTES + SOURCES
   -------------------------------------------------------------------------- */
sup.fn{font-size:.68em;line-height:0}
sup.fn a{color:var(--amber-ink);text-decoration:none;padding:0 .08em}  /* 5.57:1 */
sup.fn a:hover{text-decoration:underline}
.fn-sep{color:var(--ink-muted)}
.sources{padding-left:1.4rem;font-size:.92rem;color:var(--ink-soft)}
.sources li{margin-bottom:.4rem}
.sources a{overflow-wrap:anywhere;word-break:break-word}
.sources-block h2{font-size:1.05rem}
.fact-line{margin:0 0 .9rem}
.fact-list{padding-left:1.15rem}
.fact-list li{margin-bottom:.6rem}

/* --------------------------------------------------------------------------
   CORRECTIONS FORM
   -------------------------------------------------------------------------- */
.hp{position:absolute;left:-9999px}
.corrections-form{display:flex;flex-direction:column;gap:1rem;max-width:28rem;margin:0 0 1.5rem}
.corrections-form .field{display:flex;flex-direction:column;gap:.35rem}
.corrections-form label{font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;color:var(--ink-soft)}
.corrections-form input,.corrections-form textarea{font-family:var(--f-body);font-size:1rem;color:var(--ink);background:var(--paper);border:1px solid var(--gold-strong);border-radius:0;padding:.55em .65em}
.corrections-form input:focus,.corrections-form textarea:focus{outline:2px solid var(--amber-ink);outline-offset:1px}
.corrections-form textarea{resize:vertical;min-height:6rem}
.corrections-form button{align-self:flex-start;font-family:var(--f-label);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--ink-soft);background:transparent;border:1px solid var(--gold-strong);border-radius:0;padding:.6em 1em;cursor:pointer}
.corrections-form button:hover{border-color:var(--amber);color:var(--amber-ink)}

/* --------------------------------------------------------------------------
   FOOTER
   -------------------------------------------------------------------------- */
.foot{border-top:1px solid var(--gold-strong);margin-top:2rem}
.foot-in{max-width:var(--w-wide);margin:0 auto;padding:1.5rem 1rem 2.5rem;font-family:var(--f-label);font-size:.88rem;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:space-between}
.foot p{margin:0}

/* --------------------------------------------------------------------------
   MOBILE 375. Cards stack, fact tables become stacked key-value rows,
   filter bar wraps, nothing scrolls sideways.
   -------------------------------------------------------------------------- */
@media (max-width:40rem){
  .wrap{padding:1.5rem 1rem 2.5rem}
  .cards{grid-template-columns:1fr}
  .masthead-in{padding:.9rem 1rem .75rem}
  .filters{gap:.85rem 1.25rem}

  .facts,.facts tbody,.facts tr,.facts th,.facts td{display:block;width:auto}
  .facts tr{border-top:1px solid var(--gold);padding:.85rem 0}
  .facts tr:first-child{border-top:0;padding-top:0}
  .facts th,.facts td{border-top:0;padding:0}
  .facts th{margin-bottom:.2rem}
  .facts tr.is-contact{background:var(--paper-2);border-left:3px solid var(--amber);padding-left:.75rem;padding-right:.75rem}
  .facts tr.is-contact th{border-left:0;padding-left:0}
}
@media (min-width:45rem){
  .wrap{padding-left:1.5rem;padding-right:1.5rem}
  .masthead-in,.foot-in{padding-left:1.5rem;padding-right:1.5rem}
}