/* The glossaries (learn/table-talk/finance.html, poker.html), on top of /assets/site.css. Written pages come from
   tools/glossary.py; bump its STAMP when this file changes. */
header.page{padding:72px 0 24px;}
.kicker{font-family:var(--mono);font-size:12.5px;letter-spacing:5px;color:var(--gold);text-transform:uppercase;}
h1{font-family:var(--serif);font-size:clamp(30px,4vw,48px);font-weight:700;line-height:1.16;margin:14px 0 16px;}
h1 em{font-style:normal;color:var(--pink-neon);text-shadow:var(--glow-pink);}
p.lede{font-size:17px;color:var(--dim);max-width:660px;}
p.lede b{color:var(--cream);font-weight:500;}

.gloss{padding-bottom:72px;}
.tools{padding:18px 0 4px;}
.tools input{width:100%;max-width:520px;background:var(--card);border:1px solid var(--line);border-radius:100px;color:var(--cream);
  font:15px var(--sans);padding:11px 18px;}
.tools input::placeholder{color:var(--dim2);}
.tools input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-color:var(--cyan-deep);}
.chips{display:flex;flex-wrap:wrap;gap:9px;padding:18px 0 4px;}
.chip{font-family:var(--mono);font-size:12px;letter-spacing:1.3px;background:transparent;border:1px solid var(--line);color:var(--dim);
  padding:7px 13px;border-radius:100px;cursor:pointer;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s;}
.chip span{opacity:.55;margin-left:5px;}
.chip:hover{border-color:var(--gold);color:var(--cream);}
.chip:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;}
.chip.active{background:var(--gold);border-color:var(--gold);color:#140B0C;font-weight:700;box-shadow:var(--glow-gold);}
.chip.active span{opacity:.7;}
.count{font-family:var(--mono);font-size:12px;letter-spacing:1px;color:var(--dim2);min-height:20px;margin-top:10px;}
html:not(.js) .tools{display:none;}

.azbar{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0 6px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.azbar a{font-family:var(--mono);font-size:13px;color:var(--gold);min-width:30px;text-align:center;padding:5px 0;border-radius:6px;}
.azbar a:hover{color:var(--cyan-neon);background:var(--card);}

.grp{padding-top:40px;}
.grp h2,.az h2{font-family:var(--serif);font-size:clamp(22px,2.6vw,30px);font-weight:700;color:var(--cream);margin-bottom:6px;}
.gintro{color:var(--dim);max-width:720px;margin-bottom:18px;}
.terms{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;}
.term{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;scroll-margin-top:96px;
  transition:border-color .2s,box-shadow .2s;}
.term:target{border-color:var(--gold);box-shadow:var(--glow-gold);}
.term h3{font-family:var(--sans);font-size:18px;font-weight:700;line-height:1.3;}
.term h3 a{color:var(--gold-hi);}
.term h3 a:hover{color:var(--cyan-neon);}
.term .aka{font-family:var(--mono);font-size:12px;color:var(--dim2);margin-top:4px;line-height:1.5;}
.term .def{margin-top:10px;font-size:15px;}
.term .x{margin-top:10px;font-size:14px;color:var(--dim);}
.term .x .k{display:block;font-family:var(--mono);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:2px;}
.term .x-formula{font-family:var(--mono);font-size:13px;color:var(--cream);}
.term .x-lens .k{color:var(--pink-neon);}
.term .see{margin-top:12px;font-size:13px;color:var(--dim2);}
.term .see a{color:var(--cyan);}
.term .see a:hover{color:var(--cyan-neon);}
.term .see a.tag{font-family:var(--mono);font-size:12px;letter-spacing:1px;color:var(--dim);border:1px solid var(--line);
  border-radius:10px;padding:1px 8px;margin-right:8px;white-space:nowrap;}
.term .see a.tag:hover{color:var(--cream);border-color:var(--gold);}
.term .why{margin-top:8px;font-size:15px;color:var(--cream);font-weight:500;}
.term .why + .def{color:var(--dim);}

/* Desktop (Oki, 10 Oct 2026): two columns of compact cards, so many terms fit on a screen; each keeps its outline,
   with a pink-to-violet edge and a gold glow on hover or when linked. Phones keep the cards above. */
@media(min-width:721px){
  .terms{display:block;columns:2;column-gap:18px;}
  .term{position:relative;break-inside:avoid;margin:0 0 14px;padding:14px 18px 13px 20px;overflow:hidden;
    background:linear-gradient(180deg,var(--card2) 0%,var(--card) 70%);border:1px solid var(--line);border-radius:12px;}
  .term::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
    background:linear-gradient(180deg,var(--pink) 0%,var(--violet) 100%);opacity:.75;}
  .term:hover{border-color:var(--gold-line);box-shadow:0 0 0 1px var(--gold-line-soft),0 10px 30px -14px rgba(124,77,255,.45);}
  .term:target{border-color:var(--gold);box-shadow:var(--glow-gold);}
  .term:target::before{background:var(--gold);opacity:1;}
  .term .th{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;}
  .term h3{font-size:16.5px;}
  .term .aka{margin-top:0;}
  .term .why{margin-top:3px;font-size:14.5px;}
  .term .def{margin-top:3px;font-size:14.5px;line-height:1.55;}
  .term .x{margin-top:4px;font-size:13.5px;line-height:1.5;}
  .term .x .k{display:inline;margin:0 8px 0 0;}
  .term .x-formula,.term .x-example{padding-left:10px;border-left:2px solid var(--gold-deep);}
  .term .see{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);}
}

.none{margin-top:32px;color:var(--dim);}
.az{padding-top:56px;scroll-margin-top:80px;}
.azl{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);scroll-margin-top:96px;}
.azl h3{font-family:var(--serif);font-size:20px;color:var(--gold);line-height:1.4;}
.azl ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 18px;}
.azl a{color:var(--cream);font-size:15px;line-height:1.9;}
.azl a:hover{color:var(--cyan-neon);}

.callout{margin-top:44px;border-left:3px solid var(--pink);padding:12px 18px;background:rgba(255,62,154,.05);
  border-radius:0 8px 8px 0;color:var(--dim);font-size:15px;}
.callout b{color:var(--cream);font-weight:500;}

@media(max-width:720px){
  header.page{padding:44px 0 14px;}
  .terms{grid-template-columns:1fr;}  .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding:16px 18px 4px;}
  .chips::-webkit-scrollbar{display:none;}
  .chip{flex:0 0 auto;min-height:36px;}
  .term{padding:16px;}
  .azbar a{min-width:28px;}
}
@media(prefers-reduced-motion:reduce){.term,.chip{transition:none;}}