/* RECHOLL ブランドカラー（全ページ共通） */
:root {
    --recholl-blue: #0066ff;
    --recholl-blue-dark: #0044cc;
    --recholl-blue-soft: #80b3ff;
    --recholl-blue-muted: rgba(0, 102, 255, 0.45);
    --recholl-blue-tint: rgba(0, 102, 255, 0.08);
    --recholl-radio-accent: #6eb8ff;
    --recholl-font-sans: "Zen Kaku Gothic New", "Zen Kaku Gothic New Fallback", sans-serif;
    --recholl-font-serif: "Noto Serif JP", "Noto Serif JP Fallback", serif;
    /* 文字サイズ尺度（video.html 仕様: docs/video-typography.md） */
    --recholl-type-micro: 8px;
    --recholl-type-caption: 11px;
    --recholl-type-body: 13px;
    --recholl-type-lead: 16px;
    --recholl-type-title: 18px;
    --recholl-type-display: 22px;
    --recholl-title-tracking: 0.04em;
    --recholl-page-bg: #f8faff;
    --recholl-dot-color: #e2e2e2;
    --page-title-to-controls: 12px;
    --page-back-link-pad-y: 5px;
    --page-card-shadow: 0 4px 16px rgba(0, 40, 120, 0.08);
    --page-card-border: 1px solid rgba(0, 102, 255, 0.06);
    --page-card-radius: 2px;
    --page-chrome-inset: 16px;
    /* 本文・キャプション用。白地で AA（4.5:1）を満たす */
    --recholl-text-muted: #575757;
    --recholl-footer-fg: #e8eef5;
    --recholl-footer-muted: #d4deea;
    --recholl-footer-link: #d4deea;
    --recholl-footer-link-hover: #ffffff;
}

/* ウェブフォント到着までの代替（メトリクスを近づけて CLS を抑える） */
@font-face {
    font-family: "Zen Kaku Gothic New Fallback";
    src: local("Hiragino Sans"), local("Hiragino Kaku Gothic ProN"),
        local("Yu Gothic"), local("YuGothic"), local("Meiryo");
    size-adjust: 103%;
    ascent-override: 88%;
    descent-override: 12%;
    line-gap-override: 0%;
}

@font-face {
    font-family: "Noto Serif JP Fallback";
    src: local("Hiragino Mincho ProN"), local("Yu Mincho"), local("YuMincho"),
        local("Hiragino Mincho Pro");
    size-adjust: 105%;
    ascent-override: 90%;
    descent-override: 12%;
    line-gap-override: 0%;
}

html {
    background-color: var(--recholl-page-bg);
    scrollbar-gutter: stable;
}

/* ヘッダー下の元号日時（R8/09/01 23:00 など）は全ページで非表示 */
#rechollDatetime {
    display: none !important;
}

/* 日時行を消したあとも、タイトルと本文の間の余白を保つ */
#rechollInfo {
    padding-bottom: 10px;
    box-sizing: border-box;
    align-items: center;
}

#rechollTextBlock {
    margin-bottom: 10px;
    justify-content: center;
}

#rechollInfo #rechollTextBlock {
    margin-bottom: 0;
}

/* ../002 等のパス表示。サイズ・字間は全ページ共通 */
#rechollTitle {
    font-size: var(--recholl-type-display);
    font-weight: 400;
    line-height: 1;
    letter-spacing: var(--recholl-title-tracking);
}

.recholl-login-meta {
    font-family: var(--recholl-font-sans, "Zen Kaku Gothic New", sans-serif);
    font-size: var(--recholl-type-caption);
    color: var(--recholl-text-muted);
    margin: 6px 0 0;
    line-height: 1.4;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.recholl-login-meta [data-recholl-login-prefix][hidden] {
    display: none !important;
}