@use 'iro-sass/src/index' as iro;
@use 'iro-design/src/functions' as fn;

html,
pre,
code {
    font-feature-settings: 'calt' 0, 'dlig' 1, 'ss09' 1;
}

body {
    box-sizing: border-box;
    height:     auto;
    min-height: 100%;

    @media print {
        background-color: fn.color(--bg-hi2);
    }
}

main {
    font-size: fn.dim(--font-size --150);
}

img {
    display:   block;
    max-width: 100%;
}

figure {
    margin:  fn.dim(--paragraph --margin-top) 0 0;
    padding: 0;

    img {
        display:    block;
        max-width:  100%;
        max-height: 70vh;
        object-fit: contain;
    }
}