/* Model answer first v1: source-verified summary comes BEFORE dense evidence.
   This supplementary stylesheet affects only canonical model pages. */
.model-detail-page .model-answer-first.model-intelligence{
  padding:clamp(26px,3.8vw,46px) clamp(20px,3.1vw,38px) clamp(12px,2vw,24px);
  margin:24px auto 28px;
  border:1px solid #d9e6df;
  border-radius:20px;
  background:linear-gradient(135deg,#f5f9f7,#fff 48%,#f8fbff);
  scroll-margin-top:112px
}
.model-detail-page .model-answer-first .model-intelligence-header{
  padding:0 0 18px;
  align-items:flex-start;
  gap:26px
}
.model-detail-page .model-answer-first .model-intelligence-header h2{
  font-size:clamp(27px,3.15vw,40px);line-height:1.18;
  letter-spacing:-.04em;max-width:900px;overflow-wrap:anywhere
}
.model-detail-page .model-answer-first .model-story-layout{
  display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.65fr);
  gap:clamp(24px,3.3vw,48px);padding:24px 0 14px
}
.model-detail-page .model-answer-first .model-story-copy{
  max-width:76ch;min-width:0
}
.model-detail-page .model-answer-first .model-story-copy p{
  font-size:clamp(17px,1.55vw,19px);
  line-height:1.77;letter-spacing:-.006em;color:#33463d;
  margin:0 0 18px
}
.model-detail-page .model-answer-first .model-story-copy p:first-child{
  color:#152e24;font-weight:510
}
.model-detail-page .model-answer-first .model-evidence-summary{
  align-self:start;min-width:0
}
.model-detail-page .model-answer-first .model-inline-sources a{
  display:inline-flex;align-items:center;min-height:38px;
  font-size:14px;line-height:1.5
}
.model-detail-page .model-intelligence:not(.model-answer-first){
  padding-top:38px
}
.model-detail-page .model-article-nav a[href="#overview"]{
  font-weight:800;color:#174f36;border-color:#abc8b4;
  background:#eff6f0
}
@media(max-width:980px){
  .model-detail-page .model-answer-first .model-story-layout{
    grid-template-columns:minmax(0,1fr);gap:18px
  }
  .model-detail-page .model-answer-first .model-evidence-summary{
    max-width:640px
  }
}
@media(max-width:700px){
  .model-detail-page .model-answer-first.model-intelligence{
    border-radius:15px;margin:17px auto 24px;padding:23px 17px
  }
  .model-detail-page .model-answer-first .model-intelligence-header{
    flex-direction:column;gap:10px
  }
  .model-detail-page .model-answer-first .model-intelligence-header h2{
    font-size:clamp(25px,7vw,31px)
  }
  .model-detail-page .model-answer-first .model-story-layout{padding-top:15px}
  .model-detail-page .model-answer-first .model-story-copy p{font-size:17px;line-height:1.76}
}

