/* The Website Service Agreement page /website-agreement/ (otc-team #278). Published and loaded only with the build switch
   self_serve on, and only on that page. The words come from the agreement's one home (tools/build.py, AGREEMENT). */
.agr-draft{margin:0 0 30px;padding:16px 20px;background:var(--white);border:1px solid var(--rule);border-left:4px solid var(--accent)}
.agr-draft-h{margin:0;font:600 18px/1.4 var(--sans);color:var(--accent)}
.agr-label{margin:0;font:500 15px/1.5 var(--sans);color:var(--ink-2)}
.agr-draft .agr-label{margin-top:6px}
.agr-version{font-weight:600;color:var(--ink)}
.agreement-page .agr h1{font-size:clamp(36px,4.8vw,58px);margin:12px 0 14px}
.agr-sub{color:var(--ink-2);font-size:17px}
.agr h2{font-size:clamp(24px,2.6vw,30px);margin:44px 0 12px}
.agr p,.agr li{color:var(--ink-2);font-size:17px;line-height:1.6}
.agr p+p{margin-top:12px}
.agr b{color:var(--ink);font-weight:600}
.agr ul{padding-left:20px;margin:12px 0 0}
.agr li+li{margin-top:8px}
.agr-term{scroll-margin-top:24px}
/* the order form (sections A to C): write-in fields and tick boxes, as on the printed agreement */
.agr-order{margin-top:32px;padding:4px clamp(16px,3vw,28px) 22px;background:var(--white);border:1px solid var(--rule);border-top:3px solid var(--ink)}
.agr-order h2{margin:24px 0 10px;font:600 13px/1.35 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.agr-order p+p{margin-top:8px}
.agr-fields{display:flex;flex-wrap:wrap;gap:8px 28px}
.agr-f{display:inline-flex;align-items:flex-end;gap:8px;flex:1 1 220px;margin-right:12px}
.agr-blank{display:inline-block;flex:1 1 auto;min-width:4.5em;height:1.1em;border-bottom:1px solid var(--ink-3);vertical-align:-.25em}
.agr-box{display:inline-block;width:.85em;height:.85em;margin-right:.45em;border:1.5px solid var(--ink);border-radius:2px;vertical-align:-.08em}
.agr-sign{list-style:none;padding:0}
.agr-sign li{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 4px}
@media (max-width:560px){.agr-f{flex-basis:100%;margin-right:0}}