/*@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap');
*/
:root {
    --base-color: #000066;
    --base-padding: 10px;
    --base-heading: #004080;
    --button-color: #ff8800;
    --button-hover-color: #ff7300;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #f9fafb;
    color: #333;
    line-height: 1.6;
}

header {
    margin: 0;
    position: sticky;
    top: 0;
    z-index: 1;
}

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

/*
li {
    list-style: none; 
}
*/

.ck-content {
    font-family: 'Lato';
    line-height: 1.6;
    word-break: break-word;
}

main {
    padding: 12px 16px;
    min-height: 100vh;
    position: relative;
}

.body-block {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    
}

.side-block {
    background: white;
    padding:8px;
    border-radius: 10px;
    margin-bottom: 12px;
}

.block-heading {
    font-weight: bold;
    margin: 10px;
    color: var(--base-heading);
}

.block-body {
    margin:10px;
}

.info-block {
    display: block;
    margin: 8px 0 0 0;
    font-size: 15px;
    color: darkslategrey;
}

h3 {
    margin: 0;
}

.ad-body {
    margin: 10px;
}

.menu-cover {
    background: black;
    opacity: 0.5;
    position: absolute;
    display: none;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: bold;
    
}

.left-block {
    margin-bottom: 10px;
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0;
}

.right-sidebar {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Main list items */
ul, ol {
    padding-left: 20px;  /* Default indentation for lists */
    margin-left: 0;
}

/* Second-level nested list */
ul ul, ol ol {
    padding-left: 40px;  /* Indentation for nested lists */
}

/* Third-level nested list */
ul ul ul, ol ol ol {
    padding-left: 60px;  /* Indentation for deeply nested lists */
}

ul.inside, ol.inside {
    list-style-position: inside;
    padding-left: 20px; /* The text will now align with the bullets */
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .body-block {
        flex-wrap: nowrap;
    }    

    .main {
        padding: 12px 36px;
    }
}