/* 学术栏目共用百科的字体和文字层级；在各页样式与首屏布局之后加载。 */
:root {
    --academic-font-family: 'Inter', 'Segoe UI', 'Microsoft YaHei', sans-serif;
    --academic-title-size: clamp(34px, 3.5vw, 48px);
    --academic-section-size: clamp(26px, 2.6vw, 34px);
    --academic-card-size: 21px;
    --academic-lead-size: 18px;
    --academic-body-size: 16px;
    --academic-detail-size: 14px;
    --academic-action-size: 16px;
    --academic-caption-size: 18px;
    --academic-jump-size: 14px;
    --academic-index-size: 11px;
}

:is(.wiki-page, .vision-page, .wsit-layout, .insights-page) main {
    font-family: var(--academic-font-family);
    font-size: var(--academic-body-size);
    line-height: 1.85;
}

:is(.wiki-page, .vision-page, .wsit-layout, .insights-page) main :is(button, input, select) {
    font-family: var(--academic-font-family);
}

.wiki-page .wiki-masthead h1,
.vision-page .vision-masthead h1,
.wsit-page .wsit-banner h1,
.insights-page .insights-masthead h1 {
    font-family: var(--academic-font-family);
    font-size: var(--academic-title-size);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.025em;
    text-wrap: balance;
    margin-bottom: 22px;
}

.vision-page .vision-title-line,
.wsit-page .wsit-title-line,
.insights-page .insights-title-line { display: inline; }

.vision-page .vision-title-line + .vision-title-line::before,
.wsit-page .wsit-title-line + .wsit-title-line::before,
.insights-page .insights-title-line + .insights-title-line::before { content: ' '; }

:is(.wiki-page, .vision-page, .insights-page) main :is(h2, .wiki-heading, .vision-heading, .insights-heading),
.wsit-page .wsit-section h2 {
    font-size: var(--academic-section-size);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.02em;
}

:is(.wiki-page, .vision-page, .insights-page) main :is(h3, .wiki-topic-title, .insights-agenda-title, .insights-resource strong),
.wsit-page .wsit-section h3 {
    font-size: var(--academic-card-size);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: normal;
}

.wiki-page main :where(p),
.wiki-page :is(.wiki-lead, .wiki-muted),
.vision-page main :where(p),
.vision-page .vision-copy,
.wsit-page .wsit-section p,
.wsit-page .wsit-layer :is(.wsit-layer-topic, .wsit-layer-connection),
.wsit-page .wsit-framework .wsit-connection-note,
.insights-page main :where(p),
.insights-page .insights-copy,
.insights-page .insights-topic > .insights-copy,
.insights-page .insights-section-head > .insights-copy,
.vision-page .vision-phase-tasks li,
.vision-page .vision-pillar-list li {
    font-size: var(--academic-body-size);
    font-weight: 400;
    line-height: 1.85;
}

/* 首屏导语单独成组，四页使用相同字号、字重和行高。 */
.wiki-page .wiki-masthead .wiki-masthead-intro,
.vision-page .vision-masthead .vision-masthead-intro,
.wsit-page .wsit-banner-copy > p,
.insights-page .insights-masthead .insights-masthead-lead {
    font-size: var(--academic-lead-size);
    font-weight: 400;
    line-height: 1.9;
}

.wiki-page .wiki-kicker,
.vision-page .vision-eyebrow,
.vision-page .vision-masthead .vision-eyebrow,
.wsit-page .wsit-eyebrow,
.wsit-page .wsit-banner .wsit-eyebrow,
.wsit-page .wsit-resource .wsit-eyebrow,
.insights-page .insights-eyebrow,
.insights-page .insights-masthead .insights-eyebrow {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .16em;
}

.wiki-page .wiki-topic-summary,
.wiki-page .wiki-entry-english,
.wiki-page .wiki-guide-list p,
.wiki-page .wiki-boundary,
.vision-page .vision-motto small,
.vision-page .vision-roadmap-note,
.vision-page .vision-phase-label,
.wsit-page .wsit-correspondence,
.insights-page .insights-masthead .insights-masthead-copy,
.insights-page .insights-agenda-outline :is(p, ul),
.insights-page .insights-agenda-note,
.insights-page .insights-resource p,
.insights-page .insights-questions {
    font-size: var(--academic-detail-size);
    line-height: 1.8;
}

