.glossary .eyebrow { color: #5b6e7f; font-size: 12px; letter-spacing: 1.8px; }
.glossary h1 { font-size: 36px; line-height: 1.35; margin: 10px 0; }
.glossary .lead { font-size: 18px; }
.glossary .scope { font-size: 14px; color: #5b6e7f; }
.glossary .toolbar { background: #fff; padding: 24px; border: 1px solid #e7e7e7; border-top: 3px solid #e81a3b; margin-top: 24px; }
.glossary label { font-size: 14px; font-weight: bold; }
.glossary input { display: block; width: 100%; margin: 8px 0 16px; }
.glossary input, .glossary select, .glossary button { font: inherit; border: 1px solid #aab6c0; border-radius: 4px; padding: 10px 12px; min-height: 44px; background: white; color: #404040; }
.glossary .filters { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.glossary button { cursor: pointer; color: #0062b8; }
.glossary #status { font-size: 13px; color: #5b6e7f; margin: 14px 0 0; }
.glossary .layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 32px; background: white; padding: 28px; margin-top: 24px; border: 1px solid #e7e7e7; border-radius: 6px; }
.glossary aside { min-width: 0; }
.glossary aside > details { position: sticky; top: calc(var(--header, 80px) + 12px); }
.glossary summary { cursor: pointer; padding: 9px 0; font-size: 14px; }
.glossary aside summary { font-weight: bold; }
.glossary #term-index { max-height: 65vh; overflow: auto; padding-right: 8px; }
.glossary #term-index a { display: block; font-size: 14px; padding: 8px 10px; text-decoration: none; border-bottom: 1px solid #e7e7e7; }
.glossary #term-index a[aria-current] { background: #eaf2fa; border-left: 3px solid #0062b8; }
.glossary article { padding: 24px 0 30px; border-bottom: 1px solid #ddd; scroll-margin-top: calc(var(--header, 80px) + 16px); }
.glossary article:first-of-type { padding-top: 0; }
.glossary article:target { outline: 2px solid #0062b8; outline-offset: 10px; }
.glossary .termhead { display: flex; justify-content: space-between; gap: 16px; }
.glossary .category { font-size: 12px; color: #5b6e7f; }
.glossary h2 { font-size: 24px; margin: 4px 0; line-height: 1.45; }
.glossary .english { font-size: 14px; color: #5b6e7f; margin: 0; }
.glossary .permalink { font-size: 24px; padding: 4px 12px; text-decoration: none; }
.glossary .meaning { font-size: 17px; margin: 18px 0 12px; }
.glossary .caution { font-size: 14px; background: #f5f7f9; border-left: 3px solid #bac8d3; padding: 12px 16px; }
.glossary .caution strong { display: block; margin-bottom: 4px; }
.glossary .faq-links { display: grid; gap: 7px; font-size: 14px; }
.glossary .faq-links span { font-size: 12px; color: #5b6e7f; }
.glossary article details { font-size: 13px; margin-top: 16px; }
.glossary .glossary-foot { margin-top: 30px; padding: 20px 0; border-top: 1px solid #ddd; font-size: 12px; color: #5b6e7f; }
.type-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.type-filters button { min-height: 44px; border: 1px solid #aab6c0; background: #fff; color: #404040; border-radius: 4px; padding: 8px 12px; }
.type-filters button[aria-pressed="true"] { background: #eaf2fa; color: #0062b8; }
.type-badge { display: inline-block; font-size: 12px; color: #5b6e7f; margin-bottom: 4px; }
.public-site .term-card .question {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 8px;
}
.public-site .term-card .question small {
  font-weight: normal;
  word-break: normal;
  overflow-wrap: normal;
}
.match-reason { font-size: 13px; color: #5b6e7f; }
.term-links { display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 14px; }
.clause-quote, .clause-summary { margin: 12px 0; }
.clause-quote span, .clause-summary span { display: block; font-size: 12px; color: #5b6e7f; margin-bottom: 4px; }
.clause-quote { margin-left: 0; padding-left: 12px; border-left: 3px solid #e7e7e7; }
.clause-quote p, .clause-summary li, .clause-note, .clause-edition { font-size: 16px; line-height: 1.7; }
.clause-summary ul { margin: 0; padding-left: 1.2em; }
.clause-edition { color: #5b6e7f; font-size: 14px; }
.clause-links { display: flex; flex-direction: column; gap: 6px; margin: 12px 0; font-size: 14px; }
#suggest-form textarea { width: 100%; min-height: 88px; font: inherit; }
.related-terms { margin-top: 28px; padding-top: 8px; border-top: 1px solid #e7e7e7; }
.related-terms h2 { font-size: 18px; margin: 12px 0; }
.related-terms ul { margin: 0; padding-left: 1.2em; }
.related-terms li { margin: 6px 0; }
@media (max-width: 700px) {
  .glossary h1 { font-size: 28px; }
  .glossary .toolbar { padding: 18px; }
  .glossary .layout { grid-template-columns: 1fr; padding: 20px; gap: 20px; }
  .glossary #term-index { max-height: 200px; }
  .glossary aside { border-bottom: 1px solid #ddd; padding-bottom: 12px; }
  .glossary h2 { font-size: 22px; }
  .glossary .filters select { max-width: 100%; }
}
@media print {
  .glossary aside, .glossary .toolbar { display: none; }
  .glossary .layout { display: block; }
  .glossary article[hidden] { display: block !important; }
}