@use "abstracts/mixins.scss" as *;


.page-content{
    font-size: var(--fs-medium);
    line-height: 1.4;

    max-width: var(--max-width-content);
    margin-inline: auto;
    padding-inline: var(--padding-body);
    margin-bottom: 30vh;

    p {
        margin: var(--spacing) 0;
    }

    ol, ul{
        margin-left: calc(var(--spacing)*2);
    }

    li{
        margin: calc(var(--spacing)*0.5) 0;
    }

    h3{
        font-size: 1.8em;
        line-height: 1.1;
        font-weight: bold;
        color: var(--color-green);
        padding-top: var(--top-target);
        margin-bottom: calc(var(--spacing)*1.5);
    }

    h4{
        font-size: 1.2em;
        color: var(--color-green);
        font-weight: bold;
        // text-decoration: 2px underline currentColor;
        margin-top: calc(var(--spacing)*3.5);
        margin-bottom: calc(var(--spacing)*1.5);
    }

    p a{
        // color: var(--color-orange);
        color: var(--color-txt);
        text-decoration: 2px underline dotted var(--color-green-medium);
      
        .icon{
             @include icon(18px);
             position: relative;
             top: 2px;
             svg{
                fill: var(--color-green);
             }
        }
          &:hover{
            color: var(--color-green);
                 text-decoration: 2px underline solid var(--color-green-medium);
            
        }
    }

}



// Specific for target with toc
.page-nav + .page-content > :first-child {
        padding-top: 0px;
        &:target{
            padding-top: var(--top-target);
        }
    }


// main:not(#main_home){
//     min-height: calc(100vh - var(--header-h));
//     max-width: 900px;
//     margin-inline: auto;

// }