.glossary-intro{position:relative;overflow:hidden}
.glossary-intro::after{content:"";position:absolute;right:0;bottom:0;width:min(38vw,430px);height:210px;background:var(--c-coral);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}
.glossary-intro__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(210px,.7fr);align-items:end;gap:clamp(28px,5vw,72px)}
.glossary-intro h1{margin:16px 0 20px;color:var(--c-on-navy)}
.glossary-intro__lead{max-width:42em;margin:0;color:var(--c-on-navy);font-size:clamp(17px,2vw,21px);line-height:1.75}
.glossary-intro__note{max-width:52em;margin:24px 0 0;color:var(--c-on-navy-muted);line-height:1.8}
.glossary-intro__note strong{color:var(--c-yellow)}
.glossary-intro__index{display:grid;gap:14px;min-width:0;padding:24px;border:1px solid var(--c-on-navy-line);border-radius:var(--r-card);background:var(--c-navy-deep);color:var(--c-on-navy);box-shadow:var(--shadow-frame);font-family:var(--font-mono);font-size:13px}
.glossary-intro__index-label{color:var(--c-yellow);font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.12em}
.glossary-intro__index b{padding-inline:6px;color:var(--c-coral);font-weight:700}
.glossary-content{position:relative;z-index:5}
.glossary-content .toc{margin-block:12px}
.glossary-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.glossary-section-head h2{margin:10px 0 0}
.glossary-section-head>p{max-width:37em;margin:0;color:var(--c-muted);line-height:1.8}
.glossary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.glossary-grid .term-card{height:100%}
.glossary-grid .term-card__name{font-size:clamp(17px,1.5vw,20px)}
.glossary-grid .term-card p{line-height:1.8}
.glossary-rule-note{margin-top:0;margin-bottom:26px}
.glossary-rule-note code{font-size:13px}
.glossary-section-link{margin:28px 0 0;font-weight:700}
.glossary-section-link a{text-underline-offset:4px}
@media(max-width:960px){
  .glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .glossary-intro__inner{grid-template-columns:minmax(0,1fr)}
  .glossary-intro__index{max-width:450px}
}
@media(max-width:640px){
  .glossary-grid{grid-template-columns:minmax(0,1fr)}
  .glossary-section-head{display:block}
  .glossary-section-head>p{margin-top:14px}
  .glossary-intro::after{width:55vw;height:150px}
  .glossary-intro__index{padding:20px}
}