/* Bill's Archive reference tools: Pokédex + artist database (clean edition, 11 Oct 2026).
   Same design language as index.html and calendar.html: Montserrat 800/900 for
   headlines, DM Sans for everything else, one gold accent, hairline rules,
   flat tiles, nothing under 12px. Load order: ba-shared.css, this file, the
   page's own file (pokedex-app.css / artist-app.css), then ba-brand.css
   (header + rail) last. Tokens and base reset copy index.html. The card
   gallery styled here is rendered by /ba-cards.js. */

:root{
    --bg:#09090E;--bg-2:#12121C;--bg-3:#1A1A26;
    --ink:#F3F3F1;--ink-2:#D0D0D7;--ink-3:#A0A0AC;
    --rule:#272733;--rule-2:#3F3F4E;
    --gold:#E8C547;--gold-2:#F0A030;
    --display:'Montserrat','DM Sans',sans-serif;
    --text:'DM Sans',system-ui,sans-serif;
    --gut:clamp(16px,3.2vw,44px);
    --max:1280px;
    --chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23A0A0AC' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}          /* beats ba-shared's underlined main-link fallback */
img{display:block;max-width:100%}
ul,ol{list-style:none}
button,input,select,kbd{font:inherit;color:inherit}
table{border-collapse:collapse;width:100%}
th{font-weight:inherit;text-align:left}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
[hidden]{display:none !important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:10px;z-index:300;background:var(--gold);color:#111;font-weight:700;padding:10px 16px;border-radius:3px}
.skip:focus{left:16px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.label{font:700 12px/1.45 var(--text);letter-spacing:.07em;text-transform:uppercase}
.go{font:700 12px/1.4 var(--text);letter-spacing:.07em;text-transform:uppercase;color:var(--gold);text-underline-offset:4px}
.go:hover{text-decoration:underline}

/* ── Layout: page column + right sidebar at 1360px ── */
.layout{position:relative}
.main{container:page / inline-size}
.main>section{padding-top:36px;padding-bottom:44px}
.sidebar{display:none}
@media (min-width:1360px){
    .layout{padding-right:calc(320px + var(--gut))}
    .sidebar{display:block;position:absolute;top:0;bottom:0;right:var(--gut);width:320px;padding:28px 0 56px 24px;border-left:1px solid var(--rule)}
}
.sidebar .tabhead{margin-bottom:6px}
.sidebar .tabhead__t{font-size:20px}
.sidebar-ad-reserve{display:block;width:300px;min-height:280px;margin-top:40px}
.toc a{display:block;padding:13px 0;border-bottom:1px solid var(--rule)}
.toc__name{display:block;font:800 15px/1.3 var(--display);letter-spacing:-.01em}
.toc__note{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:var(--ink-3)}
.toc a:hover .toc__name{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}

/* Keyboard focus and scrolled-to targets (scrollIntoView, pills, card panel) stay
   clear of the sticky header (desktop) and the phone tab bar (below 920px). No
   scroll-margin on the targets as well: the two add up (it was landing 164px down). */
html{scroll-padding-top:16px;scroll-padding-bottom:76px}
@media (min-width:920px){html{scroll-padding-top:80px;scroll-padding-bottom:16px}}
#cardSection:focus,.main:focus,.gen:focus{outline:none}   /* jump targets (skip link, era/generation pills) */

/* ── Section head: 3px gold rule, "Title / description" ── */
.tabhead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px;padding-top:12px;border-top:3px solid var(--gold);margin-bottom:24px}
.tabhead__t{flex:1 1 320px;min-width:0;font-size:24px;line-height:1.25}
.tab,.tab__d{display:inline}
.tab{font:800 1em/1.25 var(--display);letter-spacing:-.015em;color:var(--ink)}
.tab__d{font:400 .92em/1.25 var(--text);color:var(--ink-3)}
.tab__d::before{content:"/";margin:0 .3em 0 .25em;color:var(--gold);font-weight:500}
.tab__d:empty{display:none}
@container page (max-width:600px){.tabhead__t{font-size:21px}}

/* ── Page head: title, search, holdings, generation pills ── */
.dex-head{padding-top:28px;padding-bottom:8px}
.dex-head__row{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:flex-end}
.dex-head__t{flex:1 1 360px;min-width:0}
.dex-head h1{font:900 clamp(34px,4vw,52px)/1.04 var(--display);letter-spacing:-.03em;text-wrap:balance}
.dex-head__dek{margin-top:8px;font-size:17px;line-height:1.5;color:var(--ink-3);max-width:56ch}
.dex-head .finder{flex:0 1 420px;min-width:280px}
.holdings{margin-top:24px;padding-top:12px;border-top:1px solid var(--rule);font:13px/1.8 var(--text);color:var(--ink-3)}
.holdings b{color:var(--ink);font-weight:700}
.holdings .label{color:var(--gold);margin-right:6px}
.gens{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.gens{align-items:center}
.gens__label{margin-right:6px;font:700 12px/1 var(--text);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.gens a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:38px;padding:8px 12px;border:1px solid var(--rule-2);border-radius:999px;color:var(--ink-2);font:700 12px/1 var(--text);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.gens a:hover{border-color:var(--gold);color:var(--ink)}
@media (max-width:760px){.dex-head .finder{flex:1 1 100%;min-width:0}}

/* Search box + results panel (calendar's finder) */
.finder{position:relative}
.finder input{width:100%;height:48px;padding:0 14px 0 42px;border:1px solid var(--ink-3);border-radius:3px;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23A0A0AC' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='M11 11l3.5 3.5'/%3E%3C/svg%3E") 14px 50%/17px no-repeat;font-size:16px;color:var(--ink);-webkit-appearance:none;appearance:none}
.finder input::-webkit-search-cancel-button{-webkit-appearance:none}
.finder input::placeholder{color:var(--ink-3)}
.finder input:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.finder__panel{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;background:var(--bg-2);border:1px solid var(--rule-2);border-radius:3px;max-height:min(70vh,520px);overflow:auto;overscroll-behavior:contain}
@media (max-width:919px){.finder__panel{max-height:min(55vh,440px)}}
.fr li a{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;min-height:62px;padding:7px 14px;border-top:1px solid var(--rule)}
.fr li:first-child a{border-top:0}
.fr__pic{grid-row:1 / 3;width:48px;height:48px;object-fit:contain}
.fr__t{font:800 16px/1.3 var(--display);letter-spacing:-.01em}
.fr__s{font:700 12px/1.45 var(--text);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.fr a[aria-selected="true"],.fr a:hover{background:var(--bg-3)}
.fr a[aria-selected="true"] .fr__t,.fr a:hover .fr__t{color:var(--gold)}
.fr__none{padding:14px;color:var(--ink-2);font-size:15px}

/* ── Pokémon entry (inline on the page) ── */
.dex-entry{padding-top:28px !important}
.dex-entry:focus{outline:none}
.entry-bar{margin-bottom:20px}
.entry-close{display:inline-flex;align-items:center;min-height:38px;padding:8px 15px;border:1px solid var(--rule-2);border-radius:999px;background:none;color:var(--ink-2);font:700 12px/1 var(--text);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.entry-close:hover{border-color:var(--gold);color:var(--ink)}
.loader{display:flex;align-items:center;gap:12px;padding:32px 0;font-size:16px;color:var(--ink-3)}
.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--rule-2);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.mini-note{font-size:15px;line-height:1.55;color:var(--ink-3)}

.modal-hero{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px 40px;align-items:center;padding-bottom:32px;border-bottom:1px solid var(--rule)}
.modal-art{width:200px;height:200px;object-fit:contain}
.modal-dexnum{font:700 12px/1.45 var(--text);letter-spacing:.07em;text-transform:uppercase;color:var(--gold)}
.modal-name{font:900 clamp(38px,5vw,64px)/1.02 var(--display);letter-spacing:-.035em;margin-top:6px;text-wrap:balance}
.modal-genus{margin-top:6px;font-size:19px;line-height:1.45;color:var(--ink-2)}
.modal-typerow{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:14px}
.modal-typerow .type-badge{font-size:13px}
.modal-typerow .type-badge i{width:11px;height:11px}
.modal-meta{margin-top:10px;font-size:15px;color:var(--ink-3)}
.modal-idrow{margin-top:2px;font-size:14px;line-height:1.5;color:var(--ink-3)}
.jump-cards{display:inline-flex;align-items:center;gap:6px;margin-top:20px;min-height:46px;padding:0 20px;border:0;border-radius:3px;background:var(--gold);color:#16120A;font:700 15px/1 var(--text);cursor:pointer}
.jump-cards:hover{background:var(--gold-2)}
.jump-cards span:empty{display:none}
@container page (max-width:600px){
    .modal-hero{grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:start}
    .modal-art,.ww-orb--hero{width:112px;height:112px;font-size:48px}
    .modal-genus{font-size:17px}
}

.modal-body{padding-top:4px}
.ent-sec{margin-top:40px}
.ent-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 48px}
@container page (max-width:760px){.ent-cols{grid-template-columns:minmax(0,1fr)}}
.ent-sec .tabhead__t{font-size:22px}
.dex-ad-hook{margin-top:36px;font-size:17px;line-height:1.6;color:var(--ink-2);max-width:72ch}

/* Pill select (calendar's .jump) */
.jump{height:46px;max-width:100%;padding:0 38px 0 16px;border:1px solid var(--rule-2);border-radius:999px;background:var(--bg) var(--chev) right 16px center/11px no-repeat;font:700 12px/1 var(--text);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);text-overflow:ellipsis;-webkit-appearance:none;appearance:none;cursor:pointer}
.jump:hover{border-color:var(--gold);color:var(--ink)}
.jump:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.jump option,.jump optgroup{background:var(--bg-2);color:var(--ink);text-transform:none;letter-spacing:0}
@media (hover:none) and (pointer:coarse){.jump{font-size:16px;letter-spacing:0}}


/* ── TCG cards ── */
.cards-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--rule)}
.cards-top-label{grid-column:1 / -1;margin-bottom:10px;font:700 12px/1.45 var(--text);letter-spacing:.07em;text-transform:uppercase;color:var(--gold)}
.top-chip{display:flex;align-items:flex-start;gap:14px;min-width:0;padding:0 20px;border:0;border-left:1px solid var(--rule);background:none;color:var(--ink);text-align:left;cursor:pointer}
.tc-img{flex:0 0 60px;width:60px;aspect-ratio:63/88;border-radius:4px;overflow:hidden;background:var(--bg-3);border:1px solid var(--rule)}
.tc-img img{display:block;width:100%;height:100%;object-fit:cover}
.top-chip:hover .tc-img{border-color:var(--gold)}
.tc-body{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.top-chip:first-of-type{padding-left:0;border-left:0}
.tc-name{max-width:100%;font:800 17px/1.25 var(--display);letter-spacing:-.012em;text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:4px;overflow-wrap:anywhere}
.top-chip:hover .tc-name{text-decoration-color:var(--gold)}
.tc-set{max-width:100%;font:700 12px/1.45 var(--text);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.tc-price{font:800 18px/1.2 var(--display);color:var(--gold)}
@container page (max-width:600px){
    .cards-top{grid-template-columns:minmax(0,1fr);padding-bottom:0}
    .top-chip{padding:12px 0;border-left:0;border-top:1px solid var(--rule)}
    .top-chip:first-of-type{border-top:0;padding-top:0}
}
.switch{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid var(--rule-2);border-radius:24px;margin-bottom:18px}
.switch button{min-height:38px;padding:8px 15px;border:0;border-radius:999px;background:none;color:var(--ink-2);font:700 12px/1 var(--text);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.switch button:hover{color:var(--ink);background:var(--bg-3)}
.switch button[aria-pressed="true"]{background:var(--gold);color:#16120A}
.switch .n{font-weight:400;margin-left:6px}
@container page (max-width:600px){.switch button{padding:8px 11px;letter-spacing:.02em}}
.cards-tools{display:flex;flex-wrap:wrap;gap:12px 14px;margin-bottom:12px}
.ct-field{display:flex;flex-direction:column;gap:6px;flex:1 1 150px;min-width:0}
.ct-field>span{font:700 12px/1.45 var(--text);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.ct-field .jump{width:100%}
.cards-status{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;min-height:24px;font-size:14px;color:var(--ink-3)}
.cards-reset{border:0;background:none;color:var(--gold);font:700 12px/1.4 var(--text);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;text-underline-offset:4px}
.cards-reset:hover{text-decoration:underline}
.cards-setinfo{margin-top:12px;padding:12px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:15px;line-height:1.55;color:var(--ink-2)}
.cards-setinfo b{color:var(--ink);font-weight:700}
.cards-setinfo a{margin-left:6px;font-weight:700;color:var(--gold);white-space:nowrap}
.cards-setinfo a:hover{text-decoration:underline;text-underline-offset:4px}

.card-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:30px 20px;margin-top:22px}
.tcg-card{position:relative;display:flex;flex-direction:column;gap:9px;min-width:0;cursor:pointer}
.tcg-card img{width:100%;height:auto;aspect-ratio:245/342;object-fit:cover;border-radius:6px;background:var(--bg-3)}
.tcg-card:focus-visible{outline:none}
.tcg-card:focus-visible img,.tcg-card:focus-visible .tcg-noimg,.tcg-card.is-open img,.tcg-card.is-open .tcg-noimg{outline:2px solid var(--gold);outline-offset:3px}
.tcg-lang{position:absolute;top:8px;left:8px;padding:4px 6px 3px;border-radius:2px;background:#3A3A48;color:var(--ink);font:700 12px/1 var(--text);letter-spacing:.07em}
.tcg-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.tcg-set{font:700 14px/1.35 var(--text);color:var(--ink);text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (hover:hover){.tcg-card:hover .tcg-set{text-decoration-color:var(--gold)}}
.tcg-rar-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.tcg-rar{min-width:0;font:700 12px/1.45 var(--text);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tcg-price{flex:none;font:800 15px/1.2 var(--display);color:var(--gold)}
.tcg-artist{font-size:13px;line-height:1.35;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tcg-artist::before{content:"Illus. "}
.tcg-noimg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:245/342;padding:12px;border:1px dashed var(--rule-2);border-radius:6px;text-align:center}
.tcg-noimg span{font:800 15px/1.25 var(--display);color:var(--ink-2)}
.tcg-noimg small{font:700 12px/1 var(--text);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
@container page (max-width:600px){.card-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}}
.load-more-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}
.load-more{min-height:46px;padding:0 22px;border:1px solid var(--rule-2);border-radius:999px;background:none;color:var(--gold);font:700 13px/1 var(--text);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.load-more:hover{border-color:var(--gold)}
.cards-note{margin-top:28px;font-size:14px;line-height:1.55;color:var(--ink-3)}

/* Card details: opened inside the grid under the clicked card's row */
.card-inline{grid-column:1 / -1;position:relative;display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:24px 40px;padding:24px 0 28px;border-top:3px solid var(--gold);border-bottom:1px solid var(--rule)}
.ci-img img{width:100%;height:auto;border-radius:8px}
.ci-img .tcg-noimg{width:100%}
.ci-info{min-width:0}
.ci-close{position:absolute;top:18px;right:0;width:40px;height:40px;border:1px solid var(--rule-2);border-radius:50%;background:none;color:var(--ink-2);font:400 22px/1 var(--text);cursor:pointer}
.ci-close:hover{border-color:var(--gold);color:var(--ink)}
.cd-lang{font:700 12px/1.45 var(--text);letter-spacing:.07em;text-transform:uppercase;color:var(--gold)}
.card-inline .cd-name{margin:4px 52px 18px 0;font:900 clamp(26px,3vw,36px)/1.08 var(--display);letter-spacing:-.025em;text-wrap:balance}
.cd-facts{display:grid;grid-template-columns:120px minmax(0,1fr);border-top:1px solid var(--rule);margin-bottom:26px}
.cd-facts dt,.cd-facts dd{padding:11px 0;border-bottom:1px solid var(--rule)}
.cd-facts dt{font:700 12px/1.7 var(--text);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.cd-facts dd{min-width:0;font-size:16px;line-height:1.5;color:var(--ink)}
.cd-facts a{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.cd-set{display:inline-flex;align-items:center;gap:10px;vertical-align:middle}
.cd-set-logo{flex:none;width:auto;height:32px;max-width:120px;object-fit:contain}
.cd-sub{margin-left:6px;font-size:14px;color:var(--ink-3)}
.cd-artist-btn{display:inline-flex;align-items:center;margin-top:8px;min-height:34px;padding:6px 12px;border:1px solid var(--rule-2);border-radius:999px;background:none;color:var(--ink-2);font:700 12px/1.2 var(--text);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.cd-artist-btn:hover{border-color:var(--gold);color:var(--ink)}
.cd-headline{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:20px;font:900 32px/1.1 var(--display);letter-spacing:-.02em;color:var(--ink)}
.cd-headline span{font:700 12px/1.45 var(--text);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.cd-headline em{font:400 16px/1.4 var(--text);font-style:normal;color:var(--ink-2)}
.price-source{margin-bottom:24px}
.price-source-label{margin-bottom:8px;font:700 12px/1.45 var(--text);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.psl-sub{margin-left:6px;text-transform:none;letter-spacing:0;font-weight:400}
.price-table th,.price-table td{padding:10px 12px 10px 0;border-bottom:1px solid var(--rule);font-size:15px;text-align:left;white-space:nowrap}
.price-table thead th{padding-top:0;font:700 12px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.price-table .var-label{color:var(--ink);white-space:normal}
.price-table .market-price{font-weight:700;color:var(--gold)}
.price-table .low-price{color:var(--ink-2)}
.price-updated{font-size:13px;line-height:1.5;color:var(--ink-3)}
.no-pricing{font-size:15px;color:var(--ink-3)}
.cd-aff{margin-top:22px;font-size:13px;line-height:1.5;color:var(--ink-3)}
.cd-aff strong{color:var(--ink-2)}
.cd-buy{display:inline-flex;align-items:center;margin-top:10px;min-height:46px;padding:0 22px;border-radius:3px;background:var(--gold);color:#16120A;font:700 15px/1 var(--text)}
.cd-buy:hover{background:var(--gold-2)}
.cd-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding-top:16px;border-top:1px solid var(--rule);font-size:14px;color:var(--ink-3)}
.cd-nav button{min-height:38px;padding:8px 15px;border:1px solid var(--rule-2);border-radius:999px;background:none;color:var(--ink-2);font:700 12px/1 var(--text);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.cd-nav button:hover:not([disabled]){border-color:var(--gold);color:var(--ink)}
.cd-nav button[disabled]{opacity:.35;cursor:default}
@container page (max-width:600px){
    .card-inline{grid-template-columns:minmax(0,1fr)}
    .ci-img{max-width:240px}
    .cd-facts{grid-template-columns:96px minmax(0,1fr)}
    .price-table th,.price-table td{font-size:14px}
}

/* Pokémon chips: "Most drawn" on the artist page, a trainer's team (links to the Pokédex) */
.mon-chips{display:flex;flex-wrap:wrap;gap:8px}
.mon-chip{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:2px 14px 2px 4px;border:1px solid var(--rule-2);border-radius:999px;background:none;color:var(--ink-2);font:700 13px/1 var(--text);cursor:pointer}
.mon-chip img{width:40px;height:40px;object-fit:contain}
.mon-chip b{font-weight:700;color:var(--gold)}
.mon-chip:hover{border-color:var(--gold);color:var(--ink)}
span.mon-chip{cursor:default;padding-left:14px}
span.mon-chip:hover{border-color:var(--rule-2);color:var(--ink-2)}

/* ── About + questions ── */
.about__text p{font:400 17px/1.6 var(--text);color:var(--ink-2);max-width:72ch}
.about__text p+p{margin-top:14px}
.faq-title{margin-top:36px;padding-top:12px;border-top:1px solid var(--rule);font:800 20px/1.25 var(--display);letter-spacing:-.015em}
.faq{margin-top:4px}
.faq__row{padding:16px 0;border-bottom:1px solid var(--rule)}
.faq dt{font:800 17px/1.35 var(--display);letter-spacing:-.01em}
.faq dd{margin-top:6px;font-size:16px;line-height:1.6;color:var(--ink-2);max-width:72ch}

/* ── Footer (home's, overriding ba-shared.css) ── */
.site-footer{background:var(--bg);border-top:1px solid var(--rule);padding:40px var(--gut) 0}
.footer-top{max-width:calc(var(--max) - 2 * var(--gut));margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:0 0 32px;border-bottom:1px solid var(--rule)}
.footer-wordmark{display:inline-flex;align-items:center;gap:12px;margin-bottom:14px;padding:0;background:none;-webkit-text-fill-color:currentColor;color:var(--ink);font-family:var(--display);font-weight:900;font-size:22px;line-height:1;letter-spacing:-.02em;text-transform:none}
.footer-desc{font-size:15px;color:var(--ink-3);line-height:1.65;max-width:320px}
.footer-col h3{font:700 12px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px}
.footer-col-links{display:flex;flex-direction:column;gap:10px}
.footer-col-links a{font-size:15px;color:var(--ink-2);transition:color .15s}
.footer-col-links a:hover{color:var(--gold)}
.footer-bottom{max-width:calc(var(--max) - 2 * var(--gut));margin:0 auto;padding:22px 0 30px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left}
.footer-bottom p,.footer-bottom p:first-child,.footer-bottom p:last-child{font-size:13px;color:var(--ink-3);line-height:1.6}
.footer-bottom a{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:3px}
@media (max-width:980px){.footer-top{grid-template-columns:1fr 1fr;gap:32px}}
@media (max-width:640px){.footer-top{grid-template-columns:1fr}.main>section{padding-top:28px;padding-bottom:36px}}

@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}