/* Documents de lecture : écran sombre, édition A4 sur papier blanc. */
@media screen {
 html body.saga-period-story{color:#eceee9!important;font-size:18px;line-height:1.55}
 body.saga-period-story .shell{width:100%;max-width:1200px!important;margin:auto!important;padding:12px 24px!important;background:transparent!important}
 body.saga-period-story .hero{padding:24px 28px!important;margin:0 0 18px}
 body.saga-period-story .hero h1{font-size:42px!important}
 body.saga-period-story .hero .eyebrow{font-size:16px!important}
 body.saga-period-story .hero .subtitle{font-size:25px!important}
 body.saga-period-story .hero p:last-child{font-size:18px!important;max-width:100%}
 body.saga-period-story .section{grid-template-columns:110px minmax(0,1fr);gap:20px;padding:22px 0;border-color:#ffffff30;color:#eceee9}
 body.saga-period-story .section h2{font-size:28px;color:#f3f4ef}
 body.saga-period-story .section p{max-width:none;color:#eceee9}
 body.saga-period-story .date{font-size:24px;color:#f2cf6e;overflow-wrap:normal}
 body.saga-period-story .effect{background:#f2cf6e14;color:#f4e8be!important;border-left-color:#f2cf6e}
 body.saga-period-story .transition{background:#343b38;color:#eceee9}
 body.saga-period-story .sources,body.saga-period-story .sources summary{color:#eceee9}
 body.saga-period-story .sources a,body.saga-period-story .section a{color:#f2cf6e}
 body.saga-period-story .contents{margin:14px 0 20px}
 @media(max-width:650px){body.saga-period-story .shell{padding:10px 14px!important}body.saga-period-story .hero{padding:20px!important}body.saga-period-story .hero h1{font-size:34px!important}body.saga-period-story .section{display:block}body.saga-period-story .date{display:block;margin-bottom:8px}body.saga-period-story .section h2{font-size:25px}}
}
@media print {
 @page{size:A4 portrait;margin:13mm 14mm}
 html,body.saga-period-story{background:#fff!important;background-image:none!important;color:#111!important;font-size:11pt!important;line-height:1.35!important}
 body.saga-period-story .shell{max-width:none!important;width:100%!important;min-height:0!important;padding:0!important;margin:0!important;background:#fff!important;color:#111!important}
 body.saga-period-story .banner,body.saga-period-story .page-tools,body.saga-period-story .contents{display:none!important}
 body.saga-period-story .hero{background:none!important;color:#111!important;padding:0 0 4mm!important;margin:0 0 4mm!important;box-shadow:none!important;break-inside:avoid}
 body.saga-period-story .hero h1{font-size:22pt!important;color:#111!important}
 body.saga-period-story .hero .subtitle{font-size:13pt!important;color:#333!important}
 body.saga-period-story .hero p:last-child{font-size:11pt!important;line-height:1.35!important}
 body.saga-period-story .section{display:block!important;padding:3mm 0!important;break-inside:auto!important;color:#111!important}
 body.saga-period-story .date{font-size:10pt!important;color:#444!important;break-after:avoid}
 body.saga-period-story .section h2{font-size:14pt!important;color:#111!important;break-after:avoid;margin:1mm 0 2mm!important}
 body.saga-period-story .section p{font-size:11pt!important;line-height:1.35!important;margin:0 0 2mm!important;color:#111!important;orphans:3;widows:3}
 body.saga-period-story .effect{background:none!important;color:#111!important;border-left:0.7mm solid #777!important;break-inside:avoid}
 body.saga-period-story .transition{background:none!important;color:#111!important;break-inside:avoid;padding:3mm 0!important}
 body.saga-period-story .transition p{font-size:11pt!important;line-height:1.35!important}
 a{color:#111!important}
}

/* Lecture écran sur papier clair. */
@media screen{
html:has(body.saga-period-story),html body.saga-period-story{background:#e5e8e5!important;background-image:none!important;color:#252d29!important;font-family:system-ui,sans-serif}
html body.saga-period-story .shell{background:#fafbf8!important;color:#252d29!important}
html body.saga-period-story .hero{background:#eef1eb!important;color:#252d29!important;box-shadow:none!important;border:1px solid #d6dcd4;border-radius:8px}
html body.saga-period-story h1,html body.saga-period-story h2,html body.saga-period-story h3,html body.saga-period-story p,html body.saga-period-story .section,html body.saga-period-story .sources,html body.saga-period-story .sources summary{color:#252d29!important}
html body.saga-period-story .hero .subtitle{color:#49564c!important}
html body.saga-period-story .hero .eyebrow{background:#e1e6de!important;border-color:#7c8980!important;color:#435048!important;font-weight:600}
html body.saga-period-story .date,html body.saga-period-story .document-year,html body.saga-period-story .period-heading{color:#495b4d!important}
html body.saga-period-story .effect{background:#edf0e9!important;border-color:#83917e!important;color:#2f3b30!important}
html body.saga-period-story .transition{background:#edf0e9!important;color:#252d29!important}
html body.saga-period-story .section,html body.saga-period-story .person-document-entry,html body.saga-period-story .period-heading{border-color:#cdd5ca!important}
html body.saga-period-story a,html body.saga-period-story a:visited{color:#31545b!important}
html body.saga-period-story figcaption{color:#566159!important}
html body.saga-period-story .page-tools,html body.saga-period-story .contents{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0 20px}
html body.saga-period-story .contents a,html body.saga-period-story .page-tools a{display:inline-block;padding:8px 12px;border:1px solid #b8c2b4;border-radius:5px;background:#eef2ea;text-decoration:none;font:600 16px/1.4 system-ui}
html body.saga-period-story .hero h1{margin:12px 0!important}
html body.saga-period-story .hero .subtitle{margin:8px 0 18px!important}
}