/* R20 Mathematical Atlas threshold collision repair
   Defect: the unbroken MATHEMATICAL title could paint outside the copy grid cell
   and collide with the astrolabe/loci at intermediate and desktop widths.
   Scope: threshold layout only. No Atlas content, instrument behavior, or visual
   language is redesigned. */

.atlas-v065 .atlas-threshold-copy{
  min-width:0;
  container-type:inline-size;
}

/* Full desktop: reserve a real typographic safe zone instead of relying on
   overflow. Keep the astrolabe monumental, but never beneath the title. */
@media (min-width:1260px){
  .atlas-v065 .atlas-threshold-shell{
    grid-template-columns:minmax(420px,.90fr) minmax(470px,1.08fr) minmax(250px,.66fr);
    gap:clamp(30px,2.6vw,48px);
  }
  .atlas-v065 .atlas-threshold-copy{
    max-width:440px;
    padding-right:28px;
  }
  .atlas-v065 .atlas-threshold h1{
    font-size:clamp(2.9rem,12cqw,3.6rem);
    line-height:.89;
    letter-spacing:-.022em;
    max-width:100%;
  }
  .atlas-v065 .atlas-wheel-frame{
    width:min(47vw,620px);
  }
}

/* Intermediate desktop / compact laptop: three columns are the cause of the
   collision. Use copy + astrolabe as the first architectural row and let the
   selected plate occupy a second row. */
@media (min-width:1081px) and (max-width:1259px){
  .atlas-v065 .atlas-threshold-shell{
    width:min(1180px,calc(100% - 42px));
    grid-template-columns:minmax(365px,.82fr) minmax(480px,1.18fr);
    grid-template-areas:
      "copy wheel"
      "feature feature";
    column-gap:clamp(28px,3vw,42px);
    row-gap:34px;
    align-items:center;
  }
  .atlas-v065 .atlas-threshold-copy{
    grid-area:copy;
    max-width:430px;
    padding-right:24px;
  }
  .atlas-v065 .atlas-monument{
    grid-area:wheel;
  }
  .atlas-v065 .featured-plate{
    grid-area:feature;
    width:min(760px,88%);
    justify-self:center;
  }
  .atlas-v065 .atlas-threshold h1{
    font-size:clamp(2.9rem,12cqw,3.45rem);
    line-height:.89;
    letter-spacing:-.022em;
    max-width:100%;
  }
  .atlas-v065 .atlas-wheel-frame{
    width:min(48vw,560px);
  }
}

/* Existing tablet layout remains, but the title is capped so it cannot invade
   the selected-plate column at the top of the range. */
@media (min-width:761px) and (max-width:1080px){
  .atlas-v065 .atlas-threshold h1{
    font-size:clamp(2.9rem,12cqw,3.45rem);
    line-height:.89;
    letter-spacing:-.022em;
  }
}

/* Phone behavior stays single-column. Preserve the earlier readability repair. */
@media (max-width:760px){
  .atlas-v065 .atlas-threshold h1{
    overflow-wrap:normal;
    word-break:normal;
  }
}