/* Reader-facing layout for the two View from Outside pages. */
.outside-page main { padding-top: clamp(2.5rem, 7vw, 5rem); }
.outside-page .hero h1 { max-width: 21ch; font-size: clamp(2.25rem, 6.5vw, 5.75rem); line-height: 1.04; text-wrap: balance; }
.outside-page .kicker, .outside-page .lang { font-size: .875rem; }
.outside-page .byline { margin-top: 1.25rem; }
.outside-page .claim { max-width: 46rem; margin-top: clamp(1.75rem, 4vw, 2.75rem); font-size: clamp(1.25rem, 2.5vw, 1.8rem); line-height: 1.4; }
.outside-page .content { margin-top: clamp(3rem, 7vw, 5rem); }
.outside-page h2 { font-size: .875rem; letter-spacing: .08em; }
.outside-page .method dt { font-size: .875rem; letter-spacing: .035em; }
.outside-page .paper-kicker, .outside-page .file span:last-child { font-size: .875rem; }
.outside-page .citation { font-family: var(--face); font-size: 1rem; line-height: 1.6; }
.outside-page .caption-line { margin: 0 0 1.5rem; padding: 0 0 0 1.1rem; border-left: 1px solid var(--fg); }
.outside-page .caption-line p { margin: 0; font-size: clamp(1.5rem, 3.2vw, 2.3rem); line-height: 1.25; letter-spacing: -.025em; }
.outside-page .caption-link { margin-bottom: 2rem; }
.outside-page .caption-steps { margin: 0 0 1.5rem; padding-left: 1.4rem; }
.outside-page .caption-steps li { padding: .8rem 0 .8rem .25rem; border-top: 1px solid var(--line); }
.outside-page .caption-steps li + li { margin-top: 0; }
.outside-page .caption-steps li:last-child { border-bottom: 1px solid var(--line); }
.outside-page .outside-details { min-width: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.outside-page .outside-details summary { padding: 1rem .2rem; min-height: 44px; cursor: pointer; font-size: 1rem; line-height: 1.5; }
.outside-page .formal-content { padding: 1.5rem 0; }
.outside-page .formal-content h3 { margin: 2rem 0 1rem; font-size: 1.1rem; line-height: 1.4; font-weight: 500; }
.outside-page .formal-content h3:first-child { margin-top: 0; }
.outside-page .formal-content .formula { white-space: normal; overflow-wrap: anywhere; font-size: 1rem; }
.outside-page .notation { display: grid; gap: .8rem; margin: 0; }
.outside-page .notation > div { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: 1rem; }
.outside-page .notation dt { font: 400 1rem/1.6 ui-monospace, monospace; }
.outside-page .notation dd { margin: 0; font-size: 1rem; line-height: 1.6; }
.outside-page :is(section, details)[id] { scroll-margin-top: 1.5rem; }
@media (max-width: 720px) {
  .outside-page .hero .actions { display: flex; flex-wrap: wrap; }
  .outside-page .hero .button { flex: 1 1 12rem; width: auto; min-width: 0; }
  .outside-page .notation > div { grid-template-columns: 4rem minmax(0, 1fr); gap: .7rem; }
}
@media print {
  .outside-page .outside-details::details-content { content-visibility: visible; }
}