/* =========================================
   AGREEMENTS PAGE
   Loaded only by agreements.html. Header, footer, buttons,
   and .section-heading come from style.css; every rule here
   is scoped to the .ag-* classes used by that page.
========================================= */

.ag-page :focus-visible{
    outline:3px solid #2563eb;
    outline-offset:2px;
}

.ag-main{
    padding:72px 0 96px;
}

.ag-container{
    max-width:880px;
}

.ag-heading{
    margin-bottom:32px;
}

.ag-heading h1{
    color:#0f172a;
    font-size:44px;
    letter-spacing:-.02em;
    margin:0 0 12px;
}

.ag-heading p{
    font-size:18px;
    line-height:1.6;
}

/* Review-copy notice: the one element that must not be missed. */
.ag-notice{
    background:#fffbeb;
    border:1px solid #fcd34d;
    color:#78350f;
    border-radius:16px;
    padding:18px 22px;
    line-height:1.6;
    margin-bottom:32px;
}

.ag-notice strong{
    display:block;
    color:#713f12;
    font-size:17px;
    margin-bottom:4px;
}

.ag-docs{
    list-style:none;
    display:grid;
    gap:18px;
}

.ag-doc{
    background:#ffffff;
    border:1px solid #dbeafe;
    border-radius:20px;
    padding:26px 28px;
    box-shadow:0 14px 34px rgba(15,23,42,.06);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
}

.ag-doc h2{
    font-size:21px;
    color:#0f172a;
    margin-bottom:6px;
}

.ag-doc p{
    color:#475569;
    line-height:1.55;
}

.ag-doc .ag-meta{
    color:#64748b;
    font-size:14px;
    margin-top:8px;
}

.ag-doc .btn-primary{
    flex-shrink:0;
    white-space:nowrap;
    text-align:center;
    font-weight:600;
}

.ag-back{
    text-align:center;
    margin-top:40px;
}

.ag-back .btn-secondary{
    display:inline-block;
}

@media (max-width:760px){
    .ag-main{
        padding:40px 0 64px;
    }

    .ag-heading h1{
        font-size:34px;
    }

    .ag-doc{
        flex-direction:column;
        align-items:stretch;
        gap:18px;
        padding:22px 20px;
    }

    .ag-doc .btn-primary{
        white-space:normal;
    }
}