.physics-unit-conversion-lesson .athena-physics-grade-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 0 18px;
    padding: 12px 16px;
    border: 1px solid #cfe4ef;
    border-right: 5px solid #2477a6;
    border-radius: 14px;
    background: #f2f9fc;
    font-family: Alexandria, sans-serif;
}
.physics-unit-conversion-lesson .athena-physics-grade-banner strong {
    color: #124f73;
    font-size: 1.05rem;
}
.physics-unit-conversion-lesson .athena-physics-grade-banner span {
    color: #516775;
    font-size: .88rem;
    font-weight: 700;
}
.physics-unit-conversion-lesson .athena-conversion-rules {
    margin: 20px 0 26px;
    padding: 18px;
    border: 1px solid #d8e7ef;
    border-radius: 16px;
    background: #fbfdfe;
}
.physics-unit-conversion-lesson .athena-conversion-rules h3 {
    margin-top: 0;
}
.physics-unit-conversion-lesson .athena-conversion-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}
.physics-unit-conversion-lesson .athena-conversion-grid > div {
    padding: 14px;
    border-radius: 12px;
    background: #eef6fa;
}
.physics-unit-conversion-lesson .athena-conversion-grid p {
    margin: 8px 0 0;
}
.physics-unit-conversion-lesson .law-block {
    margin: 24px 0 10px;
    padding: 14px 16px;
    border-right: 5px solid #2d7da5;
    border-radius: 12px;
    background: #eef7fb;
}
.physics-unit-conversion-lesson .law-block h3 {
    margin: 0 0 7px;
}
.physics-unit-conversion-lesson .law-block p {
    margin: 0;
}
@media (max-width: 680px) {
    .physics-unit-conversion-lesson .athena-conversion-grid {
        grid-template-columns: 1fr;
    }
}