/* Shared finishing layer. Preserve page layouts, display geometry, hit areas,
   responsive visibility and the distinction between data and simulation. */
body.mond-page,
body.mond-page.research-look-page,
body.mond-page.particle-page.research-look-page {
    --research-bg: #f4f6fa;
    --research-ink: #202a3c;
    --research-muted: #59667b;
    --research-line: #dce2ec;
    --research-soft: #f0f3f8;
    --research-blue: #365bb7;
    --research-blue-deep: #2b4f9d;
    --bg: var(--research-bg);
    --text: var(--research-ink);
    --muted: var(--research-muted);
    --accent: var(--research-blue);
    --accent-2: var(--research-blue-deep);
    --card: #fff;
    --glass: #fff;
    --border: var(--research-line);
    --shadow: 0 2px 4px rgb(25 40 65 / 2%), 0 12px 36px rgb(25 40 65 / 5%);
    --site-font: "Figtree", "Noto Sans JP", "Zen Kaku Gothic New", system-ui, sans-serif;
    background: #f4f6fa !important;
    color: var(--text);
    font-family: var(--site-font);
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
}

body.mond-page::before,
body.mond-page::after,
body.mond-page .bg-blur {
    display: none;
}

body.mond-page :is(h1, h2, h3, h4, .section-title),
body.mond-page .hero-copy :is(h1, h2) {
    font-family: var(--site-font);
    font-weight: 600;
    letter-spacing: -0.015em;
    line-height: 1.45;
    text-shadow: none;
}

body.mond-page :is(button, input, textarea, select) {
    font-family: inherit;
}

body.mond-page .nav,
body.mond-page.research-look-page .nav,
body.mond-page.home-event-page.research-look-page .nav {
    background: rgb(250 251 253 / 94%) !important;
    border-bottom: 1px solid #e0e5ee;
    box-shadow: none !important;
    backdrop-filter: blur(18px);
}

body.mond-page.research-look-page .nav-links a,
body.mond-page .nav-links a {
    color: #566176;
    font-weight: 500;
    letter-spacing: 0.01em;
}

body.mond-page.research-look-page .nav-links a:is(:hover, .is-current) {
    background: #eaf0f9;
    color: #244780;
}

body.mond-page :is(.glass, .card, .qa-card, .paper-card, .question, .response-box),
body.mond-page.research-look-page :is(.glass, .auth-card, .account-identity, .account-action-card) {
    border-color: var(--research-line);
    box-shadow: var(--shadow);
}

body.mond-page :is(.glass, .card, .qa-card, .paper-card):hover {
    transform: none;
}

body.mond-page .primary-btn,
body.mond-page.research-look-page .primary-btn,
body.mond-page.particle-page.research-look-page .primary-btn {
    background: var(--research-blue) !important;
    color: #fff !important;
    border: 1px solid transparent !important;
    box-shadow: 0 3px 10px rgb(43 79 157 / 12%) !important;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-shadow: none;
    transition: background-color 160ms ease, box-shadow 160ms ease;
}

body.mond-page .primary-btn:hover,
body.mond-page.research-look-page .primary-btn:hover {
    background: var(--research-blue-deep) !important;
    box-shadow: 0 4px 14px rgb(43 79 157 / 18%) !important;
    transform: none;
}

body.mond-page :is(.secondary-btn, .ghost-btn) {
    font-weight: 500;
    text-shadow: none;
}

body.mond-page :is(.secondary-btn, .ghost-btn):hover {
    transform: none;
}

body.mond-page :is(.form-input, .auth-card input, .account-section input, .account-section textarea) {
    border: 1px solid #d5ddea;
    background: #fbfcfe;
    box-shadow: none;
}

body.mond-page :is(a, button, summary, input, textarea, select):focus-visible {
    outline: 2px solid #6485cd;
    outline-offset: 4px;
}

