/* Classic Reimagined | 20260930-scale70-s5
 * Desktop is approximately 70% of the S4 presentation (30% smaller).
 * Normal document layout: no body zoom, transform, cropped hero, or inset panel.
 * Full-width scenery remains edge-to-edge; controls and content are centered.
 * Below 1024px the S4 tablet/mobile rules are unchanged.
 */
@media (min-width:1024px) {
    body.cr-body {
        /* S4: min(.092081vw, 2.357274px). All proportional UI units x .70. */
        --cr-u:min(.0644567vw,1.6500918px);
    }
    .cr-body > .cr-site, .cr-body #main-content { max-width:none; }
    .cr-body .cr-site { width:100%; }
    .cr-body .cr-wrap {
        width:min(calc(100% - 32px), max(960px, 66.5%));
        max-width:1702.4px;
        margin-left:auto; margin-right:auto;
    }

    /* One compact, full-width navigation band across all theme pages. */
    .cr-body .cr-header { height:50.4px; }
    .cr-body .cr-header-inner {
        width:100%; max-width:1120px; height:100%; margin:0 auto;
        padding:0 19.6px; gap:8.4px;
    }
    .cr-body .cr-nav-link {
        font-size:10px; gap:2.8px; padding:3.5px 5.6px;
    }
    .cr-body .cr-nav-link > .cr-icon { width:17.5px; height:17.5px; }
    .cr-body .cr-online { font-size:10.5px; gap:9.8px; margin-left:12.6px; }
    .cr-body .cr-online strong { font-size:18.9px; }
    .cr-body .cr-online [data-online-count] { min-width:30.8px; }
    .cr-body .cr-account-menu { font-size:12px; min-width:145px; }
    .cr-body .cr-account-menu a { padding:8px 10px; }

    /* The S5 desktop picture already holds the approved art at 70% scale.
     * Display the complete image, instead of cropping the logo with cover.
     */
    .cr-home .cr-hero, .cr-home .cr-hero-art, .cr-home .cr-hero-stage {
        width:100%; max-width:none; height:auto; min-height:0;
        margin:0; padding:0; transform:none; background:none;
    }
    .cr-home .cr-hero-art { aspect-ratio:1920 / 423; }
    .cr-home .cr-hero-stage { position:static; display:block; }
    .cr-home .cr-hero-stage > img {
        width:100%; max-width:none; height:auto; max-height:none;
        aspect-ratio:1920 / 423; object-fit:contain; object-position:center;
        transform:none; filter:none; display:block;
    }
    .cr-home .cr-action-band { padding:9.8px 0 12.6px; }
    .cr-home .cr-action-row {
        width:calc(100% - 33.6px); max-width:980px;
        grid-template-columns:repeat(4,minmax(0,1fr)); gap:11.2px;
        margin:0 auto; padding:0;
    }
    .cr-home .cr-action { height:57.4px; gap:9.8px; border-width:1.4px; }
    .cr-home .cr-action strong { font-size:14px; }
    .cr-home .cr-action small { font-size:10.5px; }
    .cr-home .cr-action-icon { padding-right:9.8px; }
    .cr-home .cr-action-icon .cr-icon { width:22.4px; height:22.4px; }
    .cr-home .cr-main-wrap { padding-top:16.8px; }

    /* Preserve the complete six approved portraits: no fixed thumbnail height. */
    .cr-body .cr-feature > img {
        width:100% !important; height:auto !important; max-height:none !important;
        object-fit:contain !important;
        transform:none !important;
    }

    /* Compact inner-page panel spacing; do not shrink form text below 12px. */
    .cr-inner .cr-inner-main { padding:49px 0 56px; min-height:455px; }
    .cr-inner .cr-inner-content { padding:17.5px 21px 28px; }
    .cr-inner .cr-inner-content h1, .cr-inner .cr-inner-content h2 { font-size:24px; }
}
/* Keep a readable minimum on smaller laptops; mobile/tablet are untouched. */
@media (min-width:1024px) and (max-width:1470px) {
    .cr-home .cr-feature h3, .cr-home .cr-feature p { font-size:11px; }
    .cr-home .cr-explore-copy > p:not(.cr-eyebrow),
    .cr-home .cr-guide p:not(.cr-eyebrow) { font-size:11px; }
    .cr-home .cr-eyebrow { font-size:9px; }
    .cr-home .cr-text-link { font-size:10px; }
    .cr-home .cr-discovery { height:auto; min-height:195px; }
    .cr-home .cr-explore h2 { font-size:24px; }
    .cr-home .cr-guide h2 { font-size:21px; }
    .cr-home .cr-board h3 { font-size:11px; }
    .cr-home .cr-rank-table, .cr-home .cr-rank-table td:last-child { font-size:10px; }
    .cr-home .cr-rank-table th { font-size:8px; }
    .cr-home .cr-small-button { font-size:10px; }
}