/* One consistent narrative progression: understand → use → verify → raw fields. */
.model-detail-page .model-reading-nav{
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;
  max-width:1180px;margin:28px auto 18px;padding:20px 0;
  border-block:1px solid #dae5dd;position:relative;top:auto;
  background:transparent;overflow:visible
}
.model-detail-page .model-reading-nav-label{
  flex-basis:100%;font-size:13px;line-height:1.5;
  letter-spacing:.1em;font-weight:850;color:#496759
}
.model-detail-page .model-reading-nav a{
  font-size:15px;line-height:1.4;min-height:43px;
  padding:9px 15px;border:1px solid #ccdcd0;
  background:#fff;border-radius:999px;
  font-weight:700;color:#214a35;
  text-decoration:none
}
.model-detail-page .model-reading-nav a:hover,
.model-detail-page .model-reading-nav a:focus-visible{
  border-color:#648c73;background:#eef7f0
}
.model-detail-page .model-technical-heading,
.model-detail-page .model-reading-section-head,
.model-detail-page .model-raw-record-intro{
  max-width:1180px;margin:0 auto 26px
}
.model-detail-page .model-technical-heading{
  padding:28px 0 24px;border-top:1px solid #dce5df
}
.model-detail-page .model-technical-heading h2,
.model-detail-page .model-reading-section-head h2,
.model-detail-page .model-raw-record-intro h2{
  font-size:clamp(25px,2.7vw,34px);
  letter-spacing:-.035em;line-height:1.22;
  max-width:850px;overflow-wrap:anywhere
}
.model-detail-page .model-technical-heading p:last-child,
.model-detail-page .model-reading-section-head p:last-child,
.model-detail-page .model-raw-record-intro p:last-child{
  font-size:16px;line-height:1.7;color:#526359;
  max-width:78ch;margin:14px 0 0
}
.model-detail-page .model-review-evidence{
  margin:56px auto 38px;padding:36px 0 22px;
  border-top:2px solid #dae4dc
}
.model-detail-page .model-review-evidence .trust-strip{
  width:100%;max-width:1180px;min-width:0;margin:0 auto 26px
}
.model-detail-page .model-review-evidence :is(.model-freshness,.model-resilience){
  max-width:1180px;margin:0 auto 24px
}
.model-detail-page .model-raw-record-intro{
  padding:36px 0 13px;border-top:2px solid #dce5e3
}
@media(max-width:700px){
  .model-detail-page .model-reading-nav{gap:9px;margin-top:23px}
  .model-detail-page .model-reading-nav a{font-size:14px;min-height:44px}
  .model-detail-page .model-review-evidence{margin:32px auto 23px;padding-top:28px}
  .model-detail-page .model-technical-heading{padding:22px 0}
}


/* Model card legibility v2 · 2026-10-25. The same verified HTML is rendered for
   all 760 existing/future models; fix visual hierarchy without changing facts. */
.model-detail-page .model-head .breadcrumbs{
  font-size:15px;line-height:1.6
}
.model-detail-page .model-title>.eyebrow{
  font-size:14px;line-height:1.55;letter-spacing:.095em
}
.model-detail-page .model-title>.lead{
  font-size:clamp(18px,1.65vw,20px);line-height:1.7;
  max-width:65ch;margin-top:24px
}
.model-detail-page .model-curation-note{
  display:grid;grid-template-columns:max-content minmax(0,1fr);
  align-items:start;gap:8px 12px;
  max-width:76ch;margin:23px 0 5px;padding:15px 17px;
  background:#f2f6fc;border:1px solid #d9e5f8;border-radius:13px;
  font-size:16px;line-height:1.65;color:#35465b
}
.model-detail-page .model-curation-note>span:not(.curation-badge){
  font-size:16px;line-height:1.65;overflow-wrap:break-word
}
.model-detail-page .model-curation-note .curation-badge{
  min-height:27px;padding:5px 10px;font-size:12px;line-height:1.25
}
.model-detail-page .model-curation-note>a{
  grid-column:2;font-size:14px;line-height:1.55;
  min-height:29px;display:inline-flex;align-items:center;justify-self:start
}
.model-detail-page .model-title .hero-actions{
  gap:10px;margin-top:27px
}
.model-detail-page .model-title .hero-actions :is(.button,.pill){
  font-size:14px;line-height:1.4;min-height:46px;
  padding:10px 16px;border-radius:999px;
  white-space:normal;overflow-wrap:break-word
}
.model-detail-page .model-snapshot{
  min-width:0;overflow:hidden
}
.model-detail-page .snapshot-kicker{padding:19px 22px 17px;gap:12px}
.model-detail-page .snapshot-kicker>span{
  font-size:12px;line-height:1.45;letter-spacing:.095em
}
.model-detail-page .snapshot-provider{min-width:0;overflow-wrap:break-word}
.model-detail-page .snapshot-provider strong{
  font-size:14px;line-height:1.45;overflow-wrap:break-word
}
/* Use two legible, compact label/value rows instead of a narrow 50/50 grid.
   Previously values such as 5.05826B broke after the decimal digits. */
