/* JTforME wide layout R2 — 2026-10-05.
   Layout and sizing only. Original colors, typefaces, media, copy and interactions remain.
   Screen-only rules preserve the site's existing printed documents and focus mode. */
@media screen {
  body.jt-wide-r2 {
    --jt-wide-gutter: clamp(16px, 2vw, 72px);
    --jt-wide-shell: calc(100% - var(--jt-wide-gutter) - var(--jt-wide-gutter));
    --jr-shell: var(--jt-wide-shell);
    --v39-shell: var(--jt-wide-shell);
  }

  /* These are page shells, not prose measures, dialogs or game canvases. */
  html:not(.v39-focus-mode) body.jt-wide-r2 :is(
    .container, .page-shell, .footer-shell, .identity-shell, .pac-shell,
    .best-interest-shell, .b35-wrap, .yc-shell, .lc-shell, .v43-wrap, .tf-shell,
    .undeniable-shell, .citation-bank-shell, .matrix-shell, .formal-undeniable-shell,
    .research-lane-shell, .child-standards-shell, .home-accountability-shell,
    .timeline-shell, .shell, .ts-shell, .speech-shell, .memoir-shell,
    .memoir-launch-shell, .v46-series-shell, .v46-analysis-shell,
    .v40-reading-shell, .v39-home-shell, .v39-header-main, .v39-safety-inner,
    .v39-page-meta-inner, .v39-directory-notice, .v39-release-content,
    .v40-initiative-strip-inner, .v40-site-directory-spotlight,
    .hd149-flagship-inner, .co99-shell, .nmh-inner, .nmh-shell,
    .r47-wrap, .r47-header-inner, .ta-shell, .v80-shell, .v84-shell,
    .v62-wrap, .v72-discovery-inner, .v80-page-wrap, .pac-inline-status-inner,
    .jr-shell
  ) {
    box-sizing: border-box;
    width: var(--jt-wide-shell) !important;
    max-width: none !important;
    min-width: 0;
    margin-inline: auto !important;
  }

  /* A nested shell fills its parent instead of adding another pair of side gutters. */
  html:not(.v39-focus-mode) body.jt-wide-r2 :is(
    .container, .page-shell, .footer-shell, .identity-shell, .pac-shell,
    .best-interest-shell, .b35-wrap, .yc-shell, .lc-shell, .v43-wrap, .tf-shell,
    .undeniable-shell, .citation-bank-shell, .matrix-shell, .formal-undeniable-shell,
    .research-lane-shell, .child-standards-shell, .home-accountability-shell,
    .timeline-shell, .shell, .ts-shell, .speech-shell, .memoir-shell,
    .memoir-launch-shell, .v46-series-shell, .v46-analysis-shell,
    .v40-reading-shell, .v39-home-shell, .v39-header-main, .v39-safety-inner,
    .v39-page-meta-inner, .v39-release-content, .co99-shell, .nmh-inner,
    .nmh-shell, .r47-wrap, .ta-shell, .v80-shell, .v84-shell, .v62-wrap,
    .jr-shell
  ) :is(
    .container, .page-shell, .footer-shell, .identity-shell, .pac-shell,
    .best-interest-shell, .b35-wrap, .yc-shell, .lc-shell, .v43-wrap, .tf-shell,
    .shell, .ts-shell, .speech-shell, .memoir-shell, .memoir-launch-shell,
    .v46-series-shell, .v40-reading-shell, .v39-home-shell, .co99-shell,
    .nmh-inner, .nmh-shell, .r47-wrap, .ta-shell, .v80-shell, .v84-shell,
    .v62-wrap, .jr-shell
  ) {
    width: 100% !important;
    max-width: none !important;
  }

  html:not(.v39-focus-mode) body.jt-wide-r2 .v39-home-main {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }
  html:not(.v39-focus-mode) body.jt-wide-r2.v39-homepage :is(
    .co-war-home-shell, .v39-home-shell, .jr-shell,
    .rise91-feature .rise91-shell, .speech-home-feature .inner
  ) {
    box-sizing: border-box;
    width: var(--jt-wide-shell) !important;
    max-width: none !important;
    margin-inline: auto !important;
  }
  html:not(.v39-focus-mode) body.jt-wide-r2 :is(
    .co99-feature, .r94-bridge, .r47-promo, .v43-context-card, .journey96,
    .j97-next, .rise91-rail, .v46-inline-launch, .ts-directory-feature,
    #v45-counsel-role-review, #cjc-accountability-update-v90
  ) {
    box-sizing: border-box;
    width: var(--jt-wide-shell) !important;
    max-width: none !important;
    min-width: 0;
    margin-inline: auto !important;
  }
  html:not(.v39-focus-mode) body.jt-wide-r2 :is(
    .container, .page-shell, .pac-shell, .v39-home-shell, .v40-reading-shell,
    .co99-shell, .r47-wrap, .ta-shell, .v80-shell, .v84-shell
  ) :is(.co99-feature, .r94-bridge, .r47-promo, .v43-context-card,
    .journey96, .j97-next, .rise91-rail, .v46-inline-launch,
    #cjc-accountability-update-v90) {
    width: 100% !important;
  }

  /* Remove the second, calculated 1280-pixel cap in the journey and footer. */
  html:not(.v39-focus-mode) body.jt-wide-r2 .j97-journey {
    padding-inline: var(--jt-wide-gutter) !important;
  }
  html:not(.v39-focus-mode) body.jt-wide-r2 .v39-global-boundary {
    padding-inline: var(--jt-wide-gutter) !important;
  }
  html:not(.v39-focus-mode) body.jt-wide-r2 .v39-global-boundary-inner {
    width: 100% !important;
    max-width: none !important;
  }

  /* Let real grids shrink on phones; keep long source tables in their own scrollers. */
  body.jt-wide-r2 :is(.jr-engineering-grid, .jr-capabilities, .rise91-feature-grid,
    .co99-feature-inner, .v39-route-grid, .v39-status-grid, .v40-pillar-grid,
    .v40-kpi-grid, .packet-use-grid, .pack-grid, .record-grid, .resource-grid,
    .authority-grid, .identity-grid, .memoir-launch-shell, .v82-slate-stack,
    .speech-layout) > * { min-width: 0; }
  body.jt-wide-r2 :is(.v39-table-wrap, .table-wrap, .pac-table-wrap) {
    max-width: 100%;
    overflow-x: auto;
  }
  body.jt-wide-r2 :is(.co99-feature, .r94-bridge, .journey96, .j97-next,
    .v39-route-card, .v39-status-card, .packet-use-card) {
    overflow-wrap: anywhere;
  }
}

