/* Référence visuelle commune : tableau Périodes. */
:root{--saga-selected:linear-gradient(145deg,#e8e1d6,#b7aa99 70%,#877d72);--saga-lit:linear-gradient(145deg,#fff,#cbd1d2 58%,#9ea7aa)}
body :is(.event,.milestone,.country-event) button{background:#8b9193!important;color:#202427!important;font-size:15px!important;font-weight:650!important;line-height:1.35!important;filter:none!important;opacity:1!important}
body :is(.event,.milestone,.country-event):nth-child(even) button{background:#777f82!important}
body :is(.event,.milestone,.country-event).in-period button{background:var(--saga-lit)!important;color:#111719!important;outline:3px solid #f7faf9;outline-offset:2px;box-shadow:0 9px 17px #000b}
body :is(.event,.milestone,.country-event){opacity:1!important}
body :is(.event,.milestone,.country-event) button[aria-pressed="true"]{background:var(--saga-selected)!important;color:#252321!important;outline:3px solid #f2eee8!important;outline-offset:2px;box-shadow:0 0 0 7px #b7aa9980,0 12px 19px #000b!important}
body :is(.eras,.period-nav,.periods,.saga-periods) button:is([aria-current="true"],.current),body .period-button.active{background:var(--saga-selected)!important;color:#252321!important;border-color:#8f806e!important}
body .timeline .event:has(button[aria-pressed="true"]):before,body .milestone:has(button[aria-pressed="true"]) .stem:after,body .country-event:has(button[aria-pressed="true"]):before{background:#f2cf6e!important;border-color:#8a6b2b!important;box-shadow:0 0 0 4px #f2cf6e55,0 0 9px 3px #efc44d!important}
body .timeline .event:has(button[aria-pressed="true"]):after{background:#f2cf6e!important;border-color:#8a6b2b!important;box-shadow:0 0 0 4px #f2cf6e55,0 0 9px 3px #efc44d!important}
body .events li .event-name{background:#8b9193!important;color:#202427!important;font-size:15px!important;font-weight:650!important;line-height:1.35!important}
body .events li:nth-child(even) .event-name{background:#777f82!important}
body .events li.in-period .event-name{background:var(--saga-lit)!important;outline:3px solid #f7faf9;box-shadow:0 9px 17px #000b}
body .events li button[aria-pressed="true"] .event-name{background:var(--saga-selected)!important;outline:3px solid #f2eee8;box-shadow:0 0 0 7px #b7aa9980,0 12px 19px #000b}
body .events button[aria-pressed="true"] .marker{background:#f2cf6e!important;border-color:#8a6b2b!important;box-shadow:0 0 0 4px #f2cf6e55,0 0 9px 3px #efc44d!important}
#saga-sketch.site-preview .fresco .tick span{font-size:15px;font-weight:650;line-height:1.35}