html{
    scroll-behavior:smooth;
}

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

body{
    font-family:'Inter', sans-serif;
    background:#f5f7fa;
    color:#222;
    line-height:1.7;
}

/* HEADER */
.header{
    text-align:center;
    padding:2rem 1rem;
    background:white;
    box-shadow:0 5px 20px rgba(0,0,0,0.06);
}

.header img{
    width:260px;
    height:auto;
}

/* PAGE WRAPPER */
body > div{
    max-width:900px;
    margin:2rem auto;
    padding:2rem;
    background:white;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

/* SECTION TITLES */
h2{
    font-size:1.8rem;
    margin-bottom:1.5rem;
    text-align:center;
    position:relative;
}

h2::after{
    content:"";
    display:block;
    width:60px;
    height:3px;
    background:#90EE90;
    margin:.6rem auto 0;
    border-radius:2px;
}

/* ORDERED LIST */
ol{
    padding-left:1.2rem;
}

/* MAIN TITLES */
.tc-titles,
.p-p-titles{
    font-weight:600;
    margin-top:1.5rem;
    margin-bottom:.4rem;
    font-size:1.05rem;
}

/* PARAGRAPHS */
p{
    margin-bottom:.8rem;
    color:#333;
}

/* LISTS */
ul{
    margin:0.5rem 0 1rem 1.2rem;
}

ul li{
    margin-bottom:.4rem;
}

/* NESTED LISTS (clean indentation) */
ul ul{
    margin-top:.4rem;
    margin-left:1.2rem;
}

/* STRONG TEXT */
strong{
    font-weight:600;
}



/* SMALL SCREENS */
@media(max-width:768px){

    body > div{
        padding:1.5rem;
        margin:1.5rem 1rem;
    }

    .header img{
        width:200px;
    }

    h2{
        font-size:1.5rem;
    }
}

/* TARGET SECTION HIGHLIGHT */
:target{
    outline:3px solid #ff4d4d;
    border-radius:10px;
    animation:highlightFade 2s ease forwards;
}

/* OPTIONAL SOFT FADE OUT */
@keyframes highlightFade{
    0%{
        outline-color:#ff4d4d;
        box-shadow:0 0 0 6px rgba(255,77,77,0.25);
    }
}