/* ============================================================
   CYMOTHOE · glossary.css
   Page-specific rules only — shared design system lives in common.css
   ============================================================ */
/* ---- category filter chips ---- */
/* ---- category badges (one per sheet) ---- */
.cat-badge--boats{background:rgba(31,194,194,.14);color:#0A6570}
.cat-badge--knots{background:rgba(224,169,78,.22);color:#8A5F1A}
.cat-badge--navigation{background:rgba(74,107,120,.14);color:var(--ink-dim)}
.cat-badge--safety{background:rgba(196,69,58,.14);color:var(--danger)}
.cat-badge--weather{background:rgba(31,194,194,.14);color:#0A6570}
.cat-badge--anchoring{background:rgba(224,169,78,.22);color:#8A5F1A}
/* ---- glossary entries ---- */
.gloss-list{display:flex;flex-direction:column;gap:1px;background:var(--bp-line-strong);border:1px solid var(--bp-line-strong);border-radius:var(--r);overflow:hidden}
.gloss-entry{background:#FFFFFF;padding:1rem 1.2rem}
.gloss-entry__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.4rem}
.gloss-entry__head h3{font-family:var(--font-display);letter-spacing:.02em;font-size:1.08rem;color:var(--navy)}
.gloss-entry p{color:var(--ink-dim);font-size:.92rem;max-width:70ch;margin-bottom:.5rem}
.gloss-entry__link{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:880px){
.gloss-entry__head{flex-direction:column;align-items:flex-start;gap:.3rem}
}