/*
📌 CSS Reset References:
- Josh W. Comeau: https://www.joshwcomeau.com/css/custom-css-reset/
- Piccalilli: https://piccalil.li/blog/a-more-modern-css-reset/

With the help of chatgpt.com, deepseek.com and some other resources
*/

html {
    box-sizing: border-box;
    /* overflow-wrap: break-word; */
    scroll-behavior: smooth;
}

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

* {
    margin: 0;
    padding: 0;
    min-width: 0;
}

body {
    min-height: 100vh;
    line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1,
h2,
h3,
h4,
button,
input,
label {
    line-height: 1.1;
}

img,
picture {
    max-width: 100%;
    height: auto;
    /* display: block; */
}

ul {
    list-style: none;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
    /* border: 0; */
    font-family: inherit;
    font-size: inherit;
}

p,
li,
span {
    text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
}

/*
:focus-visible {
    outline: 2px solid blue; Customize as needed
    outline-offset: 2px;
}
*/