/* Seller glossary — a reference page for marketplace, payout and bookkeeping terms.
   Pairs with /styles.css for the shared theme and /tools/tools.css for the page shell. */
.glossary-main{padding-bottom:0}
.glossary-hero{padding-bottom:30px}
.glossary-hero h1{max-width:860px}
.glossary-hero .lede{max-width:690px}
.glossary-hero .hero-reassurance{flex-wrap:wrap;gap:10px 22px}

/* Search, category filters and the letter jump bar sit in one quiet panel. */
.glossary-tools{margin-top:10px;border:1px solid var(--line);border-radius:24px;background:var(--surface-2);padding:24px 28px 22px}
.glossary-intro{display:flex;align-items:baseline;gap:20px;padding:0 0 18px;border-bottom:1px solid var(--line)}
.glossary-kicker{flex:0 0 auto;font-size:10px;line-height:1.5;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;color:var(--ink)}
.glossary-note{font-size:11.5px;line-height:1.7;color:var(--muted);max-width:840px}
.glossary-search{position:relative;display:flex;align-items:center;margin-top:18px;min-height:52px;padding:0 8px 0 18px;background:#fff;border:1px solid var(--line);border-radius:999px}
.glossary-search:focus-within{border-color:var(--ink)}
.glossary-search>svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.glossary-search input{flex:1;min-width:0;min-height:50px;padding:0 12px;border:0;background:transparent;color:var(--ink);font-size:14px;outline:none}
.glossary-search input::placeholder{color:#767676}
.glossary-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.glossary-clear{flex:0 0 auto;min-height:36px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:11px;font-weight:650}
.glossary-clear:hover{background:#fff;border-color:#b4b4b4}
.glossary-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:16px}
.glossary-count{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.2px}
.glossary-filters{display:flex;flex-wrap:wrap;gap:6px}
.glossary-filters button{min-height:36px;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:11.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s}
.glossary-filters button:hover{border-color:#b4b4b4;color:var(--ink)}
.glossary-filters button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}
.glossary-alpha{display:flex;flex-wrap:wrap;gap:4px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.glossary-alpha a,.glossary-alpha span{display:grid;place-items:center;width:31px;height:31px;border:1px solid transparent;border-radius:8px;font-size:11.5px;font-weight:650;line-height:1;color:var(--ink)}
.glossary-alpha a:hover{border-color:var(--line);background:#fff}
.glossary-alpha .is-empty{color:#c4c4c7;pointer-events:none}

/* Each letter is a heading plus a grid of term cards. */
.glossary-body{padding-top:10px}
.glossary-letter{display:grid;grid-template-columns:72px minmax(0,1fr);gap:34px;padding:38px 0 6px;border-top:1px solid var(--line);scroll-margin-top:24px}
.glossary-letter:first-child{border-top:0;padding-top:24px}
.glossary-letter>h2{position:sticky;top:20px;align-self:start;font-size:38px;line-height:1;letter-spacing:-.04em;color:var(--muted)}
.glossary-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.glossary-term{display:flex;flex-direction:column;gap:8px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:#fff;scroll-margin-top:24px;transition:border-color .15s}
.glossary-term:hover{border-color:#b4b4b4}
.glossary-term:target{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.term-top{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 12px}
.term-top h3{font-size:16.5px;line-height:1.35;letter-spacing:-.02em}
.term-tag{flex:0 0 auto;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:8.5px;font-weight:650;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}
.term-def{font-size:13px;line-height:1.8;color:#3a3a3a}
.term-more{margin-top:auto;font-size:11px;font-weight:650;line-height:1.5}
.term-more a{text-decoration:underline;text-decoration-color:#d4d4d4;text-underline-offset:3px}
.term-more a:hover{text-decoration-color:var(--ink)}
.term-more span{margin-left:5px}
.glossary-empty{margin:8px 0 0;padding:36px 20px;border:1px dashed var(--line);border-radius:16px;text-align:center;font-size:13px;color:var(--muted)}
.glossary-empty button{margin-left:7px;border:0;background:none;color:var(--ink);font-weight:650;text-decoration:underline;text-underline-offset:3px}
.glossary-top{padding:36px 0 0;text-align:right;font-size:11.5px;color:var(--muted)}
.glossary-top a:hover{text-decoration:underline}

/* The card grid is reused from the tools hub; only its top rhythm changes here. */
.glossary-tools-cta .tool-cards{margin-top:36px}
.glossary-tools-cta .section-heading>p{max-width:330px}

@media(max-width:1100px){
  .glossary-tools{padding:20px}
  .glossary-letter{grid-template-columns:56px minmax(0,1fr);gap:24px}
  .glossary-letter>h2{font-size:30px}
}
@media(max-width:820px){
  .glossary-intro{display:block}
  .glossary-kicker{display:block;margin-bottom:6px}
  .glossary-letter{grid-template-columns:1fr;gap:14px;padding-top:30px}
  .glossary-letter>h2{position:static;font-size:24px}
  .glossary-terms{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .glossary-tools{padding:16px;border-radius:18px}
  .glossary-search{min-height:48px;padding-left:14px}
  .glossary-search input{min-height:46px;font-size:16px}
  .glossary-clear{min-height:34px;padding:6px 11px}
  .glossary-meta{flex-direction:column;align-items:flex-start;gap:10px}
  .glossary-filters{gap:5px}
  .glossary-filters button{min-height:38px;padding:7px 11px;font-size:10.5px}
  .glossary-alpha a,.glossary-alpha span{width:28px;height:28px;font-size:10.5px}
  .glossary-terms{grid-template-columns:1fr;gap:9px}
  .glossary-term{padding:16px 17px;border-radius:14px}
  .term-top{flex-direction:column;align-items:flex-start;gap:5px}
  .term-def{font-size:12.5px}
  .glossary-top{text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .glossary-filters button,.glossary-term{transition:none}
}