.agreement-page{--accent:#58462d;--accent-dark:#3f301d;--accent-soft:#eee7da}.agreement-page main{width:min(calc(100% - 2rem),980px)}
.agreement-intro{padding-block:clamp(2.5rem,6vw,4.5rem) 2rem}.agreement-intro h1{max-width:760px;font-size:clamp(2.5rem,6vw,4.5rem)}.agreement-intro .lead{max-width:720px;margin:0}
.legal-boundary{padding:1rem 1.2rem;border-inline-start:4px solid var(--accent);background:var(--accent-soft)}
.agreement-workbench,.agreement-result,.agreement-list{margin-block:2rem;padding:clamp(1.2rem,4vw,2rem);border:1px solid var(--line);background:var(--surface)}
.agreement-types{margin-block:1.2rem 2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.agreement-types label{min-height:76px;padding:.9rem;display:flex;gap:.65rem;border:1px solid var(--line);cursor:pointer}.agreement-types label:has(input:checked){border:2px solid var(--accent);background:var(--accent-soft)}.agreement-types strong,.agreement-types small{display:block}.agreement-types small{margin-top:.2rem;color:var(--muted)}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field-grid label{font-weight:700}.field-grid input,.field-grid select{width:100%;min-height:48px;margin-top:.4rem;padding:.6rem;border:1px solid var(--line-strong);background:var(--surface-strong);font:inherit}.agreement-workbench button{margin-top:1.25rem}.agreement-result h2,.agreement-list h2{margin-bottom:1rem}.issue{padding:.85rem;border-inline-start:4px solid #8a5b13;background:#f7edda}.issue[data-severity=error]{border-color:var(--danger);background:#f7e7e5}.issue+.issue{margin-top:.65rem}.agreement-summary{margin-block:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.agreement-summary>div{padding:1rem;background:var(--surface-strong)}.agreement-summary strong,.agreement-summary span{display:block}.saved-card{padding:1rem;border-block-start:1px solid var(--line)}.browser-key-note{color:var(--muted);font-size:.9rem}
.field-grid .field-wide{grid-column:1/-1}.field-grid label small{display:block;margin-top:.25rem;color:var(--muted);font-weight:400}.loan-repayment-fields{display:contents}
.invite-box{margin-block:1rem;padding:1rem;background:var(--accent-soft)}.invite-box input{width:100%;min-height:46px;padding:.6rem}.timeline-event{padding:.75rem;border-block-start:1px solid var(--line)}
.account-bar{margin:1rem 0;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;background:var(--accent-soft)}.account-bar .button{margin:0}.next-step{margin:1rem 0;padding:1rem;border-inline-start:4px solid var(--accent);background:var(--accent-soft)}
.danger-zone{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line)}.button.danger{border-color:#8b2f2f;color:#8b2f2f;background:transparent}.button.danger:hover,.button.danger:focus-visible{background:#8b2f2f;color:#fff}
.loan-tabs{position:sticky;z-index:4;top:0;display:flex;gap:.35rem;margin:1rem 0 0;padding:.35rem;border:1px solid var(--line);background:var(--surface)}.loan-tabs button{min-height:48px;padding:.7rem 1.15rem;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.loan-tabs button[aria-selected=true]{background:var(--accent-dark);color:#fff}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.panel-heading h1{margin-bottom:.25rem}.agreement-intro{padding-block:1.5rem 1rem}.agreement-intro h1{font-size:clamp(2.1rem,5vw,3.3rem)}.agreement-workbench,.agreement-result,.agreement-list{margin-block:1rem}.saved-card{display:flex;align-items:center;justify-content:space-between;gap:1rem}.saved-card p{margin:.35rem 0 0;color:var(--muted)}.saved-card>div:last-child{display:flex;gap:.5rem;flex-shrink:0}.loan-facts{display:grid;grid-template-columns:minmax(9rem,.7fr) 1.3fr;gap:.5rem 1rem;margin-block:1rem}.loan-facts dt{color:var(--muted)}.loan-facts dd{margin:0;font-weight:700}.digital-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-block:1rem;padding:1rem;background:var(--accent-soft)}.digital-status strong{font-size:1.25rem}.digital-status p{margin:0}.pending-action{margin-block:.75rem;padding:1rem;border:1px solid var(--accent);background:var(--surface-strong)}details{margin-top:1rem;border-top:1px solid var(--line)}details summary{min-height:48px;display:flex;align-items:center;font-weight:700;cursor:pointer}.status-message{margin-block:1rem;padding:.85rem;border-inline-start:4px solid #28734d;background:#e7f4ec}.empty-loans{padding:1rem 0}.agreement-result form{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}
.loan-view-tabs{display:flex;gap:.4rem;margin:1rem 0;padding-bottom:.6rem;border-bottom:1px solid var(--line);overflow-x:auto}.loan-view-tabs button{min-height:46px;padding:.65rem 1rem;border:1px solid var(--line);background:var(--surface-strong);font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}.loan-view-tabs button[aria-selected=true]{border-color:var(--accent-dark);background:var(--accent-dark);color:#fff}.loan-view-tabs button:disabled{cursor:not-allowed;opacity:.45}.agreement-result [data-loan-pane]{min-height:10rem}.agreement-result [data-loan-pane="history"] h3{margin-top:1rem}
@media(max-width:620px){.agreement-types,.field-grid,.agreement-summary,.digital-status{grid-template-columns:1fr}.agreement-page main{width:min(calc(100% - 1.25rem),980px)}.loan-tabs{overflow-x:auto}.loan-tabs button{flex:1;white-space:nowrap}.panel-heading,.saved-card{align-items:stretch;flex-direction:column}.saved-card>div:last-child{flex-wrap:wrap}.loan-facts{grid-template-columns:1fr}.loan-facts dd{margin-bottom:.5rem}}
.agreement-types{grid-template-columns:1fr}