/*  2-base.css
    Oakwood Framework v4.1.03 table captiom added and col alignment
    CSS reset + bare element defaults. No classes. Copy-paste once, never touch.
*/


*, *::before, *::after {
    box-sizing: border-box; /* Include padding inside elements */
}

html, body {
    font-family: var(--font-base);
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-x: hidden; /* Catch sneaky elements */
    background: var(--bg-outer);
    color: var(--text-dark);
    scroll-behavior: smooth;
}

h1, h2 {
    text-align: var(--title-align);
}

h3, h4, h5, h6 {
    text-align: var(--heading-align);
    margin-top: var(--spacing-block);
}

/* Responsive typography */

h1 { font-size: 1.75em; } /* reduced .25em */
h2 { font-size: 1.25em; } /* reduced .25em */
h3 { font-size: 1.17em; } /* default */
h4 { font-size: 1em ;}  /* default */
h5 { font-size: 0.83em; } /* default */
h6 { font-size: 0.67em; } /* default */


p {
    font-size: var(--font-fluid-body);
    line-height: 1.6; /* multiplier of font size */
    margin: 0 auto  var(--spacing-small); /* top lr bottom */
}

p.medium-text {
    font-size: var(--font-fluid-medium);
}

p.larger-text {
    font-size: var(--font-fluid-large);
}

p.centered {
    max-width: var(--content-max-width);
    width: 50%;            /* or 80%, etc. */
    margin: 0 auto;         /* centers the block */
}

a {
    color: var(--link-color);
    background-color: transparent;
    text-decoration: none;
    transition: all 0.2s ease;
}

a:hover,
a:focus {
    color: var(--link-hover-color);
    text-decoration: none;
    outline: none;
}

a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

blockquote {
    width: 100%;
    max-width: var(--content-max-width);
    background: var(--bg-blockquote-table);
    padding: var(--spacing-medium);
    margin: var(--spacing-small) auto;
    font-size: var(--font-fluid-body);
    font-style: italic;
}

table {
    width: 100%;
    max-width: var(--block-max-width);
    margin: var(--spacing-small) auto;  /* Centers like your ul */
    border-collapse: collapse;   /* Merges borders for clean lines */
    font-size: var(--font-fluid-body); /* Matches ul text scale */
}

table caption {
    font-size: var(--font-fluid-body);
    font-weight: 700;
    padding-bottom: 0.85rem;
}

table th,
table td {
    border: 1px solid var(--text-dark);
    padding: var(--spacing-small) 0 var(--spacing-small) var(--spacing-xsmall); /*trbl*/
}

table th.small-head {
    font-size: 0.85rem;
    font-weight: 600;
}

table .col-center { text-align: center; }
table .col-right  { text-align: right; }

ul, ol {
    max-width: var(--content-max-width);
    margin: var(--spacing-small) auto;
    font-size: var(--font-fluid-body);
    padding-left: 5%;
    line-height: 1.6;
}

ul li, ol li  {
    margin-left: var(--spacing-medium);
    margin-bottom: var(--spacing-xsmall);
}

/* Spaced lists — vertical rhythm, no link underlines */
ul.spaced-list,
ul.no-bullet-spaced-list {
    padding: 0 var(--spacing-large);
    margin: var(--spacing-large) 0;
}

ul.spaced-list li,
ul.no-bullet-spaced-list li {
    font-size: var(--font-fluid-medium);
    margin-bottom: var(--spacing-large);
}

ul.spaced-list a,
ul.no-bullet-spaced-list a {
    text-decoration: none;
    font-size: var(--font-fluid-medium);
}

ul.spaced-list a:hover,
ul.no-bullet-spaced-list a:hover {
    color: var(--link-hover-color);
    font-weight: 700;
}

ul.no-bullet-spaced-list {
    list-style: none;
}


button {
    font-family: inherit;
    border: none;
    background: none;
}