/* EP Integrations — Starline brass list (page-starline-brass.php).
   Everything is scoped under .ep-brass so it can't collide with theme rules
   (theme css/site.css styles bare section, h1, h2, .nav, .eyebrow, .lede, .crumbs). */
.ep-brass{--ink:#1c211e;--ink-soft:#3c463f;--paper:#f3efe6;--paper-2:#e8e2d4;--white:#fbf8f2;--line:#d4cec0;--ember:#b55224;--steel:#4a5550;--ok:#2f5d3a;
  --brass:#b8913f;--out:#a8655a;--back:#a07a1e;--serif:"Source Serif 4",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif;
  background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
.ep-brass *,.ep-brass *::before,.ep-brass *::after{box-sizing:border-box}
.ep-brass p,.ep-brass h1,.ep-brass h2,.ep-brass ul{margin:0;padding:0}
.ep-brass section{padding:0}
.ep-brass a{color:inherit}
.ep-brass .epb-wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.ep-brass .epb-page{padding-top:26px;padding-bottom:72px}
.ep-brass .epb-crumbs{font-size:13px;color:var(--steel)}
.ep-brass .epb-crumbs a{text-decoration:none}
.ep-brass .epb-crumbs a:hover{color:var(--ink);text-decoration:underline}

.ep-brass .epb-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end;padding:30px 0 34px;border-bottom:1px solid var(--line)}
.ep-brass .epb-eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-bottom:10px}
.ep-brass .epb-eyebrow--ember{color:var(--ember)}
.ep-brass .epb-title{font-family:var(--serif);font-size:56px;line-height:1.04;font-weight:550;letter-spacing:-.03em;color:var(--ink)}
.ep-brass .epb-lede{margin-top:14px;font-size:17px;color:var(--ink-soft);max-width:30em}
.ep-brass .epb-deal{margin-top:12px;font-size:16px;color:var(--ink-soft);max-width:30em}
.ep-brass .epb-deal b{color:var(--ink);font-weight:600}
.ep-brass .epb-logos{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:18px;padding:8px 0}
.ep-brass .epb-logos img{display:block;width:auto;height:auto;max-width:240px;max-height:88px;object-fit:contain}
.ep-brass .epb-logos__ep{max-width:200px;max-height:96px}

.ep-brass .epb-toolbar{display:flex;align-items:center;gap:20px;padding:22px 0 8px;position:sticky;top:var(--epb-sticky-top,0px);background:var(--paper);z-index:5}
.ep-brass .epb-toolbar[hidden]{display:none}
.ep-brass .epb-seg{display:inline-flex;border:1px solid var(--line);border-radius:4px;background:var(--white);padding:3px}
.ep-brass .epb-seg__btn{border:0;background:none;font:500 14px var(--sans);padding:7px 16px;border-radius:3px;cursor:pointer;color:var(--ink-soft);line-height:1.4}
.ep-brass .epb-seg__btn span{color:var(--steel);font-size:12px;margin-left:4px}
.ep-brass .epb-seg__btn:hover{color:var(--ink)}
.ep-brass .epb-seg__btn.is-on{background:var(--ink);color:var(--paper)}
.ep-brass .epb-seg__btn.is-on span{color:#b9b3a6}
.ep-brass .epb-seg__btn:focus-visible{outline:2px solid var(--ember);outline-offset:1px}
.ep-brass .epb-toggle{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--ink-soft);cursor:pointer;margin:0}
.ep-brass .epb-toggle input{accent-color:var(--ink);width:16px;height:16px;margin:0}
.ep-brass .epb-legend{margin-left:auto;display:flex;gap:18px;font-size:13px;color:var(--steel)}
.ep-brass .epb-legend span,.ep-brass .epb-group__meta span{display:inline-flex;align-items:center;gap:7px}

.ep-brass .epb-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none;background:var(--ok);box-shadow:0 0 0 3px rgba(47,93,58,.16)}
.ep-brass .epb-dot--out,.ep-brass .is-out .epb-dot{background:var(--out);box-shadow:0 0 0 3px rgba(168,101,90,.16)}
.ep-brass .is-back .epb-dot{background:var(--back);box-shadow:0 0 0 3px rgba(160,122,30,.18)}

