/* Large desktop reading surfaces. Ordinary desktop and mobile layouts stay in
   their existing stylesheets; long-form copy keeps an intentional line length. */
@media screen and (min-width: 1800px) and (min-height: 800px) {
  body:is(.journal-index, .journal-article) > main,
  body.resource-page > main.legacy-resource {
    width: min(var(--wide-content), calc(100% - 160px));
    max-width: none;
    margin-inline: auto;
    padding-inline: 0;
    padding-top: clamp(160px, 6.4vw, 240px);
    padding-bottom: clamp(120px, 5vw, 190px);
  }

  body.journal-index .journal-hero .content {
    padding-inline: var(--wide-edge);
    padding-bottom: clamp(132px, 5.8vw, 220px);
  }
  body.journal-index .journal-hero h1,
  body.journal-index .blog-title {
    font-size: var(--wide-title);
    max-width: 19em;
  }
  body.journal-index .journal-hero .lead,
  body.journal-index :is(.journal-description, .hub__intro) {
    font-size: var(--wide-body);
    max-width: 42em;
  }
  body.journal-index .journal-hero + main {
    padding-top: clamp(100px, 4.8vw, 180px);
  }
  body:is(.journal-index, .journal-article) :is(.eyebrow, .hub__eyebrow, .back-link, .article-head__pillar) {
    font-size: var(--wide-small);
  }
  body:is(.journal-index, .journal-article) .cat__list {
    gap: 10px clamp(26px, 1.2vw, 46px);
  }
  body:is(.journal-index, .journal-article) .cat__item {
    min-height: clamp(64px, 2.6vw, 92px);
    font-size: var(--wide-small);
  }
  body:is(.journal-index, .journal-article) .cat__count {
    font-size: clamp(12px, .42vw, 16px);
  }
  body.journal-index .index-toolbar {
    padding-block: clamp(26px, 1.2vw, 44px);
  }
  body.journal-index .index-toolbar :is(p, input) {
    font-size: var(--wide-small);
  }
  body.journal-index .index-toolbar input {
    width: clamp(320px, 14vw, 500px);
    min-height: 56px;
  }
  body.journal-index .post-card {
    grid-template-columns: clamp(170px, 7.2vw, 270px) minmax(0, 1fr) 32px;
    gap: 22px clamp(42px, 2vw, 76px);
    padding-block: clamp(48px, 2.3vw, 88px);
  }
  body.journal-index .post-card__pillar {
    font-size: var(--wide-small);
  }
  body.journal-index .post-card__date {
    font-size: clamp(13px, .45vw, 17px);
  }
  body.journal-index .post-card__title {
    font-size: clamp(32px, 1.55vw, 56px);
    max-width: 28em;
    line-height: 1.45;
  }
  body.journal-index .post-card__desc {
    font-size: var(--wide-body);
    max-width: 46em;
    line-height: 1.85;
  }
  body.journal-index .post-card::after {
    font-size: clamp(26px, 1vw, 36px);
  }
  body.journal-index .insights-pagination a {
    min-width: 52px;
    min-height: 52px;
    font-size: var(--wide-small);
  }

  /* The wider page carries navigation, while the article remains a reading column. */
  body.journal-article .blog-layout--article {
    --article-column: clamp(800px, 34vw, 1100px);
    grid-template-columns: minmax(0, var(--article-column)) clamp(240px, 10vw, 360px);
    gap: clamp(56px, 2.6vw, 96px) clamp(64px, 3.6vw, 140px);
    justify-content: center;
  }
  body.journal-article .article-head__title {
    font-size: clamp(46px, 2.25vw, 78px);
    line-height: 1.4;
  }
  body.journal-article :is(.article-head__desc, .prose) {
    font-size: var(--wide-body);
    line-height: 1.95;
  }
  body.journal-article .article-head__desc {
    margin-block: clamp(30px, 1.4vw, 50px);
  }
  body.journal-article .article-head__meta {
    gap: 12px 28px;
    padding-block: clamp(24px, 1.2vw, 44px);
    font-size: var(--wide-small);
  }
  body.journal-article .prose h2 {
    font-size: clamp(32px, 1.5vw, 52px);
    margin-top: clamp(64px, 3vw, 110px);
    margin-bottom: 1em;
  }
  body.journal-article .prose h3 {
    font-size: clamp(26px, 1.1vw, 38px);
    margin-top: 2em;
  }
  body.journal-article .prose :is(p, ul, ol) {
    margin-block: 1.3em;
  }
  body.journal-article .prose :is(blockquote, .callout) {
    padding: clamp(26px, 1.2vw, 44px);
    margin-block: 2em;
  }
  body.journal-article :is(.prose figcaption, .callout__label, .clause, .source-table table, .prose table, .prose pre) {
    font-size: var(--wide-small);
  }
  body.journal-article .source-table h2 {
    font-size: clamp(28px, 1.2vw, 42px);
  }
  body.journal-article .toc {
    top: calc(var(--header-height, 100px) + 40px);
    max-height: calc(100dvh - var(--header-height, 100px) - 80px);
    padding-left: clamp(24px, 1.2vw, 44px);
  }
  body.journal-article :is(.toc__title, .toc__item a) {
    font-size: var(--wide-small);
  }
  body.journal-article .toc__item a {
    padding-block: 10px;
  }
  body.journal-article .article-inquiry h2 {
    font-size: clamp(36px, 1.7vw, 60px);
  }
  body.journal-article .article-inquiry > p:not(.eyebrow) {
    font-size: var(--wide-body);
  }
  body.journal-article .action-link {
    width: clamp(250px, 10vw, 360px);
    min-height: clamp(64px, 2.5vw, 88px);
    height: auto;
    font-size: var(--wide-small);
  }

  /* Introduction: scale the two-column sheet and its interactive process together. */
  body.intro-page > main.legacy-intro {
    --pad: clamp(52px, 2.8vw, 100px);
    padding: clamp(150px, 6.5vw, 240px) var(--wide-edge) clamp(80px, 4vw, 150px);
    font-size: var(--wide-body);
  }
  body.intro-page .legacy-intro .sheet {
    width: 100%;
    max-width: none;
  }
  body.intro-page .legacy-intro .hero {
    padding-top: clamp(56px, 2.8vw, 100px);
  }
  body.intro-page .legacy-intro .hero h1 {
    font-size: var(--wide-title);
    line-height: 1.3;
  }
  body.intro-page .legacy-intro .grid {
    gap: clamp(44px, 3vw, 110px);
    padding: clamp(44px, 2.2vw, 80px) var(--pad);
  }
  body.intro-page .legacy-intro :is(.lede, .salute, .grid .lead-p, .step__d, .expert) {
    font-size: var(--wide-body);
    line-height: 1.8;
  }
  body.intro-page .legacy-intro .cta__body {
    font-size: var(--wide-body) !important;
    line-height: 1.8;
  }
  body.intro-page .legacy-intro :is(.eyebrow, .cta__eyebrow, .cta__alt, .pull__en, .stage__label, .stage__msg, .chip, .cap__s, .tags i, .lc__hint, .step__pick, .foot__desc, .sig__n small, .sig__c, .sig__w, .act, .bar) {
    font-size: var(--wide-small);
  }
  body.intro-page .legacy-intro :is(.pull__kr, .step__t, .cap__t, .cap--end .cap__t) {
    font-size: clamp(24px, 1.2vw, 42px);
    line-height: 1.45;
  }
  body.intro-page .legacy-intro :is(.cta, .lc) {
    padding: clamp(28px, 1.6vw, 58px);
  }
  body.intro-page .legacy-intro :is(.step, .cap) {
    grid-template-columns: clamp(48px, 2.2vw, 78px) minmax(0, 1fr);
  }
  body.intro-page .legacy-intro .step__num {
    font-size: clamp(34px, 1.5vw, 54px);
  }
  body.intro-page .legacy-intro .step__body {
    padding-bottom: clamp(26px, 1.6vw, 56px);
  }
  body.intro-page .legacy-intro .btn {
    font-size: var(--wide-small);
    min-height: clamp(64px, 2.8vw, 88px);
  }
  body.intro-page .legacy-intro .expert p {
    max-width: 60em;
  }
  body.intro-page .legacy-intro .foot__desc {
    max-width: 48em;
  }
  body.intro-page .legacy-intro :is(.foot__brand, .sig__n) {
    font-size: clamp(20px, .9vw, 30px);
  }

  /* Contact fields follow the larger text, with a practical maximum form width. */
  body .contact-page .contact {
    width: min(var(--wide-content), calc(100% - 160px));
    max-width: none;
    grid-template-columns: minmax(0, 1fr) minmax(0, .85fr);
    gap: clamp(80px, 5vw, 190px);
    padding: clamp(100px, 5vw, 190px) 0;
  }
  body .contact-page .contact-title {
    font-size: clamp(52px, 2.65vw, 94px);
  }
  body .contact-page .contact .lead,
  body .contact-page .email {
    font-size: var(--wide-body);
  }
  body .contact-page .contact form {
    max-width: 940px;
    justify-self: end;
  }
  body .contact-page .contact form .button {
    width: 100%;
  }
  body .contact-page :is(label, .form-privacy-link, #status) {
    font-size: var(--wide-small);
  }
  body .contact-page :is(input:not([type="checkbox"]), select, textarea) {
    font-size: var(--wide-body);
    min-height: clamp(60px, 2.7vw, 88px);
    padding: 18px 20px;
  }
  body .contact-page textarea {
    min-height: 10em;
  }
  body .contact-page .contact form small,
  body .contact-page .required {
    font-size: clamp(13px, .45vw, 17px);
  }

  /* Privacy text is kept close to the article measure, including its definition list. */
  body.privacy-page > main.privacy-content {
    width: min(44em, calc(100% - 160px));
    max-width: 1120px;
    padding: clamp(160px, 7vw, 260px) 0 clamp(100px, 5vw, 190px);
    font-size: var(--wide-body);
  }
  body.privacy-page > main.privacy-content h1 {
    font-size: clamp(48px, 2.6vw, 88px);
  }
  body.privacy-page > main.privacy-content h2 {
    font-size: clamp(28px, 1.3vw, 44px);
  }
  body.privacy-page > main.privacy-content .privacy-lead {
    font-size: clamp(21px, .88vw, 30px);
  }
  body.privacy-page > main.privacy-content :is(dt, .privacy-date) {
    font-size: var(--wide-small);
  }
  body.privacy-page > main.privacy-content dd {
    font-size: var(--wide-body);
  }
  body.privacy-page > main.privacy-content dl > div {
    grid-template-columns: clamp(200px, 8.5vw, 300px) minmax(0, 1fr);
    gap: clamp(24px, 1.2vw, 44px);
    padding-block: 1em;
  }
  body.privacy-page > main.privacy-content section {
    margin-top: 3em;
    padding-top: 2em;
  }

  body.resource-page .legacy-resource .hero {
    gap: 6%;
    margin-block: clamp(64px, 3vw, 110px) clamp(110px, 5vw, 190px);
  }
  body.resource-page .legacy-resource h1 {
    font-size: clamp(52px, 2.55vw, 92px);
    line-height: 1.35;
  }
  body.resource-page .legacy-resource h2 {
    font-size: var(--wide-heading);
  }
  body.resource-page .legacy-resource :is(p, li) {
    font-size: var(--wide-body);
    max-width: 44em;
  }
  body.resource-page .legacy-resource :is(.tag, .resource-masthead, .cards a, .sectionhead p, .resource-foot) {
    font-size: var(--wide-small);
  }
  body.resource-page .legacy-resource .cards {
    gap: clamp(20px, 1vw, 38px);
  }
  body.resource-page .legacy-resource .detail {
    gap: clamp(70px, 4vw, 150px);
    margin-top: clamp(100px, 5vw, 190px);
  }
  body.resource-page .legacy-resource .detail video {
    width: min(100%, 26vw);
    max-width: 520px;
  }

  /* The internal link tool and survey have no page class; scope to their roots. */
  body:has(> .wrap > .preview) {
    padding: clamp(40px, 2vw, 76px) var(--wide-edge);
  }
  body > .wrap:has(> .preview) {
    width: 100%;
    max-width: var(--wide-content);
    gap: clamp(28px, 1.8vw, 68px);
    font-size: var(--wide-body);
  }
  body > .wrap:has(> .preview) .in {
    padding: clamp(34px, 1.8vw, 64px);
  }
  body > .wrap:has(> .preview) h1 {
    font-size: clamp(28px, 1.35vw, 48px);
  }
  body > .wrap:has(> .preview) :is(.sub, input, select, .url) {
    font-size: var(--wide-body);
  }
  body > .wrap:has(> .preview) :is(label, .hint, .sec b, .sec span, .eyebrow, .warn, .out__l, .ref, .btnprev__l, button, .pv__ttl, .pv__note, .log__body, .log th) {
    font-size: var(--wide-small);
  }
  body > .wrap:has(> .preview) :is(input, select, button) {
    min-height: 52px;
  }
  body > .wrap:has(> .preview) .preview {
    top: 32px;
  }
  body > .wrap:has(> .preview) .frame {
    height: min(1100px, calc(100dvh - 180px));
    min-height: 600px;
  }
  body > main.formwrap {
    max-width: none;
    width: min(44em, calc(100% - 160px));
    padding: clamp(64px, 3vw, 110px) 0 clamp(100px, 4vw, 150px);
    font-size: var(--wide-body);
  }
  body > main.formwrap h1 {
    font-size: clamp(44px, 2.2vw, 76px);
  }
  body > main.formwrap :is(.kicker, .notice, .progress, .question .hint, .error, .muted, .rule, .copyright) {
    font-size: var(--wide-small);
  }
  body > main.formwrap .question legend {
    font-size: clamp(24px, 1.15vw, 38px);
  }
  body > main.formwrap .option {
    gap: 16px;
    padding: 1em 1.2em;
    margin-bottom: .65em;
  }
  body > main.formwrap .option input {
    width: 20px;
    height: 20px;
    margin-top: .3em;
  }
  body > main.formwrap .rule summary {
    font-size: var(--wide-body);
  }
  body > main.formwrap .rule dl {
    grid-template-columns: 7em minmax(0, 1fr);
  }
  body > main.formwrap .btn {
    min-height: 60px;
    padding: 18px 28px;
  }
}