body{
    margin:0;
    font-family: "Segoe UI", Arial, sans-serif;
    background:#f4f6f8;
    color:#222;
}

.container-pedagogy{
    max-width:1100px;
    margin:auto;
    padding:20px;
}

.container-pedagogy h1{
        text-align:center;
        color:#0b3c5d;
        font-size:1.5rem;
        margin-bottom:10px;
        background-color: #36f7c7;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        padding: 1rem;
        margin-bottom: 1rem;
}

.intro{
    text-align:center;
    font-size:16px;
    color:#444;
    margin-bottom:30px;
}

.section-title{
    font-size:26px;
    color:#070707;
    border-bottom:3px solid #1a5276;
    display:inline-block;
    margin-bottom:20px;
}

.card{
    background:#ffffff;
    border-radius:12px;
    padding:20px;
    margin-bottom:22px;
    box-shadow:0 8px 18px rgba(0,0,0,0.08);
    border-left:6px solid #0b3c5d;
}

.card h2{
    margin-top:0;
    color:#0b3c5d;
    font-size:22px;
}

.card p{
    margin:6px 0;
    line-height:1.6;
}

.label{
    font-weight:bold;
    color:#154360;
}

.points{
    margin-top:10px;
    padding-left:18px;
}

.points li{
    margin-bottom:6px;
    list-style-type: square;
}

.oneliner{
    background:#eef6ff;
    padding:15px;
    border-radius:10px;
    border:1px dashed #0b3c5d;
    margin-top:30px;
    margin-bottom:40px;
}

.extra-info{
    background:#f9f9f9;
    padding:15px;
    border-left:4px solid #1a5276;
    margin-top:20px;
    font-size:15px;
    line-height:1.7;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.quote {
     background: rgba(56, 161, 105, 0.08);
     border-left: 4px solid var(--secondary);
     border-radius: 10px;
     padding: 1rem 1.2rem;
     margin: 1rem 0;
     font-style: italic;
     color: #2f855a;
 }

/* Responsive */
@media(max-width:600px){
    .container-pedagogy h1{font-size:1.4rem;}
    .section-title{font-size:22px;}
    .card h2{font-size:20px;}
}