/* Serif overwrites */
html {
    width: 100%;
}

body {
    width: 90%;
    margin: 0 auto;
    max-width: var(--max-container-width);
}

/* Headings */
h1 {
    font-size: clamp(1.875rem,1.5893rem + 1.4286vw,2.75rem);
    line-height: 1.3;
    padding-bottom: 0;
    border: 0;
}

h2 {
    font-size: clamp(1.25rem,1.1684rem + .4082vw,1.5rem);
}

h3, h4 {
    line-height: 1.4;
    color: var(--color-cod-grey);
    margin-bottom: calc(var(--spacing) * 1.5);
}

h3 {
    font-size: var(--font-size-beta);
}

h4 {
    font-size: var(--font-size-gamma);
}

h5 {
    font-size: var(--font-size-delta);
    margin-bottom: calc(var(--spacing) * .5);
}

/* Links */
a {
    color: var(--color-lochmara)!important;
}

a:focus {
    outline: 1px solid var(--color-lochmara);
    outline-offset: 3px;
}

/* Text */
p {
    font-size: var(--font-size-epsilon);
    line-height: 1.6;
    margin-bottom: calc(var(--spacing) * 2);
    margin-top: 0;
}

header p {
    font-size: clamp(1.125rem,1.0842rem + .2041vw,1.25rem);
    font-weight: 300;
    line-height: 1.5;
}

header aside p {
    font-weight: normal;
    font-size: var(--font-size-epsilon);
    margin-bottom: 0;
}

header .box p {
    font-size: var(--font-size-epsilon);
}

header {
    margin-bottom: var(--spacing);
}

figure {
    margin-left: 0;
}

ul, ol {
    font-size: var(--font-size-epsilon);
    margin: 0 0 calc(var(--spacing) * 2);
}

li {
    font-size: var(--font-size-epsilon);
    line-height: 1.6;
    margin: calc(var(--spacing) * .5) 0!important;
}


/* Header image */
@media screen and (max-width: 72em) {
    .comparison img, .comparison, .comparison div, .single, .single img {
        max-width: 100%;
    }
}


/* Tab image component */
/*.tabbedImage.interactive{
    width: 100%;
    min-width: unset;
}

.tabStrip {
    margin-bottom: calc(var(--spacing) * .5);
    padding-bottom: var(--spacing);
}

.tabStrip > .tab {
    margin: 4px;
}

.tabStrip > .tab.selected {
    text-decoration: underline;
    color: var(--color-black);
    background-color: var(--color-white);
}

.tabStrip > .tab:hover {
    background-color: var(--color-white);
    outline: 1px solid var(--color-lochmara);
    outline-offset: 3px;
}

.tabbedImage > .view {
    padding-top: var(--spacing);
}

.overlay-pair > .anno > h2,
.overlay-pair > .anno > h4 {
    font-size: clamp(0.75rem, 0.7625rem + 0.6vw, 1.25rem);
    color: var(--color-white);
}*/

/* Details */
summary {
    font-size: var(--font-size-delta);
    padding: calc(var(--spacing) * .5) 0;
}

@media screen and (max-width: 40em) {
    details summary {
        font-size: inherit;
    }
}

/* Inputs */
select {
    padding: calc(var(--spacing) * .5);
    font-size: inherit;
    max-width: 100%;
}

/* Table */
h2.table {
    border-width: 1px;
}

.categorisedList, .categorisedList.withDescriptions {
    min-width: 300px;
}

/* Tip box */
.box.note {
    background-color: var(--color-link-water);
}

aside.box p {
    margin-bottom: 0;
    margin-top: 0;
}