/* HTML reuses saved diagrams' original palette,rounded panels and stacked layout. */
.article-fact-summary{container-type:inline-size;margin:24px 0;max-width:100%;padding:clamp(14px,4vw,28px);border-radius:14px;background:#fff;color:#19394e;overflow-wrap:anywhere}
.article-fact-summary h2{font-size:clamp(20px,5.625cqw,36px);line-height:1.55;margin:0 0 20px}
.article-fact-summary p{font-size:16px;line-height:1.85}
.article-fact-summary dl{display:grid;gap:20px;margin:20px 0}
.article-fact-summary dl>div{padding:clamp(12px,3.9cqw,25px);border:1px solid #c5d2dc;border-radius:16px;background:#f1f6fa}
.article-fact-summary dl>div:nth-child(even){background:#fff7e8}
.article-fact-summary dt{font-size:clamp(16px,4.68cqw,30px);line-height:1.6;font-weight:700}
.article-fact-summary dd{margin:8px 0 0;font-size:clamp(16px,5cqw,32px);line-height:1.65}
.article-fact-summary dd>span{display:block;margin-top:4px}
.article-fact-summary .article-fact-source{font-size:14px;margin-top:15px}
.article-fact-summary a:focus-visible{outline:3px solid #976000;outline-offset:3px}
.article-fact-summary.legacy-formats{background:#f3f1f7;border-left:13px solid #8250a0;color:#242338;border-radius:20px}
.article-fact-summary.legacy-formats dl>div{background:#fff;border:0;border-radius:12px}
.article-fact-summary.legacy-formats dt{color:#8250a0}
.article-fact-summary.legacy-header{background:#f1f6fa;border-radius:18px}
.article-fact-summary.legacy-header h2{padding:18px;background:#19394e;color:#fff;border-radius:12px}
.article-fact-summary.legacy-header dl>div{background:#fff;border-color:#c7d6e0;border-radius:12px}
.article-fact-summary.legacy-timeline dl{border-left:3px solid #e7a62e;padding-left:18px}
.article-fact-summary.legacy-timeline dl>div{position:relative;border:0;background:#fff;padding:8px 0 8px 10px}
.article-fact-summary.legacy-timeline dl>div::before{content:"";position:absolute;left:-25px;top:18px;width:11px;height:11px;border-radius:50%;background:#e7a62e}
.article-fact-summary.legacy-miku{background:#f7f7fb;color:#23243d;border-radius:18px}
.article-fact-summary.legacy-miku h2{padding:18px;background:#24263e;color:#fff;border-radius:12px}
.article-fact-summary.legacy-miku dl>div{background:#e8f2bd;border:0}
.article-fact-summary.legacy-miku dl>div:nth-child(even){background:#ffe9f0}