:root {
    --rr-navy: #0b2b52;
    --rr-navy-2: #143d69;
    --rr-red: #c91d2e;
    --rr-red-dark: #a91423;
    --rr-cream: #f7f3ec;
    --rr-blue-soft: #eef5fb;
    --rr-border: #dfe5eb;
    --rr-text: #18314f;
    --rr-muted: #667487;
    --rr-white: #fff;
}

.rr-on-this-day-page .entry-title,
.rr-on-this-day-page .post-title,
.rr-on-this-day-page .elementor-page-title {
    display: none !important;
}

@supports selector(section:has(.elementor-page-title)) {
    .rr-on-this-day-page section:has(.elementor-page-title) {
        display: none !important;
    }
}

.rr-on-this-day-page .entry-content {
    margin: 0 !important;
}

.rr-otd-app {
    font-family: Georgia, "Times New Roman", serif;
    color: var(--rr-text);
    background: #fff;
    line-height: 1.55;
}

.rr-otd-app * {
    box-sizing: border-box;
}

.rr-otd-wrap {
    width: min(1280px, calc(100% - 32px));
    margin: 0 auto;
}

.rr-otd-hero {
    position: relative;
    min-height: 355px;
    background:
        radial-gradient(circle at 70% 35%, rgba(255,255,255,.16), transparent 34%),
        linear-gradient(105deg, #173b5e, #365f80 58%, #6f88a0);
    overflow: hidden;
    isolation: isolate;
}

.rr-otd-hero.has-image {
    background-image: var(--rr-hero);
    background-position: center;
    background-size: cover;
}

.rr-otd-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(4,20,38,.84) 0%, rgba(4,20,38,.56) 42%, rgba(4,20,38,.16) 78%, rgba(4,20,38,.04) 100%);
}

.rr-otd-hero-inner {
    padding: 60px 0 46px;
    color: #fff;
}

.rr-otd-hero h1 {
    color: #fff;
    font-size: clamp(50px, 7vw, 86px);
    line-height: .98;
    letter-spacing: -2px;
    margin: 0 0 16px;
    max-width: 700px;
}

.rr-otd-hero p {
    margin: 0;
    max-width: 610px;
    font-size: clamp(18px, 2vw, 24px);
}

