/* Model detail: one reading column, with the examples using its full width. */
.docs-model-page .docs-shell { grid-template-columns: 220px minmax(0, 1fr); }
.docs-model-page .docs-main { max-width: 960px; }
.docs-model-page .docs-breadcrumb { margin-bottom: 30px; }
.docs-model-provider { display: flex; align-items: center; gap: 9px; color: #555865; font-size: 13px; font-weight: 550; }
.docs-model-provider img { width: 22px; height: 22px; object-fit: contain; }
.docs-model-intro h1 { max-width: none; margin-top: 12px; }
.docs-model-description { max-width: 700px; margin-top: 16px; color: #666977; font-size: 16px; line-height: 1.7; }
.docs-model-identifier { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; margin-top: 16px; color: #858895; font-size: 12px; }
.docs-model-identifier code { color: #555865; font: 400 12px/1.5 var(--mono); }
.docs-model-intro .docs-actions { margin-top: 22px; }

/* One column per fact, however many a model has. */
.docs-model-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
  margin-top: 32px;
  padding-block: 22px;
  border-top: 1px solid #e7e7ec;
}
.docs-model-summary > div { padding-inline: 22px; border-left: 1px solid #e7e7ec; }
.docs-model-summary > div:first-child { padding-left: 0; border-left: 0; }
.docs-model-summary dt { margin-bottom: 8px; color: #747784; font-size: 12px; }
.docs-model-summary dd { margin: 0; color: #292b36; font-size: 15px; font-weight: 550; line-height: 1.5; }
.docs-model-summary dd > span { font-size: 12px; font-weight: 400; color: #666977; }
.docs-model-summary small { display: block; margin-top: 4px; color: #747784; font-size: 11.5px; font-weight: 400; }

.docs-model-sections { display: flex; gap: 28px; border-bottom: 1px solid #e7e7ec; }
.docs-model-sections a { padding: 14px 0; color: #666977; font-size: 13px; font-weight: 500; }
.docs-model-sections a:hover { color: #3150bc; }
.docs-model-sections a:focus-visible { outline: 2px solid #3150bc; outline-offset: 3px; }
.docs-model-page .docs-model-usage { margin-top: 32px; }
.docs-model-usage .docs-inference-panel { margin-top: 22px; }
.docs-model-usage .docs-inference-panel .code-block pre { height: 480px; min-height: 0; }
.docs-model-usage .docs-inference-toolbar { min-height: 46px; }
.docs-model-usage .docs-code-tab { min-height: 32px; font-size: 12px; }
.docs-code-tab:focus-visible { outline: 2px solid #75beff; outline-offset: 1px; }
.docs-model-guides { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; margin-top: 18px; font-size: 13px; }
.docs-model-guides > span { color: #858895; }
.docs-model-page .docs-model-guides a { color: #3150bc; text-decoration: none; font-weight: 500; }
.docs-model-page .docs-model-guides a:hover { text-decoration: underline; }

.docs-model-specifications { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; margin-top: 20px; }
.docs-model-specifications > div { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding-block: 15px; border-top: 1px solid #e7e7ec; font-size: 13.5px; line-height: 1.6; }
.docs-model-specifications dt { color: #747784; }
.docs-model-specifications dd { margin: 0; color: #383b47; text-align: right; }

@media (max-width: 1180px) {
  .docs-model-page .docs-shell { grid-template-columns: 210px minmax(0, 1fr); }
  .docs-model-summary > div { padding-inline: 14px; }
}
@media (max-width: 960px) {
  .docs-model-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 22px; }
  .docs-model-summary > div:nth-child(odd) { padding-left: 0; border-left: 0; }
  .docs-model-specifications { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .docs-model-page .docs-breadcrumb { margin-bottom: 24px; }
  .docs-model-page .docs-model-intro h1 { font-size: clamp(1.8rem, 6.5vw, 2.35rem); text-wrap: initial; }
  .docs-model-description { font-size: 15px; }
  .docs-model-summary { margin-top: 26px; }
  .docs-model-sections { gap: 22px; }
  .docs-model-sections a { font-size: 12px; }
  .docs-model-usage .docs-inference-panel .code-block pre { height: 390px; padding: 16px; }
  .docs-model-usage .docs-inference-panel pre.has-line-numbers { column-gap: 16px; }
  .docs-model-guides > span { width: 100%; }
}