/* ==========================================================================
   Reset — minimal normalisation, no opinionated styling
   ========================================================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
}

body,
h1, h2, h3, h4, h5, h6,
p, figure, blockquote,
ul, ol, dl, dd {
    margin: 0;
}

ul[class],
ol[class] {
    padding: 0;
    list-style: none;
}

/* height: auto stops the HTML height attribute squashing an image whenever
   CSS changes its width */
img,
picture,
svg {
    max-width: 100%;
    height: auto;
    display: block;
}

button,
input,
select,
textarea {
    font: inherit;
    color: inherit;
}

button {
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}

a {
    color: inherit;
    text-decoration: none;
}