/* various tags */
main {
    max-width: 68ch !important;
    padding: 0 2ch !important;
/*
    font-variant-emoji: text;
*/
}

blockquote {
    padding-top: 0;
    padding-bottom: 0;
    p, li {
        font-style: italic;
        opacity: .75;
    }
}

details { padding: 0; margin: 0 !important }
details summary { padding-top: 1em /* fixes scroll into view too high.*/ }
footer h3 { text-align: center }
summary.med {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 1em !important;
}

fieldset {
    border-width: 1px;
    border-style: solid;
    border-color: var(--pico-muted-border-color);
    border-radius: 1em;
    padding: 1ch 1ch 1.5ch 1.8ch;
    p:last-child { margin-bottom: 0 }
}
legend {
    padding: 0 1ch;
    margin: 0 !important;
    font-weight: bold !important;
    opacity: .6;
}

figure, picture {
    margin-top: .4rem;
    width: 40%;
    &.left {
        float: left;
        margin-right: 1rem;
    }
    &.right, .right figcaption {
        float: right;
        margin-left: 1rem;
        text-align: right;
    }
}
figcaption {
    font-size: smaller;
}


dfn {
    text-decoration: underline dotted;
    font-style: normal !important;
}
ol li { /* fix: avoid square bullet */
    list-style: inherit;
}
li ul, li ol, li p { /* fix: avoid extra margin below list when inside list */
    margin-bottom: .2em;
}
svg path.st0 { fill: dodgerblue }

tr:first-of-type td:first-of-type {
  border-top-left-radius: .8em;
}
tr:first-of-type td:last-of-type {
    border-top-right-radius: .8em;
}
tr:last-of-type td:first-of-type {
    border-bottom-left-radius: .8em;
}
tr:last-of-type td:last-of-type {
    border-bottom-right-radius: .8em;
}

table {
    table-layout:fixed;
    border-radius: 1em;
    border-collapse: separate;
}
th { font-weight: bold; }


/* classes */
table.lite_border td, table.lite_border th {
    vertical-align: top;
    border: 1px solid var(--pico-muted-border-color);
    padding-right: .5ch;
}
/* sigh */
table.lite_border tr th:first-child {
    border-radius: 1em 0 0 0;
}
table.lite_border tr th:last-child {
    border-radius: 0 1em 0 0;
}


/* status: no padding, bullets */
ul.simple { padding-left: 4ch }
ul.simple li, div.ul_simple li { list-style-type: none }

div.ul_simple > ul { padding-left: 0 }
div.ul_simple > ul > li { margin-bottom: .75em }


/* shadow will double if not scoped */
span.gradient, .gradient a {
    background: linear-gradient(in oklch 90deg, #00bb72 0.0%, #0079ff 100.0%);
    background-clip: text;
    color: transparent;
    filter: drop-shadow(1px 1px .5px rgba(8, 8, 8, .7));
    text-decoration: none;
}
h1.gradient { padding-bottom: .2em }  /* clipped g from grad */
h3.gradient { margin-bottom: .1em }  /* collapse */
header a[data-theme-switcher] {
    color: var(--pico-contrast);
    float: right;
    font-size: 1.5em;
    text-decoration: none;
}
span.flip_horiz {
  display: inline-block;
  transform: scale(-1, 1)
}


.dim { opacity: .5 }
.gs { filter: grayscale(100%) }
.up { vertical-align: .16em }


/* light theme only */

/* Dark color scheme (Auto), enabled if user has dark mode enabled */
/*
@media only screen and (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
    }
}
*/

/* Dark color scheme (forced), enabled if forced with data-theme="dark" */
/*
[data-theme="dark"] {

}
*/