/* css/page-tos.css */
@layer pages {

    /* ── Summary pills strip (tos) ── */
    .tos-summary-strip {
        display: flex;
        gap: 0.6rem;
        flex-wrap: wrap;
        margin-bottom: 2rem;
    }
    .tos-summary-pill {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 0.35em 0.9em;
        border-radius: 100px;
        font-size: 0.68rem;
        font-weight: 600;
        background: rgba(255,255,255,0.7);
        border: 1px solid rgba(255,255,255,0.9);
        box-shadow: 0 3px 0 rgba(160,180,220,0.35);
        color: #5e6690;
    }
    .tos-summary-dot {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        flex-shrink: 0;
    }

    /* ── Highlighted sections (tos) ── */
    .legal-sec--payment .legal-num {
        background: #fffbe8;
        border-color: #f0dca8;
        color: #b07d00;
        box-shadow: 0 2px 0 rgba(180,140,20,0.25);
    }
    .legal-sec--prohibited .legal-num {
        background: #fff0f0;
        border-color: #f0c8c8;
        color: #c03030;
        box-shadow: 0 2px 0 rgba(200,60,60,0.2);
    }

}