.rr-otd-stats {
    display: flex;
    gap: 26px;
    flex-wrap: wrap;
    margin-top: 22px;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.rr-otd-stats span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.rr-otd-tabs {
    margin-top: -24px;
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(23,49,79,.12);
    position: relative;
    z-index: 3;
    font-family: Arial, sans-serif;
}

.rr-otd-tabs a {
    color: var(--rr-navy);
    text-decoration: none;
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 700;
}

.rr-otd-tabs a.is-active {
    color: #fff;
    background: linear-gradient(180deg, #d62b3b, #b91525);
}

.rr-otd-tabs .rr-otd-eortologio {
    margin-left: auto;
    background: var(--rr-navy);
    color: #fff;
}

.rr-otd-datebar {
    display: grid;
    grid-template-columns: 48px repeat(7, minmax(54px, 1fr)) 48px auto auto;
    gap: 10px;
    align-items: stretch;
    margin: 24px 0;
    font-family: Arial, sans-serif;
}

.rr-otd-day,
.rr-otd-arrow,
.rr-otd-date-button,
.rr-otd-today {
    min-height: 64px;
    border: 1px solid var(--rr-border);
    border-radius: 8px;
    background: #fff;
    color: var(--rr-navy);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rr-otd-day {
    flex-direction: column;
    line-height: 1.15;
}

.rr-otd-day strong {
    font-size: 18px;
}

.rr-otd-day span {
    font-size: 11px;
}

.rr-otd-day small {
    margin-top: 4px;
    color: var(--rr-muted);
}

.rr-otd-day.is-active {
    background: linear-gradient(180deg, #d6293a, #b81626);
    border-color: #b81626;
    color: #fff;
}

.rr-otd-day.is-active small {
    color: rgba(255,255,255,.8);
}

.rr-otd-arrow {
    font-size: 30px;
}

.rr-otd-date-button,
.rr-otd-today {
    padding: 0 18px;
    font-weight: 700;
    white-space: nowrap;
}

.rr-otd-layout {
    display: grid;
    grid-template-columns: minmax(0, 2.15fr) minmax(290px, .9fr);
    gap: 22px;
    align-items: start;
}

.rr-otd-main,
.rr-otd-card,
.rr-otd-month,
.rr-otd-chronology,
.rr-otd-random,
.rr-otd-search-results {
    border: 1px solid var(--rr-border);
    border-radius: 12px;
    background: #fff;
}

.rr-otd-main {
    padding: 18px;
}

.rr-otd-section-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
    margin-bottom: 14px;
}

.rr-otd-section-head h2,
.rr-otd-card h3,
.rr-otd-chronology h2,
.rr-otd-random h2 {
    margin: 0;
    color: var(--rr-navy);
}

.rr-otd-section-head h2 {
    font-size: 36px;
}

.rr-otd-section-head p {
    margin: 0;
    color: var(--rr-muted);
    font-family: Arial, sans-serif;
}

.rr-otd-events {
    display: grid;
    gap: 4px;
}

.rr-otd-event {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 20px;
    padding: 22px 0;
    border-top: 1px solid var(--rr-border);
}

.rr-otd-event:first-child {
    border-top: 0;
}

.rr-otd-year {
    align-self: start;
    width: fit-content;
    min-width: 72px;
    text-align: center;
    background: var(--rr-red);
    color: #fff;
    border-radius: 6px;
    padding: 6px 10px;
    font-family: Arial, sans-serif;
    font-weight: 800;
    font-size: 18px;
}

.rr-otd-event h3 {
    margin: 0 0 8px;
    color: var(--rr-navy);
    font-size: 22px;
    line-height: 1.25;
}

.rr-otd-event-text {
    color: #4d5868;
    font-size: 17px;
}

.rr-otd-event-text p {
    margin: 0 0 10px;
}

.rr-otd-event-meta {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    margin-top: 10px;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.rr-otd-tags {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}

.rr-otd-tags span,
.rr-otd-chip-row a,
.rr-otd-theme-grid a {
    background: #eef4fa;
    border: 1px solid #e2eaf2;
    border-radius: 999px;
    padding: 6px 11px;
    color: var(--rr-navy);
    text-decoration: none;
}

.rr-otd-source {
    color: var(--rr-navy);
    font-weight: 700;
    text-decoration: none;
}

.rr-otd-sidebar {
    display: grid;
    gap: 16px;
    position: sticky;
    top: 20px;
}

.rr-otd-card {
    padding: 16px;
    font-family: Arial, sans-serif;
}

.rr-otd-card-title,
.rr-otd-card-heading-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.rr-otd-card-title a {
    text-decoration: none;
    color: var(--rr-navy);
    font-size: 24px;
}

.rr-otd-weekdays,
.rr-otd-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
}

.rr-otd-weekdays {
    margin: 12px 0 6px;
    color: var(--rr-muted);
    font-size: 12px;
}

.rr-otd-calendar-grid a,
.rr-otd-calendar-grid span {
    aspect-ratio: 1 / 1;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-decoration: none;
    color: var(--rr-navy);
    border-radius: 50%;
}

.rr-otd-calendar-grid a.has-events {
    font-weight: 800;
}

.rr-otd-calendar-grid a.has-events i {
    position: absolute;
    bottom: 3px;
    width: 4px;
    height: 4px;
    background: var(--rr-red);
    border-radius: 50%;
}

.rr-otd-calendar-grid a.is-selected {
    background: var(--rr-red);
    color: #fff;
}

.rr-otd-calendar-grid a.is-selected i {
    background: #fff;
}

.rr-otd-search-card h3,
.rr-otd-card h3 {
    font-size: 17px;
    margin-bottom: 10px;
}

.rr-otd-search-card form {
    display: grid;
    grid-template-columns: 1fr 48px;
}

.rr-otd-search-card input {
    min-width: 0;
    border: 1px solid var(--rr-border);
    border-right: 0;
    border-radius: 7px 0 0 7px;
    padding: 12px;
}

.rr-otd-search-card button {
    border: 0;
    background: var(--rr-red);
    color: #fff;
    border-radius: 0 7px 7px 0;
    font-size: 24px;
}

.rr-otd-popular {
    margin: 12px 0 6px;
    font-size: 12px;
}

.rr-otd-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 11px;
}

.rr-otd-theme-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.rr-otd-theme-grid a {
    border-radius: 7px;
    font-size: 12px;
}

.rr-otd-month {
    margin-top: 26px;
    padding: 18px;
    background: linear-gradient(90deg, #f9fbfd, #edf6fb);
}

.rr-otd-mini-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.rr-otd-mini {
    display: block;
    min-height: 125px;
    padding: 12px;
    background: #fff;
    border: 1px solid var(--rr-border);
    border-radius: 8px;
    text-decoration: none;
    color: var(--rr-navy);
}

.rr-otd-mini span {
    display: inline-block;
    background: var(--rr-red);
    color: #fff;
    border-radius: 5px;
    padding: 4px 7px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    margin-bottom: 10px;
}

.rr-otd-mini strong {
    display: block;
    line-height: 1.25;
}

.rr-otd-bottom {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 18px;
    margin: 22px 0 40px;
}

.rr-otd-chronology,
.rr-otd-random {
    padding: 18px;
}

.rr-otd-chronology {
    background: linear-gradient(90deg, #fff9ef, #faf6ef);
}

.rr-otd-chronology > p {
    margin: 0 0 16px;
    color: var(--rr-muted);
}

.rr-otd-era-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    position: relative;
}

.rr-otd-era-row::before {
    content: "";
    position: absolute;
    left: 6%;
    right: 6%;
    top: 8px;
    height: 2px;
    background: #d5c6ae;
}

.rr-otd-era-row span {
    position: relative;
    padding-top: 22px;
    text-align: center;
}

.rr-otd-era-row span::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 50%;
    top: 3px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: var(--rr-navy);
}

.rr-otd-era-row strong,
.rr-otd-era-row small {
    display: block;
}

.rr-otd-random {
    background: linear-gradient(135deg, #fff, #fff1f3);
    border-color: #f0d8dc;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.rr-otd-random h2 {
    color: var(--rr-red);
}

.rr-otd-random > a {
    align-self: flex-start;
    white-space: nowrap;
    color: var(--rr-navy);
    text-decoration: none;
    border: 1px solid #b9c9dd;
    border-radius: 6px;
    padding: 7px 10px;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.rr-otd-random-event {
    margin-top: 12px;
}

.rr-otd-random-event p {
    margin: 6px 0 0;
    color: var(--rr-muted);
}

.rr-otd-empty {
    border: 1px dashed var(--rr-border);
    border-radius: 10px;
    padding: 28px;
    display: grid;
    gap: 5px;
    color: var(--rr-muted);
}

.rr-otd-search-results {
    padding: 18px;
    margin-bottom: 30px;
}

.rr-otd-eortologio-backlink a {
    display: block;
    padding: 16px;
    border: 1px solid #d9e2ec;
    border-radius: 10px;
    text-decoration: none;
    color: var(--rr-navy);
    background: #f8fbfe;
}

.rr-otd-eortologio-backlink span {
    display: block;
    margin-top: 4px;
    color: #5f6f82;
}

@media (max-width: 1100px) {
    .rr-otd-datebar {
        grid-template-columns: 44px repeat(5, 1fr) 44px;
    }
    .rr-otd-day:nth-of-type(2),
    .rr-otd-day:nth-of-type(8) {
        display: none;
    }
    .rr-otd-date-button,
    .rr-otd-today {
        grid-column: auto;
    }
}

@media (max-width: 900px) {
    .rr-otd-layout,
    .rr-otd-bottom {
        grid-template-columns: 1fr;
    }
    .rr-otd-sidebar {
        position: static;
    }
    .rr-otd-mini-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .rr-otd-era-row {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 18px;
    }
    .rr-otd-era-row::before {
        display: none;
    }
    .rr-otd-tabs {
        flex-wrap: wrap;
    }
    .rr-otd-tabs .rr-otd-eortologio {
        margin-left: 0;
    }
}

@media (max-width: 640px) {
    .rr-otd-wrap {
        width: min(100% - 20px, 1280px);
    }
    .rr-otd-hero {
        min-height: 300px;
    }
    .rr-otd-hero-inner {
        padding: 46px 0 34px;
    }
    .rr-otd-hero h1 {
        font-size: 52px;
    }
    .rr-otd-tabs a {
        padding: 9px 10px;
        font-size: 13px;
    }
    .rr-otd-datebar {
        grid-template-columns: 40px repeat(3, 1fr) 40px;
    }
    .rr-otd-day {
        display: none;
    }
    .rr-otd-day:nth-of-type(4),
    .rr-otd-day:nth-of-type(5),
    .rr-otd-day:nth-of-type(6) {
        display: flex;
    }
    .rr-otd-date-button,
    .rr-otd-today {
        min-height: 46px;
        grid-column: span 2;
    }
    .rr-otd-event {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .rr-otd-event-meta {
        align-items: flex-start;
        flex-direction: column;
    }
    .rr-otd-section-head h2 {
        font-size: 30px;
    }
    .rr-otd-mini-grid,
    .rr-otd-theme-grid,
    .rr-otd-era-row {
        grid-template-columns: 1fr 1fr;
    }
    .rr-otd-random {
        flex-direction: column;
    }
}


/* v0.2.0 refinements */
.rr-otd-main .rr-otd-month {
    margin: 26px -2px 0;
    border-radius: 10px;
}

.rr-otd-main .rr-otd-month .rr-otd-section-head h2 {
    font-size: 30px;
}

.rr-otd-era-row a {
    position: relative;
    padding-top: 22px;
    text-align: center;
    color: var(--rr-navy);
    text-decoration: none;
}

.rr-otd-era-row a::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 50%;
    top: 3px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: var(--rr-navy);
}

.rr-otd-era-row a:hover strong {
    color: var(--rr-red);
}

.rr-otd-era-row a strong,
.rr-otd-era-row a small {
    display: block;
}

.rr-otd-random-refresh {
    align-self: flex-start;
    white-space: nowrap;
    color: var(--rr-navy);
    background: #fff;
    border: 1px solid #b9c9dd;
    border-radius: 6px;
    padding: 7px 10px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    cursor: pointer;
}

.rr-otd-random-refresh:hover {
    border-color: var(--rr-red);
    color: var(--rr-red);
}

@media (max-width: 640px) {
    .rr-otd-main .rr-otd-month {
        margin-left: 0;
        margin-right: 0;
    }
}


/* =========================================================
   v0.3.0 — compact editorial redesign
   ========================================================= */
.rr-on-this-day-page .elementor-widget-theme-post-content,
.rr-on-this-day-page .elementor-widget-theme-post-content > .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.rr-otd-app { background: #f8fafc; }

.rr-otd-hero {
    min-height: 300px;
    background-position: center 46%;
    background-size: cover;
}
.rr-otd-hero-overlay {
    background:
        linear-gradient(90deg, rgba(5,22,40,.88) 0%, rgba(5,22,40,.68) 34%, rgba(5,22,40,.28) 66%, rgba(5,22,40,.08) 100%),
        linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.16));
}
.rr-otd-hero-inner {
    min-height: 300px;
    padding: 42px 0 32px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.rr-otd-hero h1 {
    max-width: 560px;
    margin: 0 0 10px;
    font-size: clamp(44px, 5.2vw, 66px);
    line-height: .98;
    letter-spacing: -1.5px;
    text-shadow: 0 2px 14px rgba(0,0,0,.28);
}
.rr-otd-hero p {
    max-width: 650px;
    font-size: clamp(16px,1.6vw,20px);
    line-height: 1.42;
    text-shadow: 0 1px 8px rgba(0,0,0,.3);
}
.rr-otd-stats { margin-top: 15px; gap: 18px; font-size: 13px; }
.rr-otd-stats span {
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(6,25,44,.38);
    backdrop-filter: blur(4px);
}

.rr-otd-tabs {
    margin-top: -17px;
    min-height: 54px;
    padding: 6px;
    border: 1px solid rgba(16,50,83,.08);
    box-shadow: 0 9px 26px rgba(23,49,79,.10);
}
.rr-otd-tabs a { padding: 9px 15px; font-size: 13px; }

.rr-otd-datebar { margin: 18px 0; gap: 8px; }
.rr-otd-day, .rr-otd-arrow, .rr-otd-date-button, .rr-otd-today { min-height: 56px; background: #fff; }
.rr-otd-day strong { font-size: 17px; }

.rr-otd-layout { gap: 18px; }
.rr-otd-main, .rr-otd-card, .rr-otd-month, .rr-otd-chronology, .rr-otd-random, .rr-otd-search-results {
    box-shadow: 0 4px 18px rgba(20,52,84,.035);
}
.rr-otd-main { padding: 20px 22px; }
.rr-otd-section-head h2 { font-size: 32px; line-height: 1.05; }

.rr-otd-event { grid-template-columns: 78px minmax(0,1fr); gap: 16px; padding: 18px 0; }
.rr-otd-year { min-width: 66px; padding: 5px 9px; font-size: 17px; }
.rr-otd-event h3 { margin-bottom: 6px; font-size: 20px; line-height: 1.28; }
.rr-otd-event-text { font-size: 16px; line-height: 1.58; }
.rr-otd-event-meta { margin-top: 8px; }
.rr-otd-tags span, .rr-otd-chip-row a, .rr-otd-theme-grid a { color: var(--rr-navy) !important; }
.rr-otd-source { color: #9c1825 !important; font-size: 12px; }

.rr-otd-card { padding: 15px; }
.rr-otd-sidebar { gap: 13px; }

.rr-otd-theme-grid a {
    background: #f0f4f8;
    border-color: #e1e8ef;
    border-radius: 7px;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.rr-otd-theme-grid a:hover, .rr-otd-chip-row a:hover {
    background: #e6eef6;
    border-color: #cfdbe7;
    color: var(--rr-red) !important;
}

.rr-otd-main .rr-otd-month {
    margin-top: 22px;
    padding: 15px;
    background: linear-gradient(90deg,#f4f8fb,#edf4f8);
}
.rr-otd-main .rr-otd-month .rr-otd-section-head h2 { font-size: 26px; }
.rr-otd-mini-grid { gap: 9px; }
.rr-otd-mini {
    min-height: 108px;
    padding: 11px;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.rr-otd-mini:hover {
    transform: translateY(-1px);
    border-color: #cbd8e5;
    box-shadow: 0 7px 18px rgba(23,49,79,.08);
}
.rr-otd-mini span {
    background: #edf2f7;
    color: var(--rr-red);
    border: 1px solid #dce5ee;
    font-weight: 700;
}
.rr-otd-mini strong {
    color: var(--rr-navy) !important;
    font-size: 15px;
    line-height: 1.3;
}

.rr-otd-bottom { align-items: start; gap: 16px; margin-top: 18px; }
.rr-otd-chronology, .rr-otd-random {
    padding: 17px 18px;
    min-height: 0 !important;
    height: auto !important;
}
.rr-otd-chronology h2, .rr-otd-random h2 { font-size: 25px; line-height: 1.12; }
.rr-otd-chronology > p { margin-bottom: 12px; }
.rr-otd-era-row { gap: 5px; }
.rr-otd-era-row a { font-size: 13px; }
.rr-otd-era-row a strong { font-size: 13px; line-height: 1.25; }
.rr-otd-era-row a small { margin-top: 3px; font-size: 11px; }
.rr-otd-random { background: linear-gradient(135deg,#fff,#fff7f8); }
.rr-otd-random h2 { color: var(--rr-navy); }
.rr-otd-random-event { margin-top: 9px; }
.rr-otd-random-event p { margin-top: 4px; font-size: 14px; line-height: 1.48; }
.rr-otd-random-refresh { color: var(--rr-red); border-color: #dfb9be; }

@media (max-width:900px) {
    .rr-otd-hero, .rr-otd-hero-inner { min-height: 270px; }
    .rr-otd-hero-inner { padding-top: 34px; }
}
@media (max-width:640px) {
    .rr-otd-hero, .rr-otd-hero-inner { min-height: 245px; }
    .rr-otd-hero { background-position: 58% center; }
    .rr-otd-hero-inner { padding: 28px 0 24px; }
    .rr-otd-hero h1 { font-size: 44px; }
    .rr-otd-hero p { font-size: 15px; }
    .rr-otd-stats { gap: 7px; }
    .rr-otd-stats span { padding: 5px 8px; font-size: 11px; }
    .rr-otd-main { padding: 16px; }
    .rr-otd-event { grid-template-columns: 1fr; padding: 16px 0; }
    .rr-otd-section-head h2 { font-size: 28px; }
    .rr-otd-main .rr-otd-month .rr-otd-section-head h2 { font-size: 23px; }
}


/* =========================================================
   v0.4.0 — richer typography, hidden sources, stronger chronology
   ========================================================= */
.rr-otd-main, .rr-otd-card, .rr-otd-month, .rr-otd-chronology, .rr-otd-random, .rr-otd-search-results {
    box-shadow: 0 14px 34px rgba(20, 52, 84, .07);
}

.rr-otd-event {
    gap: 20px;
    padding: 22px 0;
}

.rr-otd-event h3 {
    font-size: 22px;
    line-height: 1.24;
    margin-bottom: 8px;
}

.rr-otd-event-text,
.rr-otd-event-text p {
    font-size: 18px;
    line-height: 1.72;
    color: #233d5a;
}

.rr-otd-event-text p {
    margin: 0 0 10px;
}

.rr-otd-year {
    min-width: 84px;
    padding: 7px 10px;
    border-radius: 10px;
    box-shadow: 0 8px 18px rgba(208, 28, 49, .18);
}

.rr-otd-month {
    border: 1px solid #d7e4f0;
}

.rr-otd-mini {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
    box-shadow: 0 10px 24px rgba(24, 45, 70, .05);
}

.rr-otd-mini strong {
    font-size: 16px;
}

.rr-otd-mini-grid {
    gap: 12px;
}

.rr-otd-chronology {
    position: relative;
    overflow: hidden;
    padding: 24px 24px 26px;
    background: linear-gradient(135deg, rgba(250,248,241,.97), rgba(244,239,230,.96));
    border: 1px solid #e4dac8;
    min-height: 270px;
}

.rr-otd-chronology::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(135deg, rgba(255,250,244,.80), rgba(242,235,223,.72)), url('https://rodosreport.gr/wp-content/uploads/2026/10/b4046f30-bd82-47f1-b4dc-fa3608ca9903.png');
    background-size: cover;
    background-position: center;
    opacity: .12;
    pointer-events: none;
}

.rr-otd-chronology > * {
    position: relative;
    z-index: 1;
}

.rr-otd-chronology h2 {
    font-size: 34px;
    margin-bottom: 2px;
}

.rr-otd-chronology > p {
    font-size: 18px;
    color: #5b6f86;
    margin-bottom: 18px;
}

.rr-otd-era-row {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.rr-otd-era-row::before {
    content: "";
    position: absolute;
    left: 4%;
    right: 4%;
    top: 20px;
    height: 3px;
    background: linear-gradient(90deg, rgba(14,55,99,.35), rgba(14,55,99,.16));
    border-radius: 999px;
}

.rr-otd-era-row a {
    padding: 30px 12px 14px;
    border-radius: 14px;
    background: rgba(255,255,255,.68);
    border: 1px solid rgba(205, 210, 218, .85);
    backdrop-filter: blur(4px);
    box-shadow: 0 8px 22px rgba(18,46,77,.06);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

.rr-otd-era-row a::before {
    width: 16px;
    height: 16px;
    top: 12px;
    box-shadow: 0 0 0 5px rgba(255,255,255,.9), 0 0 0 6px rgba(14,55,99,.16);
}

.rr-otd-era-row a:hover {
    transform: translateY(-2px);
    border-color: #cc4152;
    background: rgba(255,255,255,.85);
    box-shadow: 0 14px 28px rgba(18,46,77,.12);
}

.rr-otd-era-row a strong {
    font-size: 17px;
}

.rr-otd-era-row a small {
    font-size: 13px;
    color: #8f2431;
}

.rr-otd-random {
    background: linear-gradient(135deg, #fffafc, #fff3f5);
    border: 1px solid #eed0d6;
}

@media (max-width: 900px) {
    .rr-otd-era-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .rr-otd-era-row::before {
        display: none;
    }
}

@media (max-width: 640px) {
    .rr-otd-event-text,
    .rr-otd-event-text p {
        font-size: 17px;
        line-height: 1.68;
    }
    .rr-otd-chronology {
        min-height: 0;
        padding: 20px 16px;
    }
    .rr-otd-chronology h2 {
        font-size: 28px;
    }
    .rr-otd-era-row {
        grid-template-columns: 1fr;
    }
}


/* v0.4.1 — external chronology artwork */
.rr-otd-chronology {
    min-height: 300px;
    box-shadow: 0 18px 40px rgba(21, 46, 76, .09);
}
.rr-otd-chronology::before {
    opacity: .18;
    background-size: cover;
    background-position: center center;
}
.rr-otd-chronology::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06));
    pointer-events: none;
}
.rr-otd-chronology > * { position: relative; z-index: 2; }
.rr-otd-era-row a {
    background: rgba(255,255,255,.76);
}
.rr-otd-main,
.rr-otd-card,
.rr-otd-month,
.rr-otd-random,
.rr-otd-search-results {
    box-shadow: 0 16px 34px rgba(20, 52, 84, .08);
}


/* =========================================================
   v0.5.0 — refined editorial UI
   ========================================================= */

.rr-otd-app {
    --rr-surface: #ffffff;
    --rr-surface-soft: #f7fafc;
    --rr-border-strong: #ccd8e4;
    --rr-shadow-soft: 0 12px 30px rgba(14, 43, 72, .07);
}

.rr-otd-main {
    background:
        linear-gradient(180deg, rgba(255,255,255,.99), rgba(252,253,255,.99));
    border-color: #d8e2ec;
}

.rr-otd-main::before {
    content: "";
    display: block;
    height: 4px;
    margin: -20px -22px 18px;
    background: linear-gradient(90deg, var(--rr-red), #e66a77 40%, transparent 82%);
    border-radius: 12px 12px 0 0;
}

.rr-otd-section-head {
    padding-bottom: 12px;
    border-bottom: 1px solid #e6edf4;
}

.rr-otd-section-head h2 {
    letter-spacing: -.5px;
}

.rr-otd-event {
    position: relative;
}

.rr-otd-event::after {
    content: "";
    position: absolute;
    left: 104px;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, #d8e1ea, transparent);
}

.rr-otd-event:last-child::after {
    display: none;
}

.rr-otd-event-body {
    padding-right: 4px;
}

.rr-otd-event h3 {
    color: #0c315a;
}

.rr-otd-event-text {
    max-width: 920px;
}

.rr-otd-tags span {
    background: linear-gradient(180deg, #f5f9fc, #edf3f8);
    border-color: #dbe5ee;
    font-weight: 600;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.rr-otd-sidebar .rr-otd-card {
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    border: 1px solid #d8e3ed;
    box-shadow: 0 10px 24px rgba(18, 46, 77, .055);
}

.rr-otd-card h3 {
    color: #0d345f;
    letter-spacing: -.1px;
}

.rr-otd-calendar-grid a {
    transition: transform .14s ease, background .14s ease, color .14s ease;
}

.rr-otd-calendar-grid a:hover {
    background: #edf3f8;
    transform: translateY(-1px);
}

.rr-otd-calendar-grid a.is-selected {
    box-shadow: 0 7px 16px rgba(201, 29, 46, .25);
}

.rr-otd-search-card form {
    border-radius: 9px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(18,46,77,.05);
}

.rr-otd-search-card input {
    background: #fff;
}

.rr-otd-search-card button {
    transition: filter .15s ease;
}

.rr-otd-search-card button:hover {
    filter: brightness(.92);
}

.rr-otd-theme-grid a {
    min-height: 42px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.rr-otd-theme-grid a:nth-child(odd) {
    background: #f5f8fb;
}

.rr-otd-theme-grid a:nth-child(even) {
    background: #eef4f9;
}

.rr-otd-main .rr-otd-month {
    position: relative;
    overflow: hidden;
    border: 1px solid #d6e3ee;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 24px rgba(18,46,77,.05);
}

.rr-otd-main .rr-otd-month::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(180deg, var(--rr-red), #e38b95);
}

.rr-otd-mini {
    border-color: #d9e4ed;
    border-radius: 11px;
}

.rr-otd-mini:hover {
    transform: translateY(-3px);
}

.rr-otd-mini span {
    border-radius: 999px;
    padding: 5px 9px;
}

.rr-otd-bottom {
    margin-bottom: 38px;
}

.rr-otd-chronology {
    border-radius: 16px;
}

.rr-otd-chronology::before {
    background-position: center center;
    filter: saturate(.82) contrast(.95);
}

.rr-otd-era-row a {
    min-height: 104px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rr-otd-era-row a strong {
    color: #153b63;
}

.rr-otd-era-row a:hover strong {
    color: var(--rr-red);
}

.rr-otd-random {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 14px 30px rgba(94, 25, 36, .07);
}

.rr-otd-random::before {
    content: "✦";
    position: absolute;
    right: 22px;
    bottom: -18px;
    font-size: 100px;
    line-height: 1;
    color: rgba(201,29,46,.055);
    pointer-events: none;
}

.rr-otd-random-event strong {
    color: #173b61;
    font-size: 17px;
    line-height: 1.35;
}

.rr-otd-random-refresh {
    position: relative;
    z-index: 2;
    background: #fff;
    box-shadow: 0 5px 14px rgba(87, 23, 33, .06);
}

.rr-otd-empty {
    background: linear-gradient(180deg, #fbfdff, #f6f9fc);
}

/* More differentiated navigation strip */
.rr-otd-tabs a:not(.is-active):not(.rr-otd-eortologio) {
    background: transparent;
    border: 1px solid transparent;
}

.rr-otd-tabs a:not(.is-active):not(.rr-otd-eortologio):hover {
    background: #f2f6fa;
    border-color: #e1e8ef;
}

.rr-otd-eortologio {
    box-shadow: 0 6px 14px rgba(13, 45, 79, .13);
}

@media (max-width: 640px) {
    .rr-otd-main::before {
        margin: -16px -16px 16px;
    }

    .rr-otd-event::after {
        left: 0;
    }

    .rr-otd-era-row a {
        min-height: 82px;
    }
}


/* =========================================================
   v0.6.0 — deep visual/layout repair
   ========================================================= */

.rr-otd-layout {
    grid-template-columns: minmax(0, 2.15fr) minmax(320px, .85fr) !important;
    gap: 22px !important;
    align-items: start !important;
}

.rr-otd-main,
.rr-otd-sidebar,
.rr-otd-event-body,
.rr-otd-chronology,
.rr-otd-era-row,
.rr-otd-era-row a {
    min-width: 0;
}

.rr-otd-main {
    overflow: visible;
}

.rr-otd-sidebar {
    position: sticky;
    top: 22px;
    align-self: start;
}

.rr-otd-main .rr-otd-month {
    margin: 24px 0 0 !important;
    padding: 20px !important;
    border-radius: 15px;
}

.rr-otd-main .rr-otd-month .rr-otd-section-head {
    padding-bottom: 13px;
}

.rr-otd-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.rr-otd-mini {
    min-height: 118px !important;
    padding: 15px !important;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    gap: 6px;
}

.rr-otd-mini strong {
    font-size: 17px !important;
    line-height: 1.32 !important;
    overflow-wrap: anywhere;
}

.rr-otd-chronology {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
    min-height: 430px !important;
    margin: 26px 0 0 !important;
    padding: 0 !important;
    border-radius: 18px !important;
    border: 1px solid #d9d3c8 !important;
    background: #f5f1e9 !important;
    box-shadow: 0 18px 42px rgba(21, 46, 76, .10) !important;
}

.rr-otd-chronology::before,
.rr-otd-chronology::after {
    content: none !important;
    display: none !important;
}

.rr-otd-chronology-art {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: .34;
    filter: saturate(.88) contrast(.96);
    pointer-events: none;
}

.rr-otd-chronology-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(250,247,239,.96) 0%, rgba(250,247,239,.78) 45%, rgba(250,247,239,.55) 100%),
        linear-gradient(180deg, rgba(255,255,255,.24), rgba(237,230,216,.34));
    pointer-events: none;
}

.rr-otd-chronology-content {
    position: relative;
    z-index: 2;
    padding: 30px 30px 28px;
}

.rr-otd-eyebrow {
    display: inline-block;
    margin-bottom: 5px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--rr-red);
}

.rr-otd-chronology h2 {
    margin: 0 !important;
    font-size: 36px !important;
    line-height: 1.04 !important;
    color: #0e345d !important;
}

.rr-otd-chronology-content > p {
    max-width: 700px;
    margin: 7px 0 22px !important;
    font-size: 17px !important;
    line-height: 1.45;
    color: #53677e !important;
}

.rr-otd-era-row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
}

.rr-otd-era-row::before {
    content: none !important;
    display: none !important;
}

.rr-otd-era-row a {
    position: relative !important;
    min-height: 122px !important;
    padding: 16px 14px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    border: 1px solid rgba(194, 199, 205, .86) !important;
    background: rgba(255,255,255,.80) !important;
    box-shadow: 0 9px 22px rgba(23,49,79,.075) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    text-decoration: none !important;
}

.rr-otd-era-row a::before {
    content: none !important;
    display: none !important;
}

.rr-otd-era-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 25px;
    margin-bottom: 11px;
    padding: 0 7px;
    border-radius: 999px;
    background: #0d345f;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
}

.rr-otd-era-row a strong {
    display: block !important;
    width: 100%;
    margin: 0 0 6px !important;
    color: #12395f !important;
    font-size: 16px !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: auto;
}

.rr-otd-era-row a small {
    display: block !important;
    width: 100%;
    margin: auto 0 0 !important;
    color: #9c2433 !important;
    font-family: Arial, sans-serif;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 700;
    overflow-wrap: anywhere !important;
}

.rr-otd-era-row a:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(201,29,46,.45) !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 14px 30px rgba(23,49,79,.13) !important;
}

.rr-otd-random {
    margin: 0 !important;
    padding: 20px !important;
    display: block !important;
    overflow: hidden;
    border-radius: 15px !important;
    border: 1px solid #ead4d8 !important;
    background:
        radial-gradient(circle at 90% 90%, rgba(201,29,46,.065), transparent 32%),
        linear-gradient(145deg, #fffdfd, #fff5f7) !important;
}

.rr-otd-random::before {
    content: "✦";
    right: 15px;
    bottom: -13px;
    font-size: 86px;
    color: rgba(201,29,46,.055);
}

.rr-otd-random-head h2 {
    margin: 0 !important;
    font-size: 23px !important;
    line-height: 1.17 !important;
    color: #0d345f !important;
}

.rr-otd-random-event {
    margin-top: 14px !important;
    padding-top: 13px;
    border-top: 1px solid rgba(182, 75, 91, .16);
}

.rr-otd-random-event strong {
    display: block;
    font-size: 16px !important;
    line-height: 1.38 !important;
}

.rr-random-year {
    color: var(--rr-red);
}

.rr-otd-random-event p {
    margin: 7px 0 0 !important;
    color: #607086 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

.rr-otd-random-refresh {
    width: 100%;
    margin-top: 15px;
    min-height: 42px;
    border-radius: 9px !important;
    font-weight: 700;
}

.rr-otd-random-refresh[disabled] {
    opacity: .55;
    cursor: wait;
}

.rr-otd-empty {
    padding: 24px !important;
    border-radius: 14px !important;
    background:
        radial-gradient(circle at 90% 20%, rgba(13,52,95,.05), transparent 35%),
        linear-gradient(180deg, #fcfdff, #f7fafc) !important;
}

.rr-otd-event-text,
.rr-otd-event-text p {
    font-size: 18px !important;
    line-height: 1.72 !important;
}

@media (max-width: 1180px) {
    .rr-otd-layout {
        grid-template-columns: minmax(0, 1fr) 310px !important;
    }

    .rr-otd-era-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .rr-otd-layout {
        grid-template-columns: 1fr !important;
    }

    .rr-otd-sidebar {
        position: static !important;
    }

    .rr-otd-mini-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .rr-otd-mini-grid,
    .rr-otd-era-row {
        grid-template-columns: 1fr !important;
    }

    .rr-otd-chronology {
        min-height: 0 !important;
    }

    .rr-otd-chronology-content {
        padding: 23px 17px 20px;
    }

    .rr-otd-chronology h2 {
        font-size: 29px !important;
    }

    .rr-otd-chronology-content > p {
        font-size: 15px !important;
    }

    .rr-otd-era-row a {
        min-height: 105px !important;
    }

    .rr-otd-event-text,
    .rr-otd-event-text p {
        font-size: 17px !important;
        line-height: 1.66 !important;
    }
}


/* =========================================================
   v0.7.0 — UI differentiation / hover repair / performance-safe polish
   ========================================================= */

/* Critical hover fix: Elementor/theme must never recolor this navy CTA */
.rr-otd-tabs .rr-otd-eortologio,
.rr-otd-tabs .rr-otd-eortologio:link,
.rr-otd-tabs .rr-otd-eortologio:visited {
    color: #ffffff !important;
    background: #0d345f !important;
    border-color: #0d345f !important;
}
.rr-otd-tabs .rr-otd-eortologio:hover,
.rr-otd-tabs .rr-otd-eortologio:focus,
.rr-otd-tabs .rr-otd-eortologio:active {
    color: #ffffff !important;
    background: #b9182c !important;
    border-color: #b9182c !important;
    text-decoration: none !important;
}

/* More distinct main sections */
.rr-otd-main {
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 42px rgba(15,43,72,.08) !important;
}

.rr-otd-sidebar .rr-otd-card {
    border-radius: 16px !important;
}

#rr-calendar {
    border-top: 4px solid #0d345f !important;
    background: linear-gradient(180deg, #ffffff, #f8fbfd) !important;
}

.rr-otd-search-card {
    border-top: 4px solid #d11e32 !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(209,30,50,.055), transparent 34%),
        #ffffff !important;
}

#rr-themes {
    border-top: 4px solid #7f96ad !important;
    background:
        linear-gradient(180deg, #fbfdff 0%, #f4f8fb 100%) !important;
}

/* 'Other events': stronger date badge, no flat full-width pill */
.rr-otd-main .rr-otd-month {
    background:
        radial-gradient(circle at 95% 5%, rgba(13,52,95,.05), transparent 30%),
        linear-gradient(145deg, #f6fafc, #edf4f8) !important;
}

.rr-otd-mini {
    position: relative;
    min-height: 142px !important;
    padding: 18px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid #d8e3ec !important;
    box-shadow: 0 9px 22px rgba(20,48,77,.055) !important;
}

.rr-otd-mini::after {
    content: "›";
    position: absolute;
    right: 15px;
    bottom: 12px;
    color: #9fb0c1;
    font-family: Arial, sans-serif;
    font-size: 24px;
    line-height: 1;
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity .16s ease, transform .16s ease, color .16s ease;
}

.rr-otd-mini:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(209,30,50,.35) !important;
    box-shadow: 0 15px 31px rgba(20,48,77,.11) !important;
}

.rr-otd-mini:hover::after {
    opacity: 1;
    transform: translateX(0);
    color: var(--rr-red);
}

.rr-otd-mini span {
    width: auto !important;
    max-width: max-content !important;
    align-self: flex-start !important;
    margin: 0 0 12px !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: #d11e32 !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    box-shadow: 0 6px 14px rgba(209,30,50,.16);
}

.rr-otd-mini strong {
    font-size: 18px !important;
    line-height: 1.34 !important;
    padding-right: 10px;
}

/* Themes: less flat, clearer hierarchy */
.rr-otd-theme-grid {
    gap: 9px !important;
}

.rr-otd-theme-grid a {
    position: relative;
    min-height: 48px !important;
    padding: 11px 12px 11px 17px !important;
    border-radius: 10px !important;
    background: #f4f7fa !important;
    border: 1px solid #dce5ed !important;
    box-shadow: inset 3px 0 0 #8ca0b5;
    transition: transform .14s ease, box-shadow .14s ease, color .14s ease, background .14s ease !important;
}

.rr-otd-theme-grid a:nth-child(3n+1) { box-shadow: inset 3px 0 0 #0d345f; }
.rr-otd-theme-grid a:nth-child(3n+2) { box-shadow: inset 3px 0 0 #d11e32; }
.rr-otd-theme-grid a:nth-child(3n+3) { box-shadow: inset 3px 0 0 #aa8d58; }

.rr-otd-theme-grid a:hover {
    transform: translateX(2px);
    background: #ffffff !important;
    color: #b9182c !important;
    box-shadow: inset 4px 0 0 #d11e32, 0 8px 17px rgba(18,46,77,.07) !important;
}

/* Search gets its own identity */
.rr-otd-search-card h3 {
    font-size: 19px !important;
    margin-bottom: 13px !important;
}

.rr-otd-search-card form {
    border: 1px solid #cedae5;
    background: #fff;
}

.rr-otd-search-card input {
    min-height: 50px !important;
    font-size: 16px !important;
}

.rr-otd-search-card button {
    width: 58px !important;
}

/* Chronology: image-led header + clean museum-style timeline */
.rr-otd-chronology {
    min-height: 0 !important;
    background: #ffffff !important;
    border-color: #d6dee7 !important;
}

.rr-otd-chronology-art {
    height: 190px !important;
    inset: 0 0 auto 0 !important;
    opacity: 1 !important;
    filter: saturate(.90) contrast(.98) !important;
    object-position: center 53% !important;
}

.rr-otd-chronology-overlay {
    height: 190px !important;
    bottom: auto !important;
    background:
        linear-gradient(90deg, rgba(7,30,53,.92) 0%, rgba(7,30,53,.69) 47%, rgba(7,30,53,.20) 100%),
        linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.18)) !important;
}

.rr-otd-chronology-content {
    padding: 0 26px 26px !important;
}

.rr-otd-chronology-content > .rr-otd-eyebrow {
    position: relative;
    display: inline-block;
    margin: 35px 0 7px !important;
    color: #f4c5ca !important;
}

.rr-otd-chronology h2 {
    position: relative;
    max-width: 680px;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 38px !important;
    line-height: 1.05 !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.28);
}

.rr-otd-chronology-content > p {
    position: relative;
    max-width: 700px;
    min-height: 62px;
    margin: 8px 0 29px !important;
    color: #eef4f8 !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    text-shadow: 0 1px 8px rgba(0,0,0,.22);
}

.rr-otd-era-row {
    position: relative;
    z-index: 3;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 12px !important;
    margin-top: 0 !important;
}

.rr-otd-era-row a {
    min-height: 92px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0,1fr);
    grid-template-rows: auto auto;
    column-gap: 12px;
    align-items: center !important;
    padding: 13px 15px !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg,#ffffff,#f8fafc) !important;
    border: 1px solid #d8e1e9 !important;
    box-shadow: 0 7px 17px rgba(18,46,77,.05) !important;
}

.rr-otd-era-number {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #0d345f !important;
    font-size: 12px !important;
}

.rr-otd-era-row a strong {
    grid-column: 2;
    grid-row: 1;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
}

.rr-otd-era-row a small {
    grid-column: 2;
    grid-row: 2;
    margin: 4px 0 0 !important;
    font-size: 12px !important;
}

.rr-otd-era-row a:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.rr-otd-era-row a:hover {
    transform: translateY(-2px) !important;
    background: #fff !important;
    border-color: rgba(209,30,50,.34) !important;
}

.rr-otd-era-row a:hover .rr-otd-era-number {
    background: #d11e32 !important;
}

/* Event reading rhythm */
.rr-otd-event-text p + p {
    margin-top: 12px !important;
    padding-top: 12px;
    border-top: 1px solid #edf1f5;
}

/* Do not let theme hover rules leak into our CTA links */
.rr-otd-app a:hover,
.rr-otd-app a:focus {
    text-decoration: none;
}

@media (max-width: 640px) {
    .rr-otd-mini {
        min-height: 122px !important;
    }

    .rr-otd-mini span {
        font-size: 13px !important;
    }

    .rr-otd-chronology-art,
    .rr-otd-chronology-overlay {
        height: 210px !important;
    }

    .rr-otd-chronology-content {
        padding: 0 15px 20px !important;
    }

    .rr-otd-chronology h2 {
        font-size: 31px !important;
    }

    .rr-otd-chronology-content > p {
        min-height: 84px;
        font-size: 15px !important;
    }

    .rr-otd-era-row {
        grid-template-columns: 1fr !important;
    }

    .rr-otd-era-row a:last-child:nth-child(odd) {
        grid-column: auto;
    }
}


/* v0.7.2 — explicit topical taxonomy */
.rr-otd-card-subtitle {
    margin: -4px 0 12px;
    color: #6d7d8f;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.4;
}

#rr-themes .rr-otd-theme-grid a {
    min-height: 52px !important;
    line-height: 1.25;
}


/* v0.8.1 — dynamic non-empty theme navigation */
#rr-themes .rr-otd-theme-grid a {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.rr-theme-label {
    min-width: 0;
}

.rr-theme-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 27px;
    height: 27px;
    padding: 0 7px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #d5e0ea;
    color: #49627b;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
}

#rr-themes .rr-otd-theme-grid a:hover .rr-theme-count {
    border-color: rgba(209, 30, 50, .28);
    color: #b9182c;
}


/* v0.8.2 — historically audited chronology */
.rr-otd-era-row-nine {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.rr-otd-era-row-nine a {
    min-height: 112px !important;
}

.rr-otd-era-row-nine a:last-child:nth-child(odd) {
    grid-column: auto !important;
}

@media (max-width: 1180px) {
    .rr-otd-era-row-nine {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .rr-otd-era-row-nine a:last-child:nth-child(odd) {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 640px) {
    .rr-otd-era-row-nine {
        grid-template-columns: 1fr !important;
    }

    .rr-otd-era-row-nine a:last-child:nth-child(odd) {
        grid-column: auto !important;
    }
}

/* Research theme typography and long chronology labels */
.rr-otd-research-events .rr-otd-event{grid-template-columns:minmax(105px,145px) minmax(0,1fr);align-items:start;gap:20px}
.rr-otd-research-events .rr-otd-year{width:auto;min-width:0;max-width:145px;overflow-wrap:anywhere;word-break:normal;font-size:14px;line-height:1.35;white-space:normal;padding:12px 10px;text-align:center}
.rr-otd-research-events .rr-otd-event-body{min-width:0}
.rr-otd-research-events .rr-otd-event-body h3{overflow-wrap:break-word;line-height:1.3}
.rr-otd-research-sources{margin-top:12px;font-size:13px;line-height:1.6;color:#50657a}
.rr-otd-research-sources a{text-decoration:underline}
@media(max-width:640px){.rr-otd-research-events .rr-otd-event{display:block}.rr-otd-research-events .rr-otd-year{display:inline-block;max-width:100%;margin-bottom:12px}.rr-otd-research-events .rr-otd-event-body{width:100%}}

/* v0.9.23 — Research archives: avoid badge/title collision at every breakpoint */
.rr-otd-research-events .rr-otd-event {display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:9px !important;padding:24px 0 !important;align-items:start !important;}
.rr-otd-research-events .rr-otd-year {display:inline-block !important;box-sizing:border-box !important;width:max-content !important;min-width:0 !important;max-width:min(100%,520px) !important;white-space:normal !important;overflow-wrap:normal !important;word-break:normal !important;line-height:1.5 !important;padding:7px 13px !important;font-size:13px !important;border-radius:9px !important;box-shadow:none !important;text-align:left !important;}
.rr-otd-research-events .rr-otd-event-body {min-width:0 !important;width:100% !important;padding:0 !important;}
.rr-otd-research-events .rr-otd-event-body h3 {margin:2px 0 12px !important;font-size:clamp(19px,2.1vw,25px) !important;line-height:1.35 !important;overflow-wrap:break-word !important;}
.rr-otd-research-events .rr-otd-event-text p {line-height:1.75 !important;margin:0 0 15px !important;}
.rr-otd-research-events .rr-otd-event::after {left:0 !important;}

/* v0.9.24 compact navigation, responsive and research search */
.rr-otd-research-search{margin-top:28px}
.rr-otd-research-search>h3{font-size:1.2rem;margin:0 0 14px}
.rr-otd-tabs a:focus-visible,.rr-otd-app button:focus-visible,.rr-otd-app input:focus-visible{outline:3px solid #1464a3;outline-offset:3px}
@media(max-width:640px){.rr-otd-tabs{gap:6px!important;padding:8px!important}.rr-otd-tabs a{padding:9px 10px!important;font-size:13px!important}.rr-otd-tabs .rr-otd-eortologio{width:100%;text-align:center!important}.rr-otd-research-events .rr-otd-year{max-width:100%!important}}
@media(prefers-reduced-motion:reduce){.rr-otd-app *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* v0.9.27: contextual chronology note; no additional network requests */


/* 0.9.28: keep native anchor targets visible below sticky theme headers. */
.rr-otd-app #rr-date-view,.rr-otd-app #rr-chronology,.rr-otd-app #rr-themes{scroll-margin-top:110px}
.rr-otd-app #rr-date-view:target,.rr-otd-app #rr-chronology:target,.rr-otd-app #rr-themes:target{outline:2px solid rgba(19,61,103,.22);outline-offset:4px}

/* v0.9.33: compact pagination without modifying existing layout */
.rr-otd-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0;padding:12px 0}
.rr-otd-pagination a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid #d8dfdf;border-radius:8px;text-decoration:none;font-weight:600}
.rr-otd-pagination a:focus-visible{outline:3px solid #1b6d83;outline-offset:3px}
.rr-otd-pagination span{font-size:.9rem}
@media(max-width:480px){.rr-otd-pagination{gap:8px}.rr-otd-pagination a{padding:8px 12px}}

/* Archival photos for documented historical entries; existing layout unaffected. */
.rr-otd-archive-photos{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0 8px}.rr-otd-archive-photos figure{margin:0;width:min(190px,46%)}.rr-otd-archive-photos img{display:block;width:100%;height:auto;max-height:245px;object-fit:contain;border-radius:6px}.rr-otd-archive-photos figcaption{font-size:12px;line-height:1.45;margin-top:6px;opacity:.78}

/* Editorial companion area – scoped, without changing the original grid. */
.rr-otd-app .rr-otd-related{margin:42px 0 35px;padding:26px;background:linear-gradient(130deg,#f6f9fc 0%,#fff 75%);border:1px solid #e1e8ef;border-radius:17px;box-shadow:0 8px 26px rgba(17,42,71,.045)}
.rr-otd-app .rr-otd-related-head{margin-bottom:18px}.rr-otd-app .rr-otd-related-eyebrow{display:block;margin-bottom:8px;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#a31322;font-weight:800}
.rr-otd-app .rr-otd-related-head h2{font-size:clamp(21px,2.1vw,28px);line-height:1.28;margin:0 0 8px;color:#172d47}.rr-otd-app .rr-otd-related-head p{margin:0;font-size:14px;color:#52667b}
.rr-otd-app .rr-otd-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:15px}
.rr-otd-app .rr-otd-related-item{padding:19px;border:1px solid #e2e9ef;border-radius:12px;background:#fff;min-width:0;transition:box-shadow .2s ease}
.rr-otd-app .rr-otd-related-item:hover{box-shadow:0 8px 18px rgba(24,50,75,.09)}.rr-otd-app .rr-otd-related-label{display:block;color:#a31322;font-size:11px;font-weight:800;letter-spacing:.04em;margin-bottom:9px}
.rr-otd-app .rr-otd-related-item h3{font-size:18px;line-height:1.42;margin:0 0 11px}.rr-otd-app .rr-otd-related-item h3 a{color:#18324a;text-decoration:none}.rr-otd-app .rr-otd-related-item h3 a:hover{text-decoration:underline}
.rr-otd-app .rr-otd-related-item p{font-size:14px;line-height:1.65;color:#566576;margin:0 0 13px}.rr-otd-app .rr-otd-related-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.rr-otd-app .rr-otd-related-actions a{font-size:13px;font-weight:750;color:#233e59}.rr-otd-app .rr-otd-related-actions .rr-otd-related-primary{display:inline-block;padding:10px 13px;background:#b51225;color:#fff;border-radius:8px;text-decoration:none}
.rr-otd-app .rr-otd-related-sources{margin-top:15px;font-size:13px;border-top:1px solid #e9edf1;padding-top:10px}.rr-otd-app .rr-otd-related-sources summary{cursor:pointer;color:#34536d;font-weight:650}.rr-otd-app .rr-otd-related-sources ul{padding-left:19px;margin:8px 0 0}.rr-otd-app .rr-otd-related-sources a{overflow-wrap:anywhere}
.rr-otd-app .rr-otd-event-related{margin:13px 0;padding:12px 14px;border-left:3px solid #b51225;background:#f6f8fa;border-radius:0 7px 7px 0;font-size:13px;line-height:1.6;color:#344d65}.rr-otd-app .rr-otd-event-related a{color:#a31322;font-weight:650}
@media(max-width:700px){.rr-otd-app .rr-otd-related{margin:30px 0;padding:17px;border-radius:12px}.rr-otd-app .rr-otd-related-item{padding:15px}.rr-otd-app .rr-otd-related-actions .rr-otd-related-primary{min-height:44px;display:inline-flex;align-items:center}}

/* v0.9.41 – clearer editorial article cards; scoped to archive section only */
.rr-otd-app .rr-otd-related{background:#f8fafc;border:1px solid #e0e7ef;padding:clamp(17px,2.4vw,30px)}
.rr-otd-app .rr-otd-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,295px),1fr));gap:18px;align-items:stretch}
.rr-otd-app .rr-otd-related-item{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid #dbe4ec;border-radius:15px;padding:22px;box-shadow:0 3px 12px rgba(20,40,65,.04);min-width:0}
.rr-otd-app .rr-otd-related-item h3{font-size:clamp(17px,1.5vw,20px);line-height:1.42;overflow-wrap:anywhere}
.rr-otd-app .rr-otd-related-item p{flex:1;line-height:1.7;color:#526073}
.rr-otd-app .rr-otd-related-actions{margin-top:auto;padding-top:8px;gap:12px}
.rr-otd-app .rr-otd-related-primary{min-height:44px;display:inline-flex!important;align-items:center;justify-content:center}
.rr-otd-app .rr-otd-related-history{font-size:13px;text-decoration:underline;text-underline-offset:3px}
.rr-otd-app .rr-otd-related-sources{margin-top:16px}
.rr-otd-app .rr-otd-related-item:focus-within{outline:2px solid #547a9b;outline-offset:2px}
@media(max-width:680px){.rr-otd-app .rr-otd-related-grid{grid-template-columns:1fr;gap:12px}.rr-otd-app .rr-otd-related-item{padding:17px}.rr-otd-app .rr-otd-related-actions{align-items:stretch;flex-direction:column}.rr-otd-app .rr-otd-related-actions a{width:fit-content}}

/* v0.9.44: small, additive refinements only; no global Elementor overrides. */
.rr-otd-app .rr-otd-related-item{overflow-wrap:anywhere}
.rr-otd-app .rr-otd-related-actions a:focus-visible{outline:3px solid #174a81;outline-offset:3px}
.rr-otd-app .rr-otd-hero{background-position:center center}
@media(max-width:600px){.rr-otd-app .rr-otd-related{padding:15px}.rr-otd-app .rr-otd-related-item{padding:15px}}

/* v0.9.45 – isolated readability/accessibility refinements; no changes to global theme. */
.rr-otd-app .rr-otd-related .rr-otd-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.rr-otd-app .rr-otd-related .rr-otd-related-item{display:flex;flex-direction:column;min-width:0;margin:0;padding:20px;background:#fff;border:1.5px solid #55583b;border-radius:14px;box-shadow:0 3px 12px rgba(20,40,65,.045);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.rr-otd-app .rr-otd-related .rr-otd-related-item h3{font-size:clamp(18px,1.5vw,21px);line-height:1.38;overflow-wrap:anywhere}
.rr-otd-app .rr-otd-related .rr-otd-related-item p{flex-grow:1}
.rr-otd-app .rr-otd-related a:focus-visible,.rr-otd-app .rr-otd-era-row a:focus-visible{outline:3px solid #175695;outline-offset:3px}
.rr-otd-app .rr-otd-era-row-nine a strong{font-size:clamp(14px,1.25vw,17px)!important;line-height:1.3!important;overflow-wrap:break-word;hyphens:auto}
.rr-otd-app .rr-otd-era-row-nine a small{font-size:12px!important;line-height:1.4!important}
.rr-otd-app .rr-otd-era-row-nine a{min-width:0;min-height:108px!important}
@media(max-width:800px){.rr-otd-app .rr-otd-related .rr-otd-related-grid{grid-template-columns:minmax(0,1fr)}.rr-otd-app .rr-otd-related .rr-otd-related-item{padding:17px}}
@media(max-width:640px){.rr-otd-app .rr-otd-era-row-nine a{min-height:83px!important}.rr-otd-app .rr-otd-era-row-nine a strong{font-size:16px!important}.rr-otd-app .rr-otd-related .rr-otd-related-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){.rr-otd-app .rr-otd-related-item{transition:none!important}}

/* v0.9.47: editorial image for the Antikythera related-article card only. */

/* v0.9.52: accessible, predictable navigation across archives and dates */
.rr-otd-tabs .rr-otd-home {margin-left:auto; background:#f3f7fb; border:1px solid #c9d6e3; color:#123451; white-space:nowrap;}
.rr-otd-tabs .rr-otd-home:hover,.rr-otd-tabs .rr-otd-home:focus-visible {background:#e3eef8;color:#092a48;}
.rr-otd-tabs .rr-otd-eortologio {margin-left:0;}
.rr-otd-context-note {border:1px solid #c8d7e4;border-radius:10px;background:#f4f8fc;padding:13px 16px;margin:19px 0;color:#29465d;line-height:1.55;font-size:14px;}
.rr-otd-back-home {display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;background:#f3f7fb;border:1px solid #c8d7e4;border-radius:8px;font-weight:700;text-decoration:none;}
#rr-date-view,#rr-chronology,#rr-themes,#rr-results,#rr-calendar {scroll-margin-top:100px;}
@media(max-width:980px){.rr-otd-tabs {flex-wrap:wrap;}.rr-otd-tabs .rr-otd-home {margin-left:0;}}
@media(max-width:640px){.rr-otd-tabs .rr-otd-home {flex:1 1 auto;text-align:center;justify-content:center;}.rr-otd-context-note {padding:11px 12px;}}

/* v0.9.71: refined anniversary calendar styling */
#rr-calendar{padding:18px 18px 16px;border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);box-shadow:0 10px 26px rgba(21,56,92,.05)}
#rr-calendar .rr-otd-card-title{margin-bottom:14px;align-items:center}
#rr-calendar .rr-otd-card-title strong{font-size:20px;font-weight:800;letter-spacing:-.02em;color:#15385c}
#rr-calendar .rr-otd-card-title a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid #dce5ee;background:#fff;color:#bb2035;font-size:28px;line-height:1;box-shadow:0 4px 10px rgba(21,56,92,.05);transition:transform .15s ease,background .15s ease,border-color .15s ease}
#rr-calendar .rr-otd-card-title a:hover,#rr-calendar .rr-otd-card-title a:focus-visible{background:#fff4f5;border-color:#bb2035;transform:translateY(-1px);outline:none}
#rr-calendar .rr-otd-month-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:6px 0 16px}
#rr-calendar .rr-otd-month-picker a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:38px;padding:8px 4px;border:1px solid #d7e2eb;border-radius:999px;background:#f6f9fc;color:#183e5d;text-align:center;text-decoration:none;font-size:14px;font-weight:700;line-height:1.1;transition:all .15s ease}
#rr-calendar .rr-otd-month-picker a:hover,#rr-calendar .rr-otd-month-picker a:focus-visible{border-color:#bc273b;background:#fff1f3;color:#98192b;outline:none;transform:translateY(-1px)}
#rr-calendar .rr-otd-month-picker a.is-active{color:#fff;background:linear-gradient(180deg,#cc263d,#b51d32);border-color:#b51d32;box-shadow:0 8px 18px rgba(181,29,50,.22)}
#rr-calendar .rr-otd-calendar-anniversary{margin-top:2px;gap:9px;max-width:360px;margin-left:auto;margin-right:auto}
#rr-calendar .rr-otd-calendar-anniversary a{background:transparent;border-radius:16px;color:#ba1e34;font-size:15px;font-weight:600;box-shadow:none}
#rr-calendar .rr-otd-calendar-anniversary a:hover{background:#f4f8fb}
#rr-calendar .rr-otd-calendar-anniversary a.has-events{font-weight:800}
#rr-calendar .rr-otd-calendar-anniversary a.has-events i{bottom:5px;width:5px;height:5px}
#rr-calendar .rr-otd-calendar-anniversary a.is-selected{background:linear-gradient(180deg,#d6293a,#ba1e34);color:#fff;box-shadow:0 10px 20px rgba(198,35,58,.24)}
#rr-calendar .rr-otd-calendar-anniversary a.is-selected i{background:#fff}
#rr-calendar .rr-otd-calendar-hint{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:#f7fafc;color:#5a6d7f;font-size:12px;line-height:1.45}
#rr-calendar .rr-otd-calendar-anniversary a:focus-visible{outline:2px solid #bb2035;outline-offset:2px}
@media(max-width:480px){#rr-calendar{padding:16px 14px 14px}#rr-calendar .rr-otd-card-title strong{font-size:18px}#rr-calendar .rr-otd-month-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}#rr-calendar .rr-otd-month-picker a{min-height:36px;font-size:13px;padding:7px 2px}#rr-calendar .rr-otd-calendar-anniversary{gap:7px;max-width:none}}

/* v0.9.94: isolated detail page, touch-friendly controls and keyboard navigation */
.rr-otd-app .rr-otd-event-permalink{color:inherit;text-decoration:none;text-underline-offset:3px}
.rr-otd-app .rr-otd-event-permalink:hover{text-decoration:underline}
.rr-otd-app :is(a,button,input,select):focus-visible{outline:3px solid #145ea6!important;outline-offset:3px}
.rr-otd-single{max-width:960px;margin:24px auto 60px;padding:0 18px}
.rr-otd-single>h1{font-size:clamp(25px,3vw,37px);line-height:1.2;margin:24px 0}
.rr-otd-single-back a{display:inline-flex;min-height:44px;align-items:center}
@media(max-width:640px){.rr-otd-app .rr-otd-search-card input{min-width:0;max-width:100%}.rr-otd-app .rr-otd-pagination a{min-height:44px;display:inline-flex;align-items:center}.rr-otd-single{padding:0 12px}}
@media(prefers-reduced-motion:reduce){.rr-otd-app *,.rr-otd-app *::before,.rr-otd-app *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v0.9.122: subtle olive outlines for related historical-article cards only. */
.rr-otd-app .rr-otd-related .rr-otd-related-item:hover{border-color:#42462a;box-shadow:0 8px 18px rgba(53,57,35,.12);transform:translateY(-1px)}
.rr-otd-app .rr-otd-related .rr-otd-related-item:focus-within{border-color:#42462a}
@media(prefers-reduced-motion:reduce){.rr-otd-app .rr-otd-related .rr-otd-related-item:hover{transform:none}}

/* v0.9.135: Accessible native expansion of the long thematic sidebar. */
#rr-themes .rr-otd-theme-more { margin-top: 12px; }
#rr-themes .rr-otd-theme-more > summary {
    cursor: pointer; list-style-position: inside; padding: 11px 12px;
    color: #0d345f; background: #f4f7fa; border: 1px solid #dce5ed;
    border-radius: 9px; font-weight: 700; font-size: 13px;
}
#rr-themes .rr-otd-theme-more > summary:focus-visible { outline: 3px solid #d11e32; outline-offset: 2px; }
#rr-themes .rr-otd-theme-more[open] > summary { margin-bottom: 10px; }