@media screen and (min-width: 1400px) {
  /* Large screens get usable type and deliberate columns as well as wider shells. */
  body.jt-wide-r2 {
    font-size: clamp(17px, calc(14px + .3vw), 24px);
  }
  body.jt-wide-r2 .v39-header-main {
    min-height: clamp(88px, 5.5vw, 132px);
    gap: clamp(20px, 1.5vw, 52px);
  }
  body.jt-wide-r2 .v39-brand-mark {
    font-size: clamp(32px, 2vw, 64px) !important;
  }
  body.jt-wide-r2 .v39-brand-sub {
    font-size: clamp(9px, .55vw, 15px) !important;
  }
  body.jt-wide-r2 .v39-primary-nav > a {
    font-size: clamp(13px, .76vw, 22px) !important;
    padding: .8em .7em !important;
  }
  body.jt-wide-r2 .v39-search-link,
  body.jt-wide-r2 .v39-explore > summary {
    font-size: clamp(13px, .76vw, 22px) !important;
    min-height: 46px;
    padding: .85em 1em !important;
  }
  body.jt-wide-r2 .v39-safety-inner {
    font-size: clamp(11px, .6vw, 18px);
    padding-block: 8px;
  }
  body.jt-wide-r2 .hd149-flagship-copy strong {
    font-size: clamp(18px, 1.1vw, 32px);
  }
  body.jt-wide-r2 .hd149-flagship-copy span,
  body.jt-wide-r2 .hd149-play-grand-prix {
    font-size: clamp(13px, .75vw, 20px);
  }
  body.jt-wide-r2 .j97-steps { width: 64%; }
  body.jt-wide-r2 .j97-step { min-height: 54px; }
  body.jt-wide-r2 :is(.j97-origin, .j97-label) {
    font-size: clamp(13px, .8vw, 22px) !important;
  }
  body.jt-wide-r2 :is(.j97-topline span, .j97-caption) {
    font-size: clamp(12px, .68vw, 19px) !important;
  }

  body.jt-wide-r2 .jr-cinematic,
  body.jt-wide-r2 .jr-cinema-body {
    min-height: clamp(660px, 38vw, 1100px) !important;
  }
  body.jt-wide-r2 .jr-cinema-body {
    padding-top: clamp(64px, 5vw, 144px);
    padding-bottom: clamp(94px, 6vw, 160px);
  }
  body.jt-wide-r2 .jr-copy { width: 55%; max-width: none; }
  body.jt-wide-r2 .jr-display {
    max-width: none !important;
    font-size: clamp(70px, 5vw, 180px) !important;
  }
  body.jt-wide-r2 .jr-deck {
    max-width: 58ch !important;
    font-size: clamp(18px, 1vw, 30px) !important;
  }
  body.jt-wide-r2 .jr-eyebrow {
    font-size: clamp(12px, .75vw, 22px) !important;
  }
  body.jt-wide-r2 :is(.jr-button, .jr-statement-link, .jr-film-toggle) {
    font-size: clamp(14px, .82vw, 24px) !important;
  }
  body.jt-wide-r2 :is(.jr-film-caption, .jr-film-status) {
    font-size: clamp(12px, .65vw, 18px) !important;
  }

  body.jt-wide-r2.v39-homepage .co-war-home-hero h1 {
    font-size: clamp(58px, 4.5vw, 148px) !important;
    max-width: none !important;
  }
  body.jt-wide-r2.v39-homepage .co-war-copy {
    max-width: none;
    font-size: clamp(18px, 1vw, 28px);
    column-count: 2;
    column-gap: clamp(40px, 4vw, 140px);
  }
  body.jt-wide-r2.v39-homepage .co-war-copy p { break-inside: avoid; }
  body.jt-wide-r2.v39-homepage .co-war-copy :is(.co-war-declaration, .co-war-overdue) {
    font-size: clamp(32px, 2vw, 58px);
  }
  body.jt-wide-r2.v39-homepage :is(.co-war-home-kicker, .v39-home-kicker) {
    font-size: clamp(12px, .72vw, 21px) !important;
  }
  body.jt-wide-r2.v39-homepage :is(.v39-home-button,
    .co-war-actions .v39-home-button, .v44-home-matrix-actions a) {
    font-size: clamp(14px, .8vw, 23px) !important;
  }
  body.jt-wide-r2.v39-homepage .co-war-journey {
    font-size: clamp(14px, .85vw, 24px);
  }
  body.jt-wide-r2.v39-homepage .v40-home-initiative-hero .v39-home-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    column-gap: clamp(36px, 4vw, 144px);
    align-items: start;
  }
  body.jt-wide-r2.v39-homepage .v40-hero-status { grid-column: 1 / -1; }
  body.jt-wide-r2.v39-homepage .v40-home-initiative-hero .v39-home-kicker {
    grid-column: 1;
  }
  body.jt-wide-r2.v39-homepage .v40-home-initiative-hero h2 {
    grid-column: 1;
    grid-row: 3 / span 3;
    max-width: none;
    font-size: clamp(46px, 3.15vw, 112px) !important;
  }
  body.jt-wide-r2.v39-homepage .v40-home-initiative-hero .lead {
    grid-column: 2;
    grid-row: 2 / span 2;
    max-width: none;
    font-size: clamp(19px, 1.05vw, 30px) !important;
  }
  body.jt-wide-r2.v39-homepage .v40-hero-actions,
  body.jt-wide-r2.v39-homepage .v40-draft-warning { grid-column: 2; }
  body.jt-wide-r2.v39-homepage .v40-draft-warning {
    max-width: none;
    font-size: clamp(15px, .85vw, 24px) !important;
  }
  body.jt-wide-r2.v39-homepage .v40-initiative-proof {
    grid-column: 1 / -1;
    width: 100%;
  }
  body.jt-wide-r2.v39-homepage .v40-initiative-proof span,
  body.jt-wide-r2.v39-homepage .v40-hero-status span {
    font-size: clamp(13px, .76vw, 21px);
  }

  /* The exact RISE, book and research surfaces visible in the supplied screenshot. */
  body.jt-wide-r2.v39-homepage .rise91-feature-grid {
    grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
    gap: clamp(36px, 4vw, 144px);
  }
  body.jt-wide-r2.v39-homepage .rise91-feature h2 {
    font-size: clamp(140px, 12vw, 480px) !important;
  }
  body.jt-wide-r2.v39-homepage .rise91-feature .rise91-motto {
    font-size: clamp(26px, 1.5vw, 52px) !important;
  }
  body.jt-wide-r2.v39-homepage .rise91-feature h3 {
    font-size: clamp(34px, 2.2vw, 80px) !important;
  }
  body.jt-wide-r2.v39-homepage .rise91-feature p {
    font-size: clamp(18px, .95vw, 30px) !important;
  }
  body.jt-wide-r2.v39-homepage .rise91-feature .rise91-small {
    font-size: clamp(15px, .8vw, 24px) !important;
  }
  body.jt-wide-r2.v39-homepage .rise91-feature .rise91-btn {
    font-size: clamp(15px, .82vw, 24px) !important;
    padding: .8em 1.15em;
  }
  body.jt-wide-r2.v39-homepage .co99-feature {
    padding: clamp(32px, 2.5vw, 80px) !important;
  }
  body.jt-wide-r2.v39-homepage .co99-feature-inner {
    grid-template-columns: clamp(150px, 10vw, 380px) minmax(0, 1fr);
    gap: clamp(30px, 3vw, 112px);
  }
  body.jt-wide-r2.v39-homepage .co99-feature img {
    width: 100%;
    height: auto;
    max-height: none;
  }
  body.jt-wide-r2.v39-homepage .co99-feature .co99-heading {
    font-size: clamp(38px, 2.8vw, 104px) !important;
  }
  body.jt-wide-r2.v39-homepage .co99-feature .co99-blurb {
    font-size: clamp(18px, 1vw, 30px) !important;
    max-width: 96ch;
  }
  body.jt-wide-r2.v39-homepage .co99-feature :is(.co99-kicker, .co99-meta) {
    font-size: clamp(13px, .7vw, 20px) !important;
  }
  body.jt-wide-r2.v39-homepage .co99-feature .co99-btn {
    font-size: clamp(15px, .82vw, 24px) !important;
  }
  body.jt-wide-r2.v39-homepage .r94-bridge {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    column-gap: clamp(32px, 4vw, 144px);
    row-gap: 12px;
    padding: clamp(32px, 2.5vw, 80px);
    align-items: start;
  }
  body.jt-wide-r2.v39-homepage .r94-bridge > p:first-of-type {
    grid-column: 1;
    margin: 0;
  }
  body.jt-wide-r2.v39-homepage .r94-bridge h2 {
    grid-column: 1;
    grid-row: 2 / span 3;
    margin: 0;
    font-size: clamp(36px, 2.5vw, 92px) !important;
    line-height: 1.15 !important;
  }
  body.jt-wide-r2.v39-homepage .r94-bridge > p:nth-of-type(2) {
    grid-column: 2;
    grid-row: 1 / span 2;
    max-width: none;
    margin: 0;
    font-size: clamp(18px, 1vw, 30px) !important;
  }
  body.jt-wide-r2.v39-homepage .r94-bridge > a {
    grid-column: 2;
    margin: 0;
    font-size: clamp(16px, .9vw, 26px) !important;
  }

  body.jt-wide-r2.v39-homepage :is(.v39-home-section, .v40-home-section,
    .speech-home-feature, .ts-home-feature, .jr-engineering) h2 {
    font-size: clamp(40px, 2.7vw, 96px) !important;
    max-width: 38ch;
  }
  body.jt-wide-r2.v39-homepage :is(.v39-home-section, .v40-home-section,
    .speech-home-feature, .ts-home-feature, .jr-engineering) p {
    font-size: clamp(18px, 1vw, 28px) !important;
  }
  body.jt-wide-r2.v39-homepage :is(.v39-route-card, .v39-status-card,
    .v40-pillar-grid article) {
    padding: clamp(26px, 2vw, 68px);
  }
  body.jt-wide-r2.v39-homepage :is(.v39-route-card, .v39-status-card,
    .v40-pillar-grid article) h3 {
    font-size: clamp(26px, 1.55vw, 54px) !important;
  }
  body.jt-wide-r2.v39-homepage :is(.v39-route-grid, .v39-status-grid,
    .v40-pillar-grid, .jr-capabilities) { gap: clamp(20px, 1.5vw, 52px); }
  body.jt-wide-r2.v39-homepage .memoir-launch-shell {
    grid-template-columns: clamp(170px, 12vw, 440px) minmax(0, 1fr);
    gap: clamp(30px, 3vw, 112px);
  }
  body.jt-wide-r2.v39-homepage :is(.memoir-home-feature, .v82-work, .nmh-inner) p {
    font-size: clamp(18px, 1vw, 28px);
  }
  body.jt-wide-r2.v39-homepage :is(.memoir-home-feature, .v80-slate, .nmh-strip) h2 {
    font-size: clamp(36px, 2.6vw, 92px);
  }
  body.jt-wide-r2.v39-homepage .v82-slate-stack {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(20px, 1.5vw, 52px);
  }
  body.jt-wide-r2.v39-homepage .v82-work {
    display: flex;
    flex-direction: column;
    padding: clamp(24px, 2vw, 64px);
  }
  body.jt-wide-r2.v39-homepage .v82-work h3 {
    font-size: clamp(30px, 1.8vw, 64px);
  }
  body.jt-wide-r2.v39-homepage .jr-engineering-grid {
    gap: clamp(40px, 4vw, 144px);
  }
  body.jt-wide-r2.v39-homepage .jr-capability {
    padding: clamp(26px, 2vw, 68px);
  }
  body.jt-wide-r2.v39-homepage .jr-capability strong {
    font-size: clamp(27px, 1.5vw, 52px);
  }
  body.jt-wide-r2.v39-homepage .jr-capability span {
    font-size: clamp(16px, .9vw, 26px);
  }
  body.jt-wide-r2.v39-homepage .jr-capability small {
    font-size: clamp(12px, .7vw, 20px);
  }
  body.jt-wide-r2.v39-homepage .jr-profile {
    font-size: clamp(16px, .9vw, 26px) !important;
  }

  /* Existing article and directory grids expand without stretching single paragraphs. */
  body.jt-wide-r2 :is(.packet-use-grid, .pack-grid, .record-grid,
    .resource-grid, .authority-grid, .identity-grid) {
    gap: clamp(18px, 1.3vw, 44px);
  }
  body.jt-wide-r2 :is(.packet-use-card, .pack-card, .record-card,
    .resource-card, .authority-card, .identity-card) {
    padding: clamp(22px, 1.8vw, 58px);
  }
  body.jt-wide-r2 :is(.packet-use-card, .pack-card, .record-card,
    .resource-card, .authority-card, .identity-card) p {
    font-size: clamp(17px, .9vw, 26px) !important;
  }
  body.jt-wide-r2 .speech-layout {
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: clamp(40px, 4vw, 144px);
  }
  body.jt-wide-r2 .speech-transcript {
    font-size: clamp(20px, 1.05vw, 30px);
  }
  body.jt-wide-r2 .speech-card :is(p, li) {
    font-size: clamp(16px, .85vw, 24px);
  }
  body.jt-wide-r2.co99-page .co99-hero-grid {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr);
  }
  body.jt-wide-r2.co99-page .co99-cover {
    max-width: min(100%, 24vw);
    width: 100%;
  }
  body.jt-wide-r2.co99-page h1 {
    font-size: clamp(64px, 5vw, 168px);
  }
  body.jt-wide-r2 :is(.v39-global-boundary p, .v39-version-links) {
    font-size: clamp(14px, .75vw, 22px);
  }
}

@media screen and (min-width: 2400px) {
  body.jt-wide-r2.v39-homepage .co-war-copy { column-count: 3; }
  body.jt-wide-r2 :is(.packet-use-grid, .pack-grid, .record-grid,
    .resource-grid, .authority-grid, .identity-grid) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  /* Legacy children used span 3/4/6 in twelve-column grids. */
  body.jt-wide-r2 :is(.packet-use-grid, .pack-grid, .record-grid,
    .resource-grid, .authority-grid, .identity-grid) > * {
    grid-column: auto !important;
  }
  body.jt-wide-r2 .co99-reading-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (max-width: 800px) {
  body.jt-wide-r2 .co-war-copy { column-count: 1; }
  body.jt-wide-r2 .v39-header-main { min-width: 0; }
  body.jt-wide-r2 :is(.co99-feature, .r94-bridge, .journey96,
    .j97-next, .v43-context-card, .r47-promo) {
    padding-inline: 20px !important;
  }
}