.vision-page .vision-statement,
.vision-page .vision-motto p,
.vision-page .vision-pillars-lead,
.insights-page .insights-pullquote p,
.wsit-page .wsit-principle strong {
    font-size: var(--academic-card-size);
    font-weight: 600;
    line-height: 1.6;
}

.wiki-page .wiki-search-form button,
.wiki-page .wiki-secondary-button,
.wsit-page .wsit-button,
.insights-page .insights-button,
.insights-page .insights-masthead-link {
    font-size: var(--academic-action-size);
    font-weight: 600;
    line-height: 1.6;
}

.wsit-page .wsit-button-secondary,
.insights-page .insights-masthead-link { font-weight: 400; }
.wiki-page .wiki-search-form input { font-size: 16px; }

.vision-page .vision-jump-nav a,
.wsit-page .wsit-jump-nav a,
.insights-page .insights-jump-nav a,
.insights-page .insights-jump-nav a + a {
    font-size: var(--academic-jump-size);
    line-height: 1.6;
}

.vision-page .vision-jump-number,
.wsit-page .wsit-jump-number,
.insights-page .insights-jump-number {
    font-size: var(--academic-index-size);
    line-height: 1.6;
}

.vision-page .vision-masthead-caption strong,
.wsit-page .wsit-figure figcaption strong,
.insights-page .insights-figure figcaption strong {
    font-size: var(--academic-caption-size);
    font-weight: 500;
    line-height: 1.6;
}

.vision-page .vision-masthead-caption span,
.wsit-page .wsit-figure figcaption span,
.insights-page .insights-figure figcaption span {
    font-size: var(--academic-index-size);
    line-height: 1.6;
    letter-spacing: .1em;
}

.vision-page .vision-pillar-number,
.vision-page .vision-phase-marker,
.wsit-page :is(.wsit-layer-number, .wsit-layer-flag, .wsit-research-index, .wsit-tags),
.insights-page :is(.insights-topic-number, .insights-step-number, .insights-agenda-number, .insights-agenda-category, .insights-tags) {
    font-size: 12px;
    line-height: 1.6;
}

/* 平板双列中的文字空间接近手机，沿用相同的导语与操作字号。 */
@media (min-width: 768px) and (max-width: 1023.98px) {
    :root {
        --academic-lead-size: 16px;
        --academic-detail-size: 13px;
        --academic-action-size: 14px;
        --academic-caption-size: 16px;
    }

    .wiki-page .wiki-masthead h1,
    .vision-page .vision-masthead h1,
    .wsit-page .wsit-banner h1,
    .insights-page .insights-masthead h1 { margin-bottom: 16px; }

    .insights-page .insights-masthead .insights-eyebrow { margin-bottom: 14px; }

    .wsit-page .wsit-actions,
    .insights-page .insights-masthead-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 12px;
    }

    .wsit-page .wsit-button,
    .insights-page .insights-button,
    .insights-page .insights-masthead-link { gap: 8px; padding: 8px 10px; }

    .wsit-page .wsit-button-secondary,
    .insights-page .insights-masthead-link { padding-inline: 0; }
}

@media (max-width: 767.98px) {
    :root {
        --academic-title-size: 34px;
        --academic-card-size: 18px;
        --academic-lead-size: 16px;
        --academic-detail-size: 13px;
        --academic-action-size: 14px;
        --academic-caption-size: 16px;
        --academic-jump-size: 12px;
        --academic-index-size: 10px;
    }

    .wiki-page .wiki-masthead h1,
    .vision-page .vision-masthead h1,
    .wsit-page .wsit-banner h1,
    .insights-page .insights-masthead h1 { margin-bottom: 16px; }

    .wsit-page .wsit-actions,
    .insights-page .insights-masthead-actions { margin-top: 12px; }
}

@media (max-width: 359.98px) {
    :root { --academic-title-size: 30px; }
}