.model-detail-page .snapshot-primary{
  display:grid;grid-template-columns:minmax(0,1fr);
  gap:0;padding:7px 22px
}
.model-detail-page .snapshot-primary>div{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:15px 0;min-width:0
}
.model-detail-page .snapshot-primary>div+div{
  padding:15px 0;border-left:0;border-top:1px solid #e2e8e4
}
.model-detail-page .snapshot-primary>div>span{
  font-size:13px;line-height:1.55;letter-spacing:.07em;
  font-weight:800;margin:0;flex:0 1 auto
}
.model-detail-page .snapshot-primary>div>strong,
.model-detail-page .snapshot-primary>div:nth-child(2)>strong{
  display:inline-flex;align-items:baseline;justify-content:flex-end;
  flex:0 1 auto;gap:6px;min-width:0;
  font-size:clamp(24px,2.1vw,31px);
  font-variant-numeric:tabular-nums;letter-spacing:-.04em;
  line-height:1.2;text-align:right;
  white-space:nowrap;word-break:normal;overflow-wrap:normal
}
.model-detail-page .snapshot-context strong b{
  font:inherit;line-height:inherit;letter-spacing:inherit;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;word-break:normal;overflow-wrap:normal
}
.model-detail-page .snapshot-context strong em{
  font-size:14px;line-height:1.4;
  font-style:normal;font-weight:680;letter-spacing:0;
  white-space:nowrap
}
.model-detail-page .snapshot-details{padding:0 22px}
.model-detail-page .snapshot-details>div{gap:12px;padding:13px 0;align-items:baseline}
.model-detail-page .snapshot-details dt{
  font-size:14px;line-height:1.5;color:#4d5b55
}
.model-detail-page .snapshot-details dd{
  font-size:15px;line-height:1.5;font-weight:730;
  overflow-wrap:anywhere;min-width:0
}
.model-detail-page .snapshot-status{
  font-size:14px;line-height:1.5;padding:15px 22px
}
.model-detail-page .model-answer-first .model-intel-stamp{
  font-size:13px;line-height:1.55
}
.model-detail-page .model-answer-first .model-evidence-summary{
  padding:22px 24px
}
.model-detail-page .model-answer-first .evidence-summary-head span{
  font-size:13px;line-height:1.45
}
.model-detail-page .model-answer-first .evidence-summary-head strong{
  font-size:15px;line-height:1.45
}
.model-detail-page .model-answer-first .evidence-summary-list span,
.model-detail-page .model-answer-first .evidence-summary-list strong{
  font-size:14px;line-height:1.5
}
.model-detail-page .model-answer-first .evidence-summary-meta,
.model-detail-page .model-answer-first .evidence-summary-meta strong{
  font-size:13px;line-height:1.5
}
.model-detail-page .model-answer-first .evidence-summary-link{
  font-size:14px;line-height:1.5;min-height:35px;align-items:center
}
@media(max-width:600px){
  .model-detail-page .model-title>.lead{font-size:18px;line-height:1.7}
  .model-detail-page .model-curation-note{
    grid-template-columns:minmax(0,1fr);gap:9px;padding:15px
  }
  .model-detail-page .model-curation-note .curation-badge{justify-self:start}
  .model-detail-page .model-curation-note>a{grid-column:1}
  .model-detail-page .model-title .hero-actions :is(.button,.pill){
    font-size:14px;min-height:46px;padding:10px 12px
  }
  .model-detail-page .snapshot-primary>div{
    flex-wrap:wrap;align-items:baseline;gap:7px 12px
  }
  .model-detail-page .snapshot-primary>div>strong{
    font-size:clamp(24px,6vw,30px)
  }
}
@media(max-width:360px){
  .model-detail-page .snapshot-primary>div{
    flex-direction:column;align-items:flex-start
  }
  .model-detail-page .snapshot-primary>div>strong,
  .model-detail-page .snapshot-primary>div:nth-child(2)>strong{
    justify-content:flex-start;text-align:left
  }
}