html {
    font-family: 'Times New Roman', Times, serif;
}


/* Table border color patches */

[bordercolorlight="#ffff00"], [bordercolorlight="#FFFF00"] {
    --border-color-light: #ffff00;
}
[bordercolorlight="#ff0000"], [bordercolorlight="#FF0000"] {
    --border-color-dark: #ff0000;
}
[bordercolordark="#ffff00"], [bordercolordark="#FFFF00"] {
    --border-color-dark: #ffff00;
}
[bordercolordark="#ff0000"], [bordercolordark="#FF0000"] {
    --border-color-dark: #ff0000;
}
table[bordercolordark][bordercolorlight] {
    border-color: var(--border-color-light) var(--border-color-dark) var(--border-color-dark) var(--border-color-light);
    border-style: solid; /* fix for firefox */
    /* todo: border corners in Chrome & Safari are straight, whereas in old IE & FF they are diagonal */
}


/* Link color patch */
a:has(font[color="#FFFF00"]), a:has(font[color="#ffff00"]) {
    color: #ffff00;
}


/* Modern view transition patch */
@view-transition {
  navigation: auto;
}

@keyframes moongate {
    from {
        clip-path: circle(0% at 50% 50%);
    }
    to {
        clip-path: circle(150% at 50% 50%);
    }
}
::view-transition-old(root) {
    animation: none;
} 
::view-transition-new(root) {
    animation: moongate 1s forwards linear;
}