/* ===========================================
   Responsive Breakpoints — Document Sections
   =========================================== */

/* --- Tablet (≤768px) --- */

@media (max-width: 768px) {
    .tapops-doc-root .section-title {
        font-size: 1.8rem;
        letter-spacing: -0.5px;
    }

    .tapops-doc-root .section-tag {
        font-size: 0.68rem;
        letter-spacing: 2px;
        padding: 5px 12px;
    }

    .tapops-doc-root .section-header {
        margin-bottom: 35px;
    }
}

/* --- Phone (≤480px) --- */

@media (max-width: 480px) {
    .tapops-doc-root .section-title {
        font-size: 1.5rem;
        letter-spacing: -0.5px;
    }

    .tapops-doc-root .section-tag {
        font-size: 0.6rem;
        letter-spacing: 1.5px;
        padding: 4px 10px;
    }

    .tapops-doc-root .section-subtitle {
        font-size: 0.82rem;
    }

    .tapops-doc-root .section-header {
        margin-bottom: 28px;
    }
}