/* Keep the scientific display dark; soften only its surrounding chrome. */
body.home-event-page.research-look-page .home-immersive-stage {
    border-color: #233047;
    background:
        radial-gradient(ellipse at 30% 0%, rgb(62 94 153 / 16%), transparent 45%),
        linear-gradient(155deg, #0b1424, #050912 66%, #091120);
    box-shadow: 0 20px 60px rgb(18 30 51 / 16%);
}

body.home-event-page.research-look-page .home-immersive-stage::before {
    opacity: 0.25;
}

body.home-event-page.research-look-page .home-immersive-space {
    opacity: 0.5;
}

body.home-event-page.research-look-page .home-immersive-stage .home-event-copy .eyebrow {
    color: #a9c0e6;
    font-weight: 500;
    letter-spacing: 0.035em;
}

body.home-event-page.research-look-page .home-immersive-stage .home-board-intro h2,
body.home-event-page.research-look-page .home-immersive-stage .home-questions-card h2 {
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0.01em;
}

body.home-event-page.research-look-page .home-immersive-stage .home-hero-support {
    font-weight: 500;
    color: #d7e0f1;
}

body.home-event-page.research-look-page .home-immersive-stage :is(.home-board-intro > p, .home-event-copy .lede) {
    color: #a7b4ca;
    line-height: 1.85;
}

body.home-event-page.research-look-page .home-immersive-stage .home-event-card.glass,
body.home-event-page.research-look-page .home-immersive-stage .home-event-card.glass:hover,
body.home-event-page.research-look-page .home-immersive-stage .home-questions-card.glass,
body.home-event-page.research-look-page .home-immersive-stage .home-questions-card.glass:hover {
    background: rgb(5 11 21 / 82%);
    border: 1px solid #263249;
    box-shadow: none;
}

body.home-event-page.research-look-page .home-immersive-stage .home-hero-primary {
    background: #b8cdf0 !important;
    color: #152847 !important;
    box-shadow: none !important;
}

body.home-event-page.research-look-page .home-immersive-stage .home-hero-primary:hover {
    background: #cedef6 !important;
}

body.home-event-page.research-look-page .home-immersive-stage :is(.home-library-cta, .home-board-actions .ghost-btn) {
    border-color: #354158 !important;
    background: #101a2c !important;
    color: #d9e4f5 !important;
    box-shadow: none !important;
}

body.home-event-page.research-look-page .home-immersive-stage .home-event-nav-btn,
body.home-event-page.research-look-page .home-immersive-stage .home-event-nav-btn.is-primary {
    border-color: #354158;
    background: #111c30;
    color: #d9e4f5;
    box-shadow: none;
    font-weight: 500;
}

body.home-event-page.research-look-page .home-immersive-stage :is(.detector-view-switch button, .detector3d-controls button, .detector-xy-controls button) {
    border: 1px solid #3c4960;
    box-shadow: none;
    font-weight: 500;
}

body.home-event-page.research-look-page .home-immersive-stage .detector-view-switch button[aria-pressed="true"] {
    background: #b8cdf0;
    color: #182b4a;
}

body.home-event-page.research-look-page .home-immersive-stage .home-chat-composer textarea {
    border: 1px solid #cbd5e5;
    background: #f3f6fc;
    color: #24344b;
    box-shadow: none;
}

body.home-event-page.research-look-page .home-questions-card .home-chat-keyboard-hint,
body.home-event-page.research-look-page .home-questions-card .home-ai-status:not(.is-error) {
    color: #a7b4ca;
}

/* Community and researchers retain their existing columns and order. */
body.home-event-page.research-look-page .home-community-research-grid > :is(#discovery-wall, #physics-frontier) {
    background: #fff;
    border: 1px solid #dce2ec;
    border-radius: 1.25rem;
    box-shadow: var(--shadow);
}

body.home-event-page.research-look-page .home-community-research-grid > :is(#discovery-wall, #physics-frontier)::after {
    display: none;
}

body.home-event-page.research-look-page .home-discovery-header {
    cursor: default;
}

body.home-event-page.research-look-page .home-discovery-header h2,
body.home-event-page.research-look-page .home-community-research-grid #physics-frontier .home-physics-frontier-title h2 {
    font-size: clamp(1.35rem, 2.1vw, 1.85rem);
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: 0;
}

body.home-event-page.research-look-page .home-discovery-body {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid #e2e7ef;
}

body.home-event-page.research-look-page :is(.home-discovery-broadcast, .home-discovery-broadcast:hover, .home-discovery-feed-panel, .home-discovery-note, .home-discovery-note.is-x-question, .home-discovery-empty, .home-physics-researcher-card, .home-physics-researcher-card:hover) {
    background: #fbfcfe;
    border: 1px solid #dfe5ef;
    box-shadow: none;
    border-radius: 0.9rem;
    transform: none;
}

body.home-event-page.research-look-page .home-discovery-broadcast:hover,
body.home-event-page.research-look-page .home-physics-researcher-card:hover {
    border-color: #a9bad9;
}

body.home-event-page.research-look-page .home-physics-researcher-card h4,
body.home-event-page.research-look-page .home-discovery-note-identity strong {
    font-weight: 600;
    line-height: 1.55;
}

body.home-event-page.research-look-page .home-physics-researcher-card p,
body.home-event-page.research-look-page .home-discovery-note p {
    line-height: 1.9;
}

body.home-event-page.research-look-page :is(.home-physics-researcher-card a, .home-discovery-x-meta a) {
    font-weight: 500;
    text-underline-offset: 0.22em;
}

body.home-event-page.research-look-page .home-discovery-x-meta {
    background: #f0f4fa;
    border-color: #dfe5ef;
}

/* Carry the same typography and surfaces through the existing subpages. */
body.auth-research-page.research-look-page .auth-research-intro h1,
body.account-page.research-look-page .account-hero h1 {
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.2;
}

body.auth-research-page.research-look-page .auth-research-intro::after {
    opacity: 0.45;
}

body.auth-research-page.research-look-page .auth-card {
    border: 1px solid #dce2ec;
    box-shadow: var(--shadow);
}

body.auth-research-page.research-look-page :is(.auth-card h2, .auth-benefit-copy strong) {
    font-weight: 600;
}

body.mond-page.research-look-page :is(.research-card, .research-console, .account-action-card, .detector-guide-card) {
    border-color: #dce2ec;
    box-shadow: var(--shadow);
}

body.mond-page.research-look-page .footer,
body.home-event-page.research-look-page .home-footer {
    border-color: #dce2ec;
    color: #667185;
}

@media (max-width: 640px) {
    body.home-event-page.research-look-page .home-community-research-grid > :is(#discovery-wall, #physics-frontier) {
        border-radius: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.mond-page :is(.primary-btn, .secondary-btn, .ghost-btn) {
        transition: none;
    }
}