/* Model page — additive layer only. Inherits the site's tokens, type scale and
   section rhythm; adds no new colours or fonts. */

/* -- breadcrumb ---------------------------------------------------------- */
.model-crumb-band{padding:22px 0 0}
.model-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;
  font-size:13px;color:var(--color-muted);
  list-style:none;margin:0;padding:0}
.model-crumb a{color:var(--color-muted);text-decoration:none}
.model-crumb a:hover{color:var(--color-body);text-decoration:underline;text-underline-offset:3px}
.model-crumb span[aria-current]{color:var(--color-body)}

/* -- hero ---------------------------------------------------------------- */
.model-hero{padding-top:26px}
.model-hero__title{max-width:18ch;margin-bottom:16px}
.model-hero__lede{max-width:62ch}
.model-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:24px 0 16px}
.model-hero__id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:13px;color:var(--color-muted)}
.model-hero__ver{font-size:13px;color:var(--color-muted);font-variant-numeric:tabular-nums}
.model-hero__endpoint{display:inline-flex;margin:0 0 26px}

.model-status{display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:500;
  padding:5px 12px;border-radius:999px;border:1px solid}
.model-status__dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.model-status--ok{color:#167842;border-color:rgba(22,120,66,.28);background:rgba(22,120,66,.07)}
.model-status--dev{color:var(--color-muted);border-color:rgba(0,0,0,.14);background:rgba(0,0,0,.035)}

/* -- shared section rhythm ------------------------------------------------ */
.model-h2{margin-bottom:20px}
.model-h3{font-size:15px;font-weight:600;
  margin:30px 0 10px;color:var(--color-body)}
.model-body{max-width:62ch;margin:0;color:var(--color-body);line-height:1.6}
.model-caps{margin-top:8px}
.model-locked{margin-top:24px;max-width:620px}

/* -- scope --------------------------------------------------------------- */
.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:900px}
@media (max-width:760px){.scope-grid{grid-template-columns:1fr;gap:28px}}
.scope-col__label{font-size:12px;font-weight:500;
  letter-spacing:1.2px;text-transform:uppercase;color:var(--color-muted);margin-bottom:14px}
.scope-list{margin:0;padding:0;list-style:none}
.scope-list li{position:relative;padding-left:22px;margin-bottom:10px;line-height:1.5}
.scope-list li::before{position:absolute;left:0;top:-1px;font-weight:600;font-size:15px}
.scope-list--in li::before{content:"+";color:#167842}
.scope-list--out li::before{content:"–";color:var(--color-muted)}
.scope-list--out li{color:var(--color-muted)}

/* -- pager --------------------------------------------------------------- */
.model-pager-band{padding-top:0}
.model-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.model-pager{grid-template-columns:1fr}}
.model-pager__link{display:flex;flex-direction:column;gap:4px;padding:18px 20px;
  border:1px solid rgba(0,0,0,.10);border-radius:10px;text-decoration:none;
  color:var(--color-body);transition:border-color .15s ease,background .15s ease}
.model-pager__link:hover{border-color:rgba(0,0,0,.24);background:rgba(0,0,0,.02)}
.model-pager__link--next{text-align:right}
.model-pager__dir{font-size:12px;letter-spacing:1.2px;
  text-transform:uppercase;color:var(--color-muted)}
.model-pager__name{font-weight:500}
.model-pager__all{margin-top:20px}

/* alternating band — .section.surface-soft references an undefined variable */
.model-band{background:var(--color-card)}
.model-cta{border-top:1px solid var(--color-hairline)}