/* ============ OFA — design system ============ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --bg:#f4efe7;            /* warm cream */
  --bg-soft:#ece4d6;
  --panel:#fbf7f0;
  --panel-2:#f0e8da;
  --line:rgba(26,23,20,.12);
  --line-strong:rgba(26,23,20,.20);
  --ink:#1c1814;
  --ink-dim:#4d463c;
  --mut:#7c7263;
  --faint:#a99c8a;
  --accent:#bf5733;        /* terracotta */
  --accent-dim:#9a4526;
  --accent-ink:#fbf3e9;
  --warn:#b06a1a;
  --blue:#3a6b8c;
  --violet:#8a6d9e;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --display:'Fraunces',Georgia,'Times New Roman',serif;
  --body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --maxw:1140px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--ink);
  font-family:var(--body);font-size:16px;line-height:1.7;letter-spacing:-.005em;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;position:relative;
}
/* flat warm paper, no gradient wash */
a{color:inherit;text-decoration:none}
::selection{background:var(--accent);color:var(--accent-ink)}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.mono{font-family:var(--mono)}
.kicker{
  font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--accent);font-weight:500;
}
.kicker .sep{color:var(--faint)}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:0;
  font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.02em;
  padding:12px 20px;border-radius:2px;background:var(--accent);color:var(--accent-ink);
  transition:transform .12s ease,filter .2s ease;white-space:nowrap;
}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong)}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn.sm{padding:9px 15px;font-size:12px}

/* ---------- header ---------- */
.site-head{
  position:sticky;top:0;z-index:50;
  background:rgba(248,243,236,.82);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.site-head .row{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:.04em}
.logo .mark{
  width:34px;height:34px;flex:0 0 34px;
  background:url('/logo-64.png') center/contain no-repeat;
}
.nav{display:flex;align-items:center;gap:30px}
.nav a.link{font-family:var(--mono);font-size:13px;color:var(--mut);letter-spacing:.02em;transition:color .15s}
.nav a.link:hover,.nav a.link.active{color:var(--ink)}
.nav a.link.active{color:var(--accent)}
.head-right{display:flex;align-items:center;gap:12px}
.menu-btn{display:none;width:40px;height:40px;border:1px solid var(--line-strong);border-radius:8px;background:transparent;cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1814' stroke-width='2' stroke-linecap='round'><path d='M4 7h16M4 12h16M4 17h16'/></svg>");
  background-size:20px;background-position:center;background-repeat:no-repeat}
.site-head.open .menu-btn{border-color:var(--accent);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bf5733' stroke-width='2' stroke-linecap='round'><path d='M6 6l12 12M18 6l-12 12'/></svg>")}
@media(max-width:780px){
  .menu-btn{display:inline-block}
  .nav{position:absolute;top:68px;left:0;right:0;flex-direction:column;gap:0;align-items:stretch;
    background:rgba(248,243,236,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);
    padding:6px 0;display:none}
  .site-head.open .nav{display:flex}
  .nav a.link{font-size:15px;padding:14px 28px;border-bottom:1px solid var(--line)}
  .nav a.link:last-child{border-bottom:0}
}

/* ---------- hero ---------- */
.hero{padding:88px 0 64px;position:relative}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center}
.hero-grid>*{min-width:0}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}}
.hero h1{
  font-family:var(--display);font-weight:600;letter-spacing:-.012em;
  font-size:clamp(40px,5.6vw,66px);line-height:1.07;margin:26px 0 0;
}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero .lede{margin-top:26px;font-size:18px;line-height:1.62;color:var(--ink-dim);max-width:500px;letter-spacing:-.01em}
.hero .actions{display:flex;gap:12px;margin-top:38px;flex-wrap:wrap;align-items:center}
.net-status{font-family:var(--mono);font-size:12px;color:var(--mut);margin-top:18px;min-height:18px}
.net-status .addr{color:var(--accent)}

