@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%;
}

main {
    @include iro.responsive-env((600px, 900px)) {
        font-size: iro.responsive-set((1rem, iro.fn-px-to-rem(18px)));
    }
}

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;
    }
}