/* What the pages' content and the shared templates need before base.css: the tables,
   lists and figures the posts' HTML carries, hidden labels and the call-to-action button. */
ol, ul { box-sizing: border-box; }
:where(figure) { margin: 0 0 1em; }
html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; }

.history-table { overflow-x: auto; }
.history-table table { border-collapse: collapse; width: 100%; }
.history-table thead { border-bottom: 3px solid; }
.history-table td, .history-table th { border: 1px solid; padding: .5em; }
.history-table.striped { background-color: initial; border-bottom: 1px solid #f0f0f0; border-collapse: inherit; border-spacing: 0; }
.history-table.striped tbody tr:nth-child(odd) { background-color: #f0f0f0; }
.history-table.striped td, .history-table.striped th { border-color: #0000; }

/* for screen readers only, until focused */
.screen-reader-text {
    position: absolute; top: -10000em; width: 1px; height: 1px; margin: -1px; padding: 0;
    overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); border: 0; word-wrap: normal;
}
.screen-reader-text:focus {
    background-color: #ddd; clip: auto !important; clip-path: none; color: #444; display: block;
    font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px;
    text-decoration: none; top: 5px; width: auto; z-index: 100000;
}

.cta-button {
    display: inline-block; line-height: 1; background-color: #818a91; font-size: 15px;
    padding: 12px 24px; border-radius: 3px; color: #fff; fill: #fff; text-align: center; transition: all .3s;
}
.cta-button:focus, .cta-button:hover, .cta-button:visited { color: #fff; }
.cta-button-content { display: flex; justify-content: center; }
.cta-button-text { flex-grow: 1; order: 10; display: inline-block; }
.cta-button span { text-decoration: inherit; }