/* trade-flow figure: numbered steps joined by a real connector line */
.figure{
  border:1px solid var(--line-strong);border-radius:4px;background:var(--panel);
  padding:26px 24px 22px;position:relative;
}
.figure .ftag{position:absolute;top:-9px;left:18px;background:var(--bg);padding:0 9px;
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase}
.flow{list-style:none;position:relative;margin:0;padding:0}
.flow::before{content:"";position:absolute;left:13px;top:14px;bottom:14px;width:1px;background:var(--line-strong)}
.flow li{position:relative;display:flex;gap:16px;padding:11px 0;align-items:flex-start}
.flow .fnum{flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:var(--bg);border:1px solid var(--line-strong);
  display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;color:var(--mut);z-index:1}
.flow li.on .fnum{border-color:var(--accent);color:var(--accent-ink);background:var(--accent)}
.flow b{display:block;font-size:15px;color:var(--ink);font-weight:600;line-height:1.3;font-family:var(--body)}
.flow span{display:block;font-size:13px;color:var(--mut);margin-top:2px;line-height:1.45}
.figure .cap{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-dim);line-height:1.55}

/* ---------- stat strip ---------- */
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(26,23,20,.035)}
.strip .row{display:grid;grid-template-columns:repeat(4,1fr)}
.strip .cell{padding:22px 24px;border-left:1px solid var(--line)}
.strip .cell:first-child{border-left:0}
.strip .cell .v{font-family:var(--display);font-weight:600;font-size:23px;letter-spacing:-.01em;color:var(--ink)}
.strip .cell .v span{color:var(--accent)}
.strip .cell .k{font-family:var(--mono);font-size:11px;color:var(--mut);letter-spacing:.08em;margin-top:6px;text-transform:uppercase;line-height:1.4}
@media(max-width:780px){.strip .row{grid-template-columns:1fr 1fr}.strip .cell:nth-child(3){border-left:0}}

/* ---------- sections ---------- */
section.block{padding:92px 0;border-bottom:1px solid var(--line)}
.sec-head{max-width:680px;margin-bottom:56px}
.sec-head .kicker{display:inline-block;margin-bottom:20px}
.sec-head h2{font-family:var(--display);font-weight:600;font-size:clamp(28px,3.6vw,40px);letter-spacing:-.012em;line-height:1.12;margin-bottom:18px}
.sec-head .desc{color:var(--mut);max-width:560px;font-size:16px;line-height:1.62}

/* process steps */
.steps{border-top:1px solid var(--line)}
.steps .step{display:grid;grid-template-columns:56px 1fr;gap:28px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}
.steps .step .idx{font-family:var(--mono);font-size:13px;color:var(--accent);padding-top:6px;letter-spacing:.05em}
.steps .step h3{font-family:var(--display);font-weight:500;font-size:21px;letter-spacing:-.01em;margin-bottom:10px;line-height:1.25}
.steps .step p{color:var(--mut);font-size:15.5px;line-height:1.68;max-width:62ch}
.steps .step code{font-family:var(--mono);font-size:13px;background:var(--panel-2);padding:1px 6px;border-radius:4px;color:var(--ink-dim)}
@media(max-width:560px){.steps .step{grid-template-columns:1fr;gap:10px;padding:26px 0}.steps .step .idx{padding-top:0}}

