/* ═══════════════════════════════════════════════════════════════════════════
   usdpr. — unified brand system
   One source of truth for design tokens + primitives shared across
   index.html, privacy.html, terms.html, and the leave-behind one-pager.
   Typography: Bricolage Grotesque (variable: opsz, wdth, wght).
   Palette: warm off-white · near-black · amber accent.
   ═══════════════════════════════════════════════════════════════════════════ */

:root{
  /* ───── Surfaces · warm, not cream, not pure white ───── */
  --bg:           #f6f4ef;
  --bg-card:      #ffffff;
  --bg-soft:      #efece4;
  --bg-deep:      #e9e4d8;
  --bg-vellum:    #f1ede2;  /* even warmer — editorial paper */
  --ink-bg:       #0b0e0f;
  --ink-bg-2:     #1a1d20;

  /* ───── Text ───── */
  --ink:          #0b0e0f;
  --ink-2:        #3a3d3f;
  --ink-3:        #6b6e70;
  --ink-4:        #9a9c9d;
  --ink-inv:      #f6f4ef;

  /* ───── Accent · warm amber (single brand color) ───── */
  --accent:       #f97316;
  --accent-hover: #ea580c;
  --accent-dark:  #c2410c;
  --accent-soft:  #fff3e7;
  --accent-ring:  rgba(249,115,22,.18);
  --accent-wash:  rgba(249,115,22,.06);

  /* ───── Support lines + states ───── */
  --border:       #e3ddd1;
  --border-2:     #d1c9b8;
  --border-soft:  #eae4d6;
  --ok:           #15803d;
  --ok-soft:      #ecfdf3;
  --warn:         #b45309;

  /* ───── Motion ───── */
  --ease:         cubic-bezier(.22,.8,.2,1);
  --ease-snap:    cubic-bezier(.2,.9,.1,1);
  --ease-out:     cubic-bezier(.33,1,.68,1);

  /* ───── Scale ───── */
  --container:    1240px;
  --container-narrow: 920px;
  --container-doc: 860px;
  --gutter:       clamp(20px,4vw,48px);

  /* ───── Radii ───── */
  --r-sm:         6px;
  --r-md:         10px;
  --r-lg:         14px;
  --r-xl:         18px;
  --r-pill:       100px;

  /* ───── Elevation ───── */
  --shadow-sm:    0 1px 2px rgba(11,14,15,.04);
  --shadow-md:    0 1px 2px rgba(11,14,15,.04), 0 8px 20px rgba(11,14,15,.06);
  --shadow-lg:    0 1px 2px rgba(11,14,15,.04), 0 8px 20px rgba(11,14,15,.06), 0 24px 48px rgba(11,14,15,.06);
  --shadow-accent: 0 4px 16px rgba(249,115,22,.22);

  /* ───── Type scale — always variation-settings, never "italic/bold" ───── */
  --ff-sans:      'Bricolage Grotesque','-apple-system',BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ff-mono:      ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Reset · conservative, only kill defaults we hate
   ═══════════════════════════════════════════════════════════════════════════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
img,svg,video{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea,select{font:inherit;color:inherit}

body{
  font-family:var(--ff-sans);
  font-size:16.5px;line-height:1.5;
  color:var(--ink-2);background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-variation-settings:'opsz' 14,'wdth' 100,'wght' 400;
  font-feature-settings:'ss01','cv11';
}

::selection{background:var(--accent);color:#fff}

/* ═══════════════════════════════════════════════════════════════════════════
   Layout primitives
   ═══════════════════════════════════════════════════════════════════════════ */
.mx      {max-width:var(--container);       margin:0 auto;padding:0 var(--gutter)}
.mx-n    {max-width:var(--container-narrow);margin:0 auto;padding:0 var(--gutter)}
.mx-doc  {max-width:var(--container-doc);   margin:0 auto;padding:0 var(--gutter)}

/* ═══════════════════════════════════════════════════════════════════════════
   Typography · variable-axis forward
   ═══════════════════════════════════════════════════════════════════════════ */

/* Display · tight, confident, editorial */
.display{
  font-family:var(--ff-sans);
  color:var(--ink);
  font-variation-settings:'opsz' 96,'wdth' 100,'wght' 700;
  letter-spacing:-.035em;
  line-height:.98;
}
h1.display{
  font-size:clamp(44px,7.5vw,108px);
  font-variation-settings:'opsz' 96,'wdth' 100,'wght' 700;
  letter-spacing:-.045em;
  line-height:.96;
}
h2.display{
  font-size:clamp(32px,4.5vw,60px);
  font-variation-settings:'opsz' 72,'wdth' 100,'wght' 700;
  letter-spacing:-.035em;
  line-height:1.02;
}
h3.display{
  font-size:clamp(20px,2vw,26px);
  font-variation-settings:'opsz' 36,'wdth' 100,'wght' 600;
  letter-spacing:-.02em;
  line-height:1.15;
}

/* Narrow — dramatic, for condensed display moments */
.display.narrow    {font-variation-settings:'opsz' 96,'wdth' 85,'wght' 700}
.display.ultranarrow{font-variation-settings:'opsz' 96,'wdth' 75,'wght' 700;letter-spacing:-.03em}
.display.thin      {font-variation-settings:'opsz' 96,'wdth' 100,'wght' 300;letter-spacing:-.04em}

/* Eyebrow · a kicker line before a headline */
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12.5px;
  letter-spacing:.01em;
  color:var(--accent);
  font-variation-settings:'opsz' 14,'wdth' 100,'wght' 600;
}
.eyebrow::before{
  content:'';width:18px;height:1px;background:var(--accent);
  display:inline-block;
}
.eyebrow-ink{color:var(--ink);font-variation-settings:'opsz' 14,'wdth' 100,'wght' 600;letter-spacing:.08em;text-transform:uppercase;font-size:11.5px}
.eyebrow-ink::before{background:var(--ink)}

/* Lede · intro paragraph under a display heading */
.lede{
  font-size:clamp(17px,1.5vw,20px);
  line-height:1.55;color:var(--ink-2);
  max-width:54ch;
  font-variation-settings:'opsz' 18,'wdth' 100,'wght' 400;
}
.lede strong{color:var(--ink);font-variation-settings:'opsz' 18,'wdth' 100,'wght' 600}

/* Body paragraph defaults */
p{max-width:64ch}

/* Numerical — for stats, KPIs, tabular displays */
.num-tab{font-variant-numeric:tabular-nums lining-nums}

/* Wordmark — "usdpr." lockup with amber period */
.wordmark{
  display:inline-flex;align-items:baseline;
  text-decoration:none;color:var(--ink);
  font-variation-settings:'opsz' 48,'wdth' 92,'wght' 800;
  font-size:22px;
  letter-spacing:-.05em;
  line-height:1;
}
.wordmark-dot{color:var(--accent);margin-left:-.02em}
.wordmark--lg{font-size:34px}
.wordmark--xl{font-size:56px}
.wordmark--inv{color:var(--ink-inv)}

/* ═══════════════════════════════════════════════════════════════════════════
   Nav primitive · sticky translucent top bar
   ═══════════════════════════════════════════════════════════════════════════ */
.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(246,244,239,.82);
  backdrop-filter:saturate(180%) blur(16px);
  -webkit-backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid var(--border);
}
.nav-in{
  display:flex;align-items:center;justify-content:space-between;
  height:60px;padding:0 var(--gutter);
  max-width:var(--container);margin:0 auto;
}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-link{
  font-size:14px;color:var(--ink-2);
  text-decoration:none;letter-spacing:-.005em;
  font-variation-settings:'opsz' 14,'wdth' 100,'wght' 500;
  transition:color .18s var(--ease);
}
.nav-link:hover{color:var(--ink)}
.nav-cta{
  font-size:14px;color:var(--ink);
  text-decoration:none;
  padding:9px 18px;border-radius:var(--r-pill);
  background:transparent;
  border:1.5px solid var(--ink);
  font-variation-settings:'opsz' 14,'wdth' 100,'wght' 600;
  transition:background .18s var(--ease),color .18s var(--ease);
}
.nav-cta:hover{background:var(--ink);color:var(--bg)}
@media(max-width:720px){.nav-link{display:none}}

/* ═══════════════════════════════════════════════════════════════════════════
   Button primitives
   ═══════════════════════════════════════════════════════════════════════════ */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 24px;
  font-size:15px;
  font-variation-settings:'opsz' 16,'wdth' 100,'wght' 600;
  text-decoration:none;border-radius:var(--r-pill);
  border:1.5px solid transparent;
  transition:all .2s var(--ease);
  cursor:pointer;
  letter-spacing:-.005em;
}
.btn svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.btn:hover svg{transform:translateX(3px)}

.btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btn-primary:hover{
  background:var(--accent);border-color:var(--accent);color:var(--ink-bg);
  transform:translateY(-1px);
  box-shadow:var(--shadow-accent);
}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--border-2)}
.btn-ghost:hover{border-color:var(--ink);background:var(--bg-card)}
.btn-accent{background:var(--accent);color:var(--ink-bg);border-color:var(--accent)}
.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-accent)}

/* ═══════════════════════════════════════════════════════════════════════════
   Reveal animation primitives — for use with IntersectionObserver
   ═══════════════════════════════════════════════════════════════════════════ */
.r  {opacity:0;transform:translateY(12px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.r.v{opacity:1;transform:none}
.r.d1{transition-delay:.06s}
.r.d2{transition-delay:.12s}
.r.d3{transition-delay:.18s}
.r.d4{transition-delay:.24s}
.r.d5{transition-delay:.30s}
.r.d6{transition-delay:.36s}

@media(prefers-reduced-motion:reduce){
  .r,.word-reveal .word{opacity:1;transform:none;transition:none}
}

/* ═══════════════════════════════════════════════════════════════════════════
   Footer · shared across all pages
   ═══════════════════════════════════════════════════════════════════════════ */
.foot{
  background:var(--ink-bg);color:rgba(246,244,239,.7);
  padding:clamp(48px,6vw,72px) 0 clamp(28px,3vw,40px);
  margin-top:clamp(64px,8vw,120px);
}
.foot-in{display:grid;gap:clamp(28px,4vw,48px);max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.foot-top{
  display:grid;gap:clamp(28px,4vw,48px);
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  padding-bottom:clamp(28px,3.5vw,40px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
@media(max-width:880px){.foot-top{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.foot-top{grid-template-columns:1fr}}
.foot .wordmark{color:var(--ink-inv);font-size:24px}
.foot .wordmark .wordmark-dot{color:var(--accent)}
.foot-tagline{font-size:13px;color:rgba(246,244,239,.6);margin-top:10px;max-width:38ch;line-height:1.55}
.foot-col h4{
  font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-inv);margin-bottom:14px;
  font-variation-settings:'opsz' 12,'wdth' 100,'wght' 700;
}
.foot-col ul{list-style:none;display:grid;gap:10px}
.foot-col a{
  color:rgba(246,244,239,.65);text-decoration:none;font-size:13.5px;
  transition:color .18s var(--ease);
}
.foot-col a:hover{color:var(--ink-inv)}
.foot-bot{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;
  font-size:12px;color:rgba(246,244,239,.45);
}
.foot-bot a{color:rgba(246,244,239,.55);text-decoration:none;margin-right:22px}
.foot-bot a:hover{color:var(--ink-inv)}

/* ═══════════════════════════════════════════════════════════════════════════
   Editorial document layout · privacy, terms, security, long-form
   Two-column grid with sticky section numbers. Feels like Stripe docs.
   ═══════════════════════════════════════════════════════════════════════════ */
.doc{
  max-width:var(--container-doc);
  margin:0 auto;
  padding:clamp(48px,6vw,88px) var(--gutter) clamp(64px,8vw,112px);
}

/* Meta row above title — updated, effective date, version */
.doc-meta{
  display:flex;flex-wrap:wrap;gap:16px 32px;
  padding-bottom:20px;margin-bottom:clamp(32px,4vw,48px);
  border-bottom:1px solid var(--border);
  font-size:12px;color:var(--ink-3);
  font-variation-settings:'opsz' 12,'wdth' 100,'wght' 500;
}
.doc-meta strong{color:var(--ink);font-variation-settings:'opsz' 12,'wdth' 100,'wght' 700}

.doc-eye{
  display:inline-flex;align-items:center;gap:10px;
  font-size:13px;color:var(--accent);margin-bottom:16px;
  font-variation-settings:'opsz' 14,'wdth' 100,'wght' 600;
}
.doc-eye::before{content:'';width:18px;height:1px;background:var(--accent)}

.doc h1{
  font-size:clamp(40px,6vw,80px);
  font-variation-settings:'opsz' 96,'wdth' 100,'wght' 800;
  letter-spacing:-.042em;line-height:.98;color:var(--ink);
  margin-bottom:clamp(24px,3vw,36px);
}
.doc-intro{
  font-size:clamp(17px,1.4vw,19px);line-height:1.55;
  color:var(--ink-2);max-width:64ch;
  padding-bottom:clamp(32px,4vw,48px);
  border-bottom:1px solid var(--border);
  margin-bottom:clamp(32px,4vw,48px);
}
.doc-intro strong{color:var(--ink);font-variation-settings:'opsz' 18,'wdth' 100,'wght' 700}

.doc section{
  display:grid;
  grid-template-columns:minmax(0,120px) minmax(0,1fr);
  gap:clamp(20px,3vw,40px);
  padding:clamp(28px,3.5vw,44px) 0;
  border-bottom:1px solid var(--border);
}
.doc section:last-of-type{border-bottom:0}
@media(max-width:720px){
  .doc section{grid-template-columns:1fr;gap:14px}
}

.doc section header{
  position:sticky;top:80px;
  font-size:13px;color:var(--accent);
  font-variation-settings:'opsz' 14,'wdth' 100,'wght' 600;
  letter-spacing:.01em;line-height:1.4;
  align-self:start;
}
.doc section header .n{
  display:block;font-size:32px;color:var(--ink);
  font-variation-settings:'opsz' 48,'wdth' 92,'wght' 800;
  letter-spacing:-.035em;line-height:1;margin-bottom:6px;
}
@media(max-width:720px){
  .doc section header{position:static}
  .doc section header .n{font-size:24px}
}

.doc h2{
  font-size:clamp(22px,2.2vw,28px);
  font-variation-settings:'opsz' 36,'wdth' 100,'wght' 700;
  letter-spacing:-.025em;color:var(--ink);
  margin-bottom:14px;line-height:1.2;
}
.doc h3{
  font-size:12px;
  font-variation-settings:'opsz' 12,'wdth' 100,'wght' 700;
  letter-spacing:.05em;text-transform:uppercase;color:var(--ink);
  margin-top:22px;margin-bottom:10px;
  padding-bottom:6px;border-bottom:1px solid var(--border);
}
.doc p{
  margin-bottom:14px;max-width:64ch;
  font-size:15.5px;line-height:1.65;color:var(--ink-2);
}
.doc p strong{color:var(--ink);font-variation-settings:'opsz' 16,'wdth' 100,'wght' 600}
.doc a{
  color:var(--accent);text-decoration:underline;
  text-decoration-color:rgba(249,115,22,.35);
  text-underline-offset:.2em;
  transition:text-decoration-color .18s var(--ease);
}
.doc a:hover{text-decoration-color:var(--accent)}

.doc ul{list-style:none;margin:12px 0 14px;padding:0}
.doc ul li{
  display:grid;grid-template-columns:18px 1fr;gap:12px;
  align-items:baseline;padding:6px 0;
  font-size:15px;line-height:1.55;color:var(--ink-2);
}
.doc ul li::before{
  content:'';width:14px;height:14px;border-radius:4px;
  background:var(--accent-soft);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23f97316' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l3 3 5-6'/%3E%3C/svg%3E");
  background-position:center;background-repeat:no-repeat;
  margin-top:2px;
}
.doc ul li strong{color:var(--ink);font-variation-settings:'opsz' 16,'wdth' 100,'wght' 600}

/* Pull-quote · editorial highlight inside a long-form doc */
.pull{
  margin:clamp(24px,3vw,40px) 0;
  padding:clamp(22px,2.5vw,28px) clamp(24px,3vw,36px);
  background:var(--bg-vellum);
  border-left:3px solid var(--accent);
  border-radius:var(--r-md);
}
.pull p{
  font-size:clamp(18px,1.6vw,22px);
  line-height:1.4;color:var(--ink);max-width:none;
  font-variation-settings:'opsz' 24,'wdth' 100,'wght' 500;
  letter-spacing:-.015em;margin:0;
}
.pull-cite{
  display:block;margin-top:14px;
  font-size:12px;color:var(--ink-3);
  font-variation-settings:'opsz' 12,'wdth' 100,'wght' 600;
  letter-spacing:.04em;text-transform:uppercase;
}

/* Clause callout · for legal emphasis inside terms */
.clause{
  margin:20px 0;
  padding:22px 26px;
  background:var(--accent-soft);
  border:1px solid rgba(249,115,22,.22);
  border-left:3px solid var(--accent);
  border-radius:var(--r-md);
}
.clause-l{
  display:inline-block;
  font-size:11px;color:var(--accent);
  font-variation-settings:'opsz' 12,'wdth' 100,'wght' 700;
  letter-spacing:.05em;text-transform:uppercase;
  padding:3px 10px;
  background:var(--bg-card);
  border:1px solid rgba(249,115,22,.22);
  border-radius:var(--r-pill);
  margin-bottom:10px;
}
.clause p{
  font-size:14.5px;line-height:1.65;
  color:var(--ink-2);margin:0;
}
.clause p strong{color:var(--ink);font-variation-settings:'opsz' 15,'wdth' 100,'wght' 700}

/* Disclaimer · subtle card with accent rule */
.disclaimer{
  margin-top:clamp(40px,5vw,64px);
  padding:clamp(18px,2.5vw,24px);
  background:var(--bg-card);
  border:1px solid var(--border);
  border-left:3px solid var(--accent);
  border-radius:var(--r-md);
  font-size:13.5px;line-height:1.6;color:var(--ink-2);
}
.disclaimer strong{color:var(--ink);font-variation-settings:'opsz' 14,'wdth' 100,'wght' 700}

/* Definitional table · used for "defined terms" in terms.html */
.defs{
  margin:18px 0;
  border:1px solid var(--border);
  border-radius:var(--r-md);
  background:var(--bg-card);
  overflow:hidden;
}
.defs-row{
  display:grid;grid-template-columns:minmax(140px,200px) 1fr;
  gap:0;border-top:1px solid var(--border);
}
.defs-row:first-child{border-top:0}
.defs-row dt{
  padding:14px 18px;background:var(--bg-soft);
  font-size:13px;color:var(--ink);
  font-variation-settings:'opsz' 14,'wdth' 100,'wght' 700;
  letter-spacing:-.005em;
  border-right:1px solid var(--border);
}
.defs-row dd{
  padding:14px 18px;margin:0;
  font-size:14px;line-height:1.55;color:var(--ink-2);
}
@media(max-width:560px){
  .defs-row{grid-template-columns:1fr}
  .defs-row dt{border-right:0;border-bottom:1px solid var(--border)}
}

/* Serif-feel display · Bricolage at narrow/heavy width for editorial moments */
.editorial-kicker{
  font-size:clamp(13px,1.1vw,15px);
  font-variation-settings:'opsz' 14,'wdth' 85,'wght' 600;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-3);
}
.editorial-kicker::before{
  content:'§ ';color:var(--accent);
}

/* Table-of-contents rail · use inside <aside> next to .doc */
.toc{
  position:sticky;top:80px;
  font-size:13px;line-height:1.6;
}
.toc h6{
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-3);margin-bottom:10px;
  font-variation-settings:'opsz' 12,'wdth' 100,'wght' 700;
}
.toc ol{list-style:none;counter-reset:toc;display:grid;gap:4px}
.toc ol li{counter-increment:toc}
.toc ol li a{
  display:grid;grid-template-columns:24px 1fr;gap:8px;
  padding:5px 0;color:var(--ink-2);text-decoration:none;
  transition:color .18s var(--ease);
}
.toc ol li a::before{
  content:counter(toc,decimal-leading-zero);
  color:var(--ink-4);font-variant-numeric:tabular-nums;
  font-size:11px;padding-top:2px;
}
.toc ol li a:hover{color:var(--accent)}

/* ═══════════════════════════════════════════════════════════════════════════
   Grain texture overlay — use sparingly on hero panels
   Adds paper-y warmth without going kitsch.
   ═══════════════════════════════════════════════════════════════════════════ */
.grain{position:relative}
.grain::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.043 0 0 0 0 0.055 0 0 0 0 0.059 0 0 0 .7 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  opacity:.06;mix-blend-mode:multiply;
  border-radius:inherit;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Scroll progress bar · affix top of page
   ═══════════════════════════════════════════════════════════════════════════ */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;background:transparent;pointer-events:none}
.scroll-progress-fill{height:100%;width:0%;background:var(--accent);transition:width .08s linear;box-shadow:0 0 10px rgba(249,115,22,.4)}

/* ═══════════════════════════════════════════════════════════════════════════
   Utility classes · use sparingly
   ═══════════════════════════════════════════════════════════════════════════ */
.ink     {color:var(--ink)}
.ink-2   {color:var(--ink-2)}
.ink-3   {color:var(--ink-3)}
.ink-4   {color:var(--ink-4)}
.accent  {color:var(--accent)}
.inv     {color:var(--ink-inv)}
.center  {text-align:center}
.narrow  {max-width:640px;margin-inline:auto}

.divider{height:1px;background:var(--border);border:0;margin:clamp(28px,3.5vw,48px) 0}
.divider-accent{
  height:1px;border:0;
  background:linear-gradient(to right,transparent,var(--accent) 50%,transparent);
  margin:clamp(28px,3.5vw,48px) 0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Print · leave-behind + any page sent to paper
   ═══════════════════════════════════════════════════════════════════════════ */
@media print{
  :root{
    --bg:#ffffff;
  }
  body{background:#fff}
  .nav,.scroll-progress,.foot{display:none}
  .doc{padding:0}
  a[href]:after{content:''}  /* don't print URLs */
}