/* page-glossar: layout only, theme tokens only (no new colour/font/radius/shadow/motion). Plan: plans/glossar.plan.md */

/* ---- shared term markup: article.gterm > h3.gterm__t + div.gterm__d (1st p = definition, 2nd p.gterm__ex = labelled line) ---- */
.gl-terms{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem}
.gl-terms .gterm__t{font-size:var(--fs-h3);line-height:1.2}
.gl-terms .gterm__d p{margin:0}
.gl-terms .gterm__d .gterm__ex strong{display:block;margin-bottom:.15rem;font:800 .95rem/1.25 var(--f-head);color:var(--t-eb)}

/* ---- index (begriffs-index) ---- */
.gl-notice{margin-bottom:clamp(1.4rem,3vw,2.2rem)}
.gl-index{gap:1.3rem}
.gl-igroup{padding:1.4rem 1.5rem 1.6rem;gap:1.1rem}
.gl-igroup__h{display:flex;align-items:center;gap:.9rem}
.gl-igroup__h .icard__t{font-size:1.3rem}
.gl-igroup__n{margin:0;font-size:1rem;color:var(--t-muted)}
.gl-igroup .chips{gap:.5rem}

/* ---- group 1: cards + photo head ---- */
.gl-head{margin-bottom:clamp(2rem,4.5vw,3.4rem)}
.gl-terms--cards .gterm{display:flex;flex-direction:column;padding:1.4rem 1.45rem 1.5rem;background:var(--t-card);border:1px solid var(--t-card-line);border-radius:var(--r)}
.gl-terms--cards .gterm__t{position:relative;margin:0 0 .8rem;padding-bottom:.7rem}
.gl-terms--cards .gterm__t::after{content:"";position:absolute;left:0;bottom:0;width:2.6rem;height:4px;border-radius:4px;background:var(--accent)}
.gl-terms--cards .gterm__d{display:flex;flex-direction:column;flex:1}
.gl-terms--cards .gterm__d>p:first-child{margin-bottom:1rem}
.gl-terms--cards .gterm__d .gterm__ex{margin-top:auto;padding-top:1rem;border-top:1px solid var(--t-card-line)}

/* ---- group 2: rows, definition left / call note right ---- */
.gl-terms--rows{gap:0}
.gl-terms--rows .gterm{padding-block:1.6rem;border-top:1px solid var(--line)}
.gl-terms--rows .gterm:last-child{border-bottom:1px solid var(--line)}
.gl-terms--rows .gterm__t{margin:0 0 .5rem}
.gl-terms--rows .gterm__d .gterm__ex{margin-top:.9rem;padding:1rem 1.15rem;border-radius:var(--r);background:var(--accent-100);color:var(--ink)}

/* ---- group 3: cards with a dark "Grenze" foot ---- */
.gl-terms--limits .gterm{display:flex;flex-direction:column;background:var(--t-card);border:1px solid var(--t-card-line);border-radius:var(--r);overflow:hidden}
.gl-terms--limits .gterm__t{margin:0;padding:1.4rem 1.45rem .6rem}
.gl-terms--limits .gterm__d{display:flex;flex-direction:column;flex:1}
.gl-terms--limits .gterm__d>p:first-child{padding-inline:1.45rem;margin-bottom:1.2rem}
.gl-terms--limits .gterm__d .gterm__ex{margin-top:auto;padding:1.1rem 1.45rem 1.3rem;background:var(--brand);color:var(--d-text);--t-eb:var(--accent);--t-link:var(--accent)}

/* ---- group 4: dictionary ledger ---- */
.gl-terms--ledger{gap:0}
.gl-terms--ledger .gterm{padding-block:1.5rem;border-top:1px solid var(--line)}
.gl-terms--ledger .gterm:last-child{border-bottom:1px solid var(--line)}
.gl-terms--ledger .gterm__t{margin:0 0 .5rem}
.gl-terms--ledger .gterm__d .gterm__ex{margin-top:.8rem;color:var(--muted)}

/* ---- mix-ups (three contrast pairs) ---- */
.gl-mixes{display:grid;gap:clamp(2.2rem,4.5vw,3.4rem)}
.gl-mix__q{margin:0 0 1.3rem;font-size:var(--fs-h3)}
.gl-mix__note{margin:1.1rem 0 0;font-size:1.0625rem;max-width:44rem}
.gl-mix .pair__t{font-size:1.3rem}
.gl-after{margin-top:clamp(1.8rem,4vw,2.8rem)}

@media (min-width:600px) and (max-width:999px){
  .cards.gl-router .pcard:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - .65rem)}
}
@media (min-width:700px){
  .gl-terms--cards,.gl-terms--limits{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}
}
@supports (grid-template-rows:subgrid){
  /* equal "Grenze" feet: title / definition / limit line share row tracks across a row of cards */
  @media (min-width:700px){
    .gl-terms--limits{row-gap:0;margin-bottom:-1.3rem}
    .gl-terms--limits .gterm{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;margin-bottom:1.3rem}
    .gl-terms--limits .gterm__d{display:contents}
    .gl-terms--limits .gterm__t{grid-row:1}
    .gl-terms--limits .gterm__d>p:first-child{grid-row:2}
    .gl-terms--limits .gterm__d .gterm__ex{grid-row:3;margin-top:0}
  }
}
@media (min-width:900px){
  .gl-terms--rows .gterm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:3.2rem;align-items:start}
  .gl-terms--rows .gterm__t{grid-column:1;grid-row:1}
  .gl-terms--rows .gterm__d{display:contents}
  .gl-terms--rows .gterm__d>p:first-child{grid-column:1;grid-row:2}
  .gl-terms--rows .gterm__d .gterm__ex{grid-column:2;grid-row:1/span 2;margin:0}
  .gl-terms--ledger .gterm{display:grid;grid-template-columns:minmax(12rem,18rem) minmax(0,1fr);column-gap:3rem;align-items:start}
  .gl-terms--ledger .gterm__t{margin:0;font-size:1.35rem}
}
@media (min-width:1000px){
  .gl-terms--limits{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cards.gl-router{grid-template-columns:repeat(6,minmax(0,1fr))}
  .cards.gl-router .pcard{grid-column:span 2}
  .cards.gl-router .pcard:nth-child(4){grid-column:2/span 2}
}