.ep-brass .epb-cols,.ep-brass .epb-row{display:grid;grid-template-columns:28px minmax(0,1fr) 120px 110px 120px 110px;align-items:center;column-gap:16px}
.ep-brass .epb-cols{padding:10px 20px 8px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.ep-brass .epb-cols span:nth-child(4){text-align:right}

.ep-brass .epb-group{margin-top:34px}
.ep-brass .epb-group[hidden]{display:none}
.ep-brass .epb-group__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:14px;border-bottom:2px solid var(--ink)}
.ep-brass .epb-group__title{font-family:var(--serif);font-size:32px;font-weight:550;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}
.ep-brass .epb-group__head .epb-eyebrow{margin-bottom:4px}
.ep-brass .epb-group__blurb{color:var(--ink-soft);font-size:14px;margin-top:4px}
.ep-brass .epb-group__meta{display:flex;gap:20px;font-size:13px;color:var(--steel);white-space:nowrap}

.ep-brass .epb-list{display:grid}
.ep-brass .epb-row{position:relative;text-decoration:none;padding:15px 20px;border-bottom:1px solid var(--line);background:transparent;transition:background .15s;color:var(--ink)}
.ep-brass .epb-row[hidden]{display:none}
.ep-brass .epb-row::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--brass);border-radius:2px;opacity:0;transition:opacity .15s}
.ep-brass .epb-row:hover{background:var(--white)}
.ep-brass .epb-row:hover::before{opacity:1}
.ep-brass .epb-row:focus-visible{outline:2px solid var(--ember);outline-offset:-2px}
.ep-brass .epb-row__name b{font-family:var(--serif);font-weight:600;font-size:19px;letter-spacing:-.01em}
.ep-brass .epb-row__note{margin-left:12px;font-size:12px;color:var(--steel);border:1px solid var(--line);border-radius:99px;padding:2px 9px;vertical-align:3px;background:var(--paper-2);white-space:nowrap}
.ep-brass .epb-row__pack{font-size:13.5px;color:var(--steel)}
.ep-brass .epb-row__price{text-align:right;font-weight:600;font-size:16px;font-variant-numeric:tabular-nums}
.ep-brass .epb-row__price del{color:var(--steel);font-weight:400;font-size:13px;margin-right:4px}
.ep-brass .epb-row__price ins{text-decoration:none}
.ep-brass .epb-row__price .screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.ep-brass .epb-row__state{font-size:13px;color:var(--ok);font-weight:500}
.ep-brass .epb-row__go{justify-self:end;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;border:1px solid var(--line);border-radius:4px;padding:6px 10px 6px 12px;background:var(--white);transition:all .15s}
.ep-brass .epb-row:hover .epb-row__go{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.ep-brass .is-back .epb-row__state{color:var(--back)}
.ep-brass .is-out .epb-row__name b,.ep-brass .is-out .epb-row__price{color:#8b8a83}
.ep-brass .is-out .epb-row__price{text-decoration:line-through;text-decoration-color:rgba(0,0,0,.25);font-weight:500}
.ep-brass .is-out .epb-row__state{color:var(--out)}
.ep-brass .is-out .epb-row__go{background:transparent;color:var(--ember);border-color:rgba(181,82,36,.4)}
.ep-brass .is-out:hover .epb-row__go{background:var(--ember);border-color:var(--ember);color:#fff}

.ep-brass .epb-empty{margin-top:34px;padding:22px;border:1px dashed var(--line);border-radius:4px;color:var(--steel);text-align:center}
.ep-brass .epb-empty[hidden]{display:none}
.ep-brass .epb-content{margin-top:36px;color:var(--ink-soft)}
.ep-brass .epb-foot-note{margin-top:36px;color:var(--steel);font-size:14px}
.ep-brass .epb-foot-note a{color:var(--ember)}
.ep-brass .epb-admin-note{margin-top:14px;font-size:12px;color:var(--out)}

@media (max-width:900px){
  .ep-brass .epb-wrap{padding:0 20px}
  .ep-brass .epb-intro{grid-template-columns:1fr;gap:24px}
  .ep-brass .epb-logos{align-items:flex-start}
  .ep-brass .epb-title{font-size:40px}
  .ep-brass .epb-toolbar{flex-wrap:wrap;gap:12px}
  .ep-brass .epb-legend{display:none}
  .ep-brass .epb-group__head{flex-direction:column;align-items:flex-start;gap:8px}
  .ep-brass .epb-group__meta{flex-wrap:wrap;white-space:normal}
  .ep-brass .epb-cols{display:none}
  .ep-brass .epb-row{grid-template-columns:18px minmax(0,1fr) auto auto;padding:14px 8px;column-gap:12px}
  .ep-brass .epb-row__pack,.ep-brass .epb-row__state{display:none}
  .ep-brass .epb-row__note{display:inline-block;margin:4px 0 0 0}
  .ep-brass .epb-row__name b{display:block;font-size:17px}
}