/* feature cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:4px;overflow:hidden}
@media(max-width:820px){.cards{grid-template-columns:1fr}}
.cards .c{padding:34px 30px;border-right:1px solid var(--line)}
.cards .c:last-child{border-right:0}
.cards .c .num{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.16em}
.cards .c h3{font-family:var(--display);font-weight:500;font-size:20px;letter-spacing:-.01em;margin:18px 0 12px}
.cards .c p{color:var(--mut);font-size:15px;line-height:1.66}
@media(max-width:820px){.cards .c{border-right:0;border-bottom:1px solid var(--line)}.cards .c:last-child{border-bottom:0}}

/* token / split figure */
.token-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.token-grid>*{min-width:0}
@media(max-width:900px){.token-grid{grid-template-columns:1fr;gap:32px}}
.split-fig{border:1px solid var(--line-strong);border-radius:12px;background:var(--panel);padding:24px}
.split-fig .lab{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;margin-bottom:18px}
.bar{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:2px;background:var(--bg-soft)}
.bar span{display:block;height:100%}
.legend{margin-top:20px;display:grid;gap:0}
.legend .li{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--ink-dim);padding:11px 0;border-bottom:1px solid var(--line)}
.legend .li:last-child{border-bottom:0}
.legend .li i{width:10px;height:10px;border-radius:3px;flex:0 0 10px}
.legend .li b{color:var(--ink);margin-left:auto;font-family:var(--mono);font-size:13.5px;font-weight:500}
/* accounting card */
.calc{margin-top:22px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg-soft)}
.calc .crow{padding:14px 16px;border-bottom:1px solid var(--line)}
.calc .crow:last-child{border-bottom:0}
.calc .clabel{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.calc code{font-family:var(--mono);font-size:13px;color:var(--ink-dim);line-height:1.55;display:block;overflow-wrap:anywhere}
.calc code .v{color:var(--accent)}

.lead-para{font-size:17px;line-height:1.68;color:var(--ink-dim);letter-spacing:-.01em}
.lead-para + .lead-para{margin-top:18px}
ul.ticks{list-style:none;margin-top:26px;display:grid;gap:16px}
ul.ticks li{display:flex;gap:14px;font-size:15.5px;line-height:1.5;color:var(--ink-dim);align-items:flex-start}
ul.ticks li::before{content:"→";color:var(--accent);font-family:var(--mono);line-height:1.5;flex:0 0 auto}

/* ---------- live stats + chart ---------- */
.live-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:18px}
.live-stats .lstat{padding:20px 20px;border-right:1px solid var(--line)}
.live-stats .lstat:last-child{border-right:0}
.lstat .lk{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.lstat .lv{font-family:var(--display);font-weight:600;font-size:23px;letter-spacing:-.01em;color:var(--ink);margin-top:8px}
.lstat .lsub{font-family:var(--mono);font-size:11px;color:var(--mut);margin-top:3px}
@media(max-width:720px){.live-stats{grid-template-columns:1fr 1fr}.live-stats .lstat:nth-child(2){border-right:0}.live-stats .lstat:nth-child(1),.live-stats .lstat:nth-child(2){border-bottom:1px solid var(--line)}}
.chart-wrap{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--panel)}
.chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.chart-price{font-family:var(--display);font-weight:600;font-size:22px;color:var(--ink)}
.chart-pair{font-family:var(--mono);font-size:12px;color:var(--mut)}
.live-status{font-family:var(--mono);font-size:11px;color:var(--mut)}
#chart{width:100%;height:300px}
.ca{display:inline-flex;align-items:center;gap:10px;margin-top:18px;border:1px solid var(--line-strong);border-radius:10px;padding:7px 7px 7px 14px;background:var(--panel);max-width:100%;flex-wrap:wrap}
.ca-label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--accent)}
.ca-addr{font-family:var(--mono);font-size:13px;color:var(--ink);overflow-wrap:anywhere}
.ca-copy{cursor:pointer;border:0;border-radius:6px;background:var(--accent);color:var(--accent-ink);font-family:var(--mono);font-size:12px;padding:6px 13px}
.ca-copy:hover{filter:brightness(1.08)}
.dexframe{width:100%;height:520px;border:0;display:block}
@media(max-width:860px){.dexframe{height:380px}}
.chart-note{font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:12px}
.live-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;align-items:start}
.live-grid>*{min-width:0}
@media(max-width:860px){.live-grid{grid-template-columns:1fr}}
/* trade column: swap widget + separate rewards card */
.trade-col{display:grid;gap:18px;align-content:start}
.swap-card,.rewards-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:18px}
.rc-title{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}
.trade-panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:18px}
.tp-tabs{display:flex;gap:6px;margin-bottom:16px;background:var(--bg-soft);border-radius:8px;padding:4px}
.tp-tab{flex:1;cursor:pointer;border:0;background:transparent;font-family:var(--mono);font-size:13px;color:var(--mut);padding:8px;border-radius:6px}
.tp-tab.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px rgba(26,23,20,.08)}
.tp-label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.tp-input{display:flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:8px;padding:12px 14px;margin:8px 0}
.tp-input input{flex:1;border:0;background:transparent;outline:none;font-family:var(--display);font-size:22px;font-weight:600;color:var(--ink);width:100%}
.tp-input span{font-family:var(--mono);font-size:13px;color:var(--mut)}
.tp-est{font-family:var(--mono);font-size:12.5px;color:var(--mut);margin-bottom:14px}
.tp-action{width:100%;justify-content:center;padding:13px}
.tp-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--mut)}
.tp-row:first-of-type{border-top:1px solid var(--line)}
.tp-row b{color:var(--ink);font-family:var(--mono);font-size:13.5px;font-weight:500}
#tp-claim .tp-action{margin-top:16px}
.tp-msg{font-family:var(--mono);font-size:11.5px;color:var(--mut);margin-top:10px;min-height:16px;word-break:break-word}
.tp-msg.err{color:#c0392b}.tp-msg.ok{color:var(--accent-dim)}
.tp-note{font-family:var(--mono);font-size:11px;color:var(--faint);line-height:1.5;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}

/* CTA band */
.cta-band{padding:88px 0;border-bottom:1px solid var(--line);text-align:center}
.cta-band h2{font-family:var(--display);font-weight:600;font-size:clamp(28px,3.8vw,42px);letter-spacing:-.012em;line-height:1.1}
.cta-band p{color:var(--mut);margin:18px auto 0;max-width:480px;font-size:16px;line-height:1.6}
.cta-band .actions{display:flex;gap:12px;justify-content:center;margin-top:34px;flex-wrap:wrap}
@media(max-width:600px){
  .hero{padding:52px 0 44px}
  section.block{padding:58px 0}
  .sec-head{margin-bottom:36px}
  .cta-band{padding:62px 0}
  .page-head{padding:56px 0 40px}
  .strip .cell{padding:18px 18px}
}

/* ---------- footer ---------- */
.site-foot{padding:54px 0 60px}
.foot-top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}
.foot-cols{display:flex;gap:60px;flex-wrap:wrap}
.foot-cols .col h4{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;margin-bottom:14px}
.foot-cols .col a{display:block;color:var(--mut);font-size:14px;padding:4px 0;transition:color .15s}
.foot-cols .col a:hover{color:var(--ink)}
.disclaimer{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:12px;color:var(--faint);max-width:720px;line-height:1.7}

/* ---------- roadmap page ---------- */
.page-head{padding:84px 0 56px;border-bottom:1px solid var(--line)}
.page-head h1{font-family:var(--display);font-weight:600;font-size:clamp(36px,5.2vw,56px);letter-spacing:-.012em;line-height:1.06;margin-top:20px}
.page-head p{color:var(--mut);max-width:600px;margin-top:22px;font-size:17px;line-height:1.62}

.timeline{padding:60px 0}
.phase{display:grid;grid-template-columns:200px 1fr;gap:36px;padding:34px 0;border-bottom:1px solid var(--line)}
@media(max-width:820px){.phase{grid-template-columns:1fr;gap:14px}}
.phase .meta .ph{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
.phase .meta .when{font-family:var(--mono);font-size:13px;color:var(--mut);margin-top:6px}
.phase .meta .tag{display:inline-block;margin-top:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  padding:4px 9px;border-radius:2px;border:1px solid var(--line-strong);color:var(--mut)}
.phase .meta .tag.now{color:var(--accent);border-color:var(--accent-dim);background:rgba(191,87,51,.08)}
.phase .meta .tag.done{color:var(--blue);border-color:rgba(124,140,255,.4)}
.phase .body h3{font-family:var(--display);font-weight:500;font-size:23px;letter-spacing:-.015em;margin-bottom:16px}
.phase .body ul{list-style:none;display:grid;gap:13px}
.phase .body ul li{display:flex;gap:12px;color:var(--ink-dim);font-size:15.5px;line-height:1.5}
.phase .body ul li::before{content:"›";color:var(--accent);font-weight:600}

/* ---------- whitepaper page ---------- */
.doc{display:grid;grid-template-columns:230px 1fr;gap:56px;padding:56px 0}
.doc>*{min-width:0}
.toc{position:sticky;top:92px;align-self:start;font-family:var(--mono);font-size:13px}
.toc .tl{font-size:11px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;margin-bottom:16px}
.toc a{display:block;color:var(--mut);padding:6px 0;border-left:1px solid var(--line);padding-left:14px;transition:.15s}
.toc a:hover{color:var(--ink);border-color:var(--accent)}
.doc-body{max-width:720px;min-width:0;font-size:16.5px;line-height:1.78;color:var(--ink-dim);overflow-wrap:break-word;word-wrap:break-word}
.doc-body .abstract{border-left:2px solid var(--accent);padding:4px 0 4px 22px;color:var(--ink);font-size:17px;margin-bottom:48px}
.doc-body h2{font-family:var(--display);font-weight:600;font-size:27px;color:var(--ink);letter-spacing:-.01em;margin:52px 0 16px;scroll-margin-top:92px}
.doc-body h2 .n{font-family:var(--mono);font-size:15px;color:var(--accent);margin-right:12px;font-weight:400}
.doc-body h3{font-family:var(--display);font-weight:500;font-size:20px;color:var(--ink);margin:32px 0 12px}
.doc-body p{margin:14px 0}
.doc-body strong{color:var(--ink);font-weight:600}
.doc-body code{font-family:var(--mono);font-size:14px;background:var(--panel-2);padding:1px 6px;border-radius:3px;color:var(--accent)}
.doc-body ul,.doc-body ol{margin:16px 0 16px 4px;padding-left:22px;display:grid;gap:9px}
.doc-body li{padding-left:4px}
.doc-body .codeblock{font-family:var(--mono);font-size:13.5px;line-height:1.7;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:18px 20px;margin:22px 0;color:var(--ink-dim);overflow-x:auto;white-space:pre;max-width:100%}
.doc-body .tablewrap{overflow-x:auto;max-width:100%;margin:22px 0}
.doc-body .tablewrap table{margin:0}
.doc-body .codeblock .cm{color:var(--faint)}
.doc-body table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14.5px}
.doc-body table th{text-align:left;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);border-bottom:1px solid var(--line-strong);padding:10px 12px}
.doc-body table td{border-bottom:1px solid var(--line);padding:11px 12px;color:var(--ink-dim);vertical-align:top}
.doc-body .callout{border:1px solid var(--line-strong);border-left:3px solid var(--warn);border-radius:3px;padding:16px 18px;margin:24px 0;font-size:15px;color:var(--ink-dim);background:rgba(191,87,51,.06)}
.doc-body .callout b{color:var(--warn)}

/* mobile doc overrides — must come AFTER the base .doc-body rules to win */
@media(max-width:920px){
  .wrap.doc{padding-left:20px;padding-right:20px}
  .doc{grid-template-columns:1fr;gap:0;padding-top:8px;padding-bottom:40px}
  .toc{display:none!important}
  .page-head{padding:40px 0 20px}
  .page-head h1{font-size:30px;line-height:1.1}
  .page-head p{font-size:15px;line-height:1.62;margin-top:16px}
  .doc-body{font-size:15.5px;line-height:1.75}
  .doc-body .abstract{margin-bottom:30px;font-size:15.5px;line-height:1.62;padding:6px 4px 6px 16px}
  .doc-body h2{margin:38px 0 14px;font-size:21px;line-height:1.24}
  .doc-body h2 .n{font-size:13px;margin-right:9px}
  .doc-body h3{margin:26px 0 10px;font-size:17px}
  .doc-body p{margin:15px 0}
  .doc-body ul,.doc-body ol{margin:16px 0;padding-left:20px;gap:11px}
  .doc-body li{margin-bottom:0;padding-left:2px}
  .doc-body code{font-size:13px}
  .doc-body .codeblock{font-size:12px;padding:14px 15px;margin:18px 0}
  .doc-body .tablewrap{margin:18px 0}
  .doc-body table{font-size:13px}
}