/* Chrome for the /business legal documents — wholesale terms, the
 * wholesale privacy notice, the wholesale refund policy.
 *
 * Lifted out of terms.html's inline <style> when the second and third
 * document arrived. Three copies of a page frame is three places for a
 * frame to drift, and these pages are reached from the portal footer
 * one after another, so any drift between them is visible in two clicks.
 *
 * Deliberately not the B2B landing's nav: those rules live inline in
 * index.html across four breakpoints, and a legal page does not justify
 * either duplicating them or refactoring a page carrying live traffic.
 * Markup is rendered by js/av-business-legal.js.
 */

*{box-sizing:border-box;}

/* The portal's page ground, not white. Every other business page is
   --av-bg, so a buyer who opens these from the checkout footer was
   landing on a visibly different surface. */
html,body{background:var(--av-bg);}
body{margin:0;font-family:var(--sans);color:var(--av-ink);
  -webkit-font-smoothing:antialiased;line-height:1.6;
  min-height:100vh;display:flex;flex-direction:column;}

nav.bl-nav{padding:22px 32px;display:flex;justify-content:space-between;
  align-items:center;max-width:1200px;margin:0 auto;width:100%;}
.bl-nav .back{display:inline-flex;align-items:center;gap:8px;font-size:11px;
  font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--av-ink);
  text-decoration:none;padding:9px 15px;border-radius:40px;
  border:1px solid rgba(20,22,28,.14);background:#fff;}
.bl-nav .back:hover{border-color:var(--av-ink);}
.bl-nav .wm{font-family:var(--serif);font-size:20px;}

.rs-legal{flex:1;}

/* Precedence callout. Each of these documents only makes sense next to
   its retail counterpart, so the relationship between the two is stated
   once at the top in its own frame rather than buried in clause 1. */
.wt-precedence{max-width:820px;margin:0 auto 34px;padding:20px 22px;
  background:var(--av-sage);border:1px solid var(--av-line-strong);border-radius:14px;}
.wt-precedence .l{font-size:10.5px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--av-green-deep);margin-bottom:8px;}
.wt-precedence p{margin:0;font-size:14.5px;line-height:1.7;}
.wt-precedence p + p{margin-top:12px;}

/* The one hard rule a document leads with, where it has one. Borrowed
   from the retail refund policy so the wholesale copy of that document
   reads as the same document. */
.wt-strict{max-width:820px;margin:0 auto 30px;padding:22px 24px;
  background:#fff;border:1px solid var(--av-ink);border-radius:14px;}
.wt-strict .l{font-size:10.5px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--av-muted);margin-bottom:10px;}
.wt-strict h3{margin:0 0 10px;font-family:var(--serif);font-size:23px;
  font-weight:400;line-height:1.25;}
.wt-strict p{margin:0;font-size:14.5px;line-height:1.7;}

.wt-foot{border-top:1px solid var(--av-line);padding:30px 24px 36px;text-align:center;}
.wt-foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;
  font-size:12px;margin-bottom:14px;}
.wt-foot-links a{color:var(--av-ink);text-decoration:none;
  border-bottom:1px solid transparent;}
.wt-foot-links a:hover{border-bottom-color:var(--av-ink);}
.wt-foot-links a[aria-current="page"]{color:var(--av-muted);}
.wt-foot-fine{font-size:11px;color:var(--av-faint);line-height:1.7;
  max-width:720px;margin:0 auto;}

@media(max-width:680px){
  nav.bl-nav{padding:18px;}
  .bl-nav .wm{display:none;}
}