/* ============================================================
   docs.cherum.io — documentation shell
   Same tokens, type and house rules as the showcase (site.css v2.0).
   House rule: a class owns its own shape. An ancestor may VARY a
   shape, never supply it. No `font:` shorthand — it resets family.
   Self-contained: docs live on their own host, so the token block
   is copied rather than imported across domains.
   ============================================================ */

:root{
  --r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--r-pill:999px;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;
  --ff:"Inter Tight",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Instrument Serif","Iowan Old Style",Georgia,serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --lh-tight:1.12;--lh-body:1.6;--lh-loose:1.7;
  --ls-display:-0.018em;--ls-caps:0.09em;
  --ease:cubic-bezier(.2,.8,.2,1);--t-fast:120ms;--t-base:180ms;
  --wrap:1320px;--rail:248px;--toc:214px;--prose:none;
}
html,html[data-theme="dark"]{
  --bg-0:oklch(0.18 0.010 310);--bg-1:oklch(0.215 0.012 310);--bg-2:oklch(0.25 0.014 310);--bg-3:oklch(0.29 0.016 310);
  --line:oklch(0.32 0.018 310);--line-2:oklch(0.38 0.022 310);
  --hairline:color-mix(in oklab,oklch(0.92 0.008 310) 11%,transparent);
  --text-1:oklch(0.92 0.008 310);--text-2:oklch(0.78 0.012 310);--text-3:oklch(0.64 0.016 310);
  --accent:oklch(0.74 0.14 305);--accent-hi:oklch(0.82 0.14 305);--accent-ink:#18121F;
  --accent-tint:color-mix(in oklab,var(--accent) 14%,transparent);
  --good:oklch(0.72 0.10 160);--warn:oklch(0.76 0.11 75);--info:oklch(0.70 0.07 235);--bad:oklch(0.68 0.14 25);
  --warn-ink:oklch(0.84 0.10 80);
  --link:var(--accent-hi);--link-hover:var(--accent);
  --warn-tint:color-mix(in oklab,var(--warn) 12%,transparent);
  --field:oklch(0.30 0.016 310);
  --code-bg:oklch(0.155 0.010 310);--code-head:oklch(0.205 0.012 310);
  --shadow-card:0 1px 2px rgba(0,0,0,.30),0 8px 24px rgba(0,0,0,.25);
  --shadow-pop:0 4px 10px rgba(0,0,0,.40),0 18px 44px rgba(0,0,0,.35);
  --mesh-a:oklch(0.40 0.11 305/.24);--mesh-b:oklch(0.32 0.09 340/.18);--mesh-c:oklch(0.34 0.07 268/.16);
  --card-grad:linear-gradient(180deg,color-mix(in oklab,var(--bg-2) 62%,transparent),color-mix(in oklab,var(--bg-1) 92%,transparent));
  color-scheme:dark;
}
html[data-theme="light"]{
  --bg-0:oklch(0.985 0.003 310);--bg-1:oklch(0.965 0.005 310);--bg-2:oklch(0.935 0.007 310);--bg-3:oklch(0.90 0.009 310);
  --line:oklch(0.88 0.010 310);--line-2:oklch(0.82 0.014 310);
  --hairline:color-mix(in oklab,oklch(0.24 0.014 310) 10%,transparent);
  --text-1:oklch(0.24 0.014 310);--text-2:oklch(0.40 0.014 310);--text-3:oklch(0.52 0.014 310);
  --accent:oklch(0.52 0.19 305);--accent-hi:oklch(0.44 0.19 305);--accent-ink:#fff;
  --accent-tint:color-mix(in oklab,var(--accent) 10%,transparent);
  --good:oklch(0.52 0.13 160);--warn:oklch(0.58 0.13 75);--info:oklch(0.52 0.10 235);--bad:oklch(0.54 0.19 25);
  --warn-ink:oklch(0.44 0.12 70);
  --link:var(--accent);--link-hover:var(--accent-hi);
  --warn-tint:color-mix(in oklab,var(--warn) 14%,transparent);
  --field:oklch(0.90 0.009 310);
  --code-bg:oklch(0.955 0.005 310);--code-head:oklch(0.925 0.007 310);
  --shadow-card:0 1px 2px rgba(24,18,31,.05),0 8px 24px rgba(24,18,31,.06);
  --shadow-pop:0 4px 10px rgba(24,18,31,.08),0 18px 44px rgba(24,18,31,.10);
  --mesh-a:oklch(0.82 0.07 305/.50);--mesh-b:oklch(0.87 0.055 342/.40);--mesh-c:oklch(0.90 0.04 268/.34);
  --card-grad:linear-gradient(180deg,#fff,color-mix(in oklab,var(--bg-1) 88%,#fff));
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg-0);color:var(--text-1);font-family:var(--ff);font-size:15px;line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
:where(button,input,select,textarea){font-family:inherit;font-size:inherit;color:inherit}
:where(button){background:none;border:none;cursor:pointer;padding:0}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--link-hover)}

/* ---------- type ---------- */
.d1{font-family:var(--serif);font-size:clamp(34px,4.4vw,52px);font-weight:400;line-height:1.06;letter-spacing:var(--ls-display);margin:0}
.d2{font-family:var(--serif);font-size:clamp(26px,3vw,36px);font-weight:400;line-height:1.14;letter-spacing:var(--ls-display);margin:0}
.d3{font-family:var(--serif);font-size:clamp(22px,2.2vw,27px);font-weight:400;line-height:1.2;letter-spacing:var(--ls-display);margin:0}
.h4{font-family:var(--ff);font-size:18px;font-weight:600;letter-spacing:-0.008em;line-height:1.35;margin:0}
.h5{font-family:var(--ff);font-size:15px;font-weight:600;line-height:1.4;margin:0}
.lead{font-family:var(--ff);font-size:17px;line-height:var(--lh-loose);color:var(--text-2);margin:0}
.body{font-family:var(--ff);font-size:15px;line-height:var(--lh-body);color:var(--text-2);margin:0}
.small{font-family:var(--ff);font-size:13px;line-height:1.55;color:var(--text-3);margin:0}
.eyebrow{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-3);margin:0}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.mono.xs{font-size:11px}.mono.sm{font-size:12px}.mono.md{font-size:13px}
.mw60{max-width:60ch}.mw64{max-width:64ch}

/* ---------- shell ---------- */
.hdr{position:sticky;top:0;z-index:60;background:color-mix(in oklab,var(--bg-0) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline)}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--sp-6)}
.nav{display:flex;align-items:center;gap:var(--sp-5);height:62px}
.brand{display:inline-flex;align-items:center;gap:8px;color:var(--text-1);font-family:var(--ff);font-size:16.5px;font-weight:600;letter-spacing:-0.01em}
.brand:hover{color:var(--text-1)}
.brand .sub{color:var(--text-3);font-weight:500;font-size:13.5px;letter-spacing:0;padding-left:2px;border-left:1px solid var(--line);margin-left:2px;padding-left:9px}
.logo{flex:none;color:var(--accent)}
.navlinks{display:flex;align-items:center;gap:2px;margin-left:var(--sp-4)}
.navlinks a{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 11px;border-radius:var(--r-sm);color:var(--text-2);font-size:14px;font-weight:500}
.navlinks a:hover{color:var(--text-1);background:var(--bg-1)}
.navlinks a[aria-current="page"]{color:var(--text-1);background:var(--bg-2)}
.navright{display:flex;align-items:center;gap:var(--sp-2);margin-left:auto}
.iconbtn{display:grid;place-items:center;min-width:36px;min-height:36px;border-radius:var(--r-sm);border:1px solid var(--line);color:var(--text-2);background:var(--bg-1)}
.iconbtn:hover{color:var(--text-1);border-color:var(--line-2)}
.burger{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-1);color:var(--text-1);font-size:14.5px;font-weight:600;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}
.btn:hover{border-color:var(--line-2);background:var(--bg-2);color:var(--text-1)}
.btn.sm{min-height:34px;padding:0 13px;font-size:13.5px}
.btn-primary{background:linear-gradient(180deg,var(--accent-hi),var(--accent));border-color:transparent;color:var(--accent-ink)}
.btn-primary:hover{filter:brightness(1.06);color:var(--accent-ink);background:linear-gradient(180deg,var(--accent-hi),var(--accent))}
.btn[disabled]{cursor:not-allowed;color:var(--text-3);background:var(--bg-2);border-color:var(--line)}
.ext{opacity:.6;flex:none}
.skiplink{position:absolute;left:12px;top:-48px;z-index:200;padding:9px 14px;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:600;transition:top var(--t-fast)}
.skiplink:focus-visible{top:12px}

/* mobile sheet: same pattern as the showcase */
.msheet{position:fixed;inset:62px 0 0;z-index:55;background:var(--bg-0);padding:18px 24px 40px;overflow-y:auto;display:none}
.msheet.open{display:block}
.msec{padding:14px 0;border-bottom:1px solid var(--hairline)}
.msec:last-child{border-bottom:none}
.mlink{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--text-1);font-size:16px;font-weight:500}
.mlink:hover{color:var(--accent-hi)}

/* ---------- three-column layout ---------- */
.docs{display:grid;grid-template-columns:var(--rail) minmax(0,1fr) var(--toc);gap:var(--sp-8);align-items:start;padding:var(--sp-8) 0 var(--sp-20)}
.rail{position:sticky;top:78px;max-height:calc(100vh - 96px);overflow-y:auto;padding-right:var(--sp-2)}
.rgroup{margin-bottom:var(--sp-5)}
.rgroup .eyebrow{margin-bottom:var(--sp-2);padding-left:11px}
.rlink{display:block;min-height:32px;padding:6px 11px;border-radius:var(--r-sm);color:var(--text-2);font-size:14px;line-height:1.35;border-left:2px solid transparent}
.rlink:hover{color:var(--text-1);background:var(--bg-1)}
.rlink.on{color:var(--text-1);background:var(--accent-tint);border-left-color:var(--accent)}
.rswitch{display:flex;gap:4px;padding:3px;margin-bottom:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-1)}
.rswitch a{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:32px;border-radius:var(--r-sm);color:var(--text-2);font-size:13.5px;font-weight:600}
.rswitch a:hover{color:var(--text-1)}
.rswitch a[aria-current="page"]{color:var(--text-1);background:var(--bg-3)}

.art{min-width:0;max-width:var(--prose)}
.crumb{display:flex;align-items:center;gap:7px;margin-bottom:var(--sp-3)}
.crumb .mono{font-size:11px;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-3)}
.arthead{padding-bottom:var(--sp-6);border-bottom:1px solid var(--hairline);margin-bottom:var(--sp-8)}
.arthead .lead{margin-top:var(--sp-4)}

.toc{position:sticky;top:78px;max-height:calc(100vh - 96px);overflow-y:auto}
.toc .eyebrow{margin-bottom:var(--sp-3)}
.tlink{display:block;padding:5px 0 5px 11px;border-left:2px solid var(--hairline);color:var(--text-3);font-size:13px;line-height:1.4}
.tlink:hover{color:var(--text-1)}
.tlink.on{color:var(--text-1);border-left-color:var(--accent)}

/* ---------- prose ---------- */
.sec{padding-top:var(--sp-4);margin-bottom:var(--sp-12);scroll-margin-top:88px}
.sec>h2{display:flex;align-items:center;gap:10px;margin:0 0 var(--sp-4)}
.anchor{color:var(--text-3);font-family:var(--mono);font-size:15px;opacity:0;transition:opacity var(--t-fast) var(--ease)}
.sec>h2:hover .anchor,.anchor:focus-visible{opacity:1}
.sec p{margin:0 0 var(--sp-4);color:var(--text-2);max-width:74ch}
.sec p:last-child{margin-bottom:0}
.sec h3{font-family:var(--ff);font-size:16px;font-weight:600;color:var(--text-1);margin:var(--sp-6) 0 var(--sp-3)}
.sec ul{margin:0 0 var(--sp-4);padding-left:0;list-style:none;max-width:74ch}
.sec ul li{position:relative;padding-left:18px;margin-bottom:var(--sp-2);color:var(--text-2)}
.sec ul li::before{content:"";position:absolute;left:3px;top:.72em;width:5px;height:5px;border-radius:var(--r-pill);background:var(--line-2)}
.sec ul li:last-child{margin-bottom:0}
.sec strong{color:var(--text-1);font-weight:600}
code{font-family:var(--mono);font-size:.905em;font-variant-numeric:tabular-nums}
.sec p code,.sec li code,.sec td code,.sec th code{padding:1px 5px;border-radius:var(--r-xs);background:var(--bg-2);border:1px solid var(--hairline);color:var(--text-1);white-space:nowrap}

/* ---------- code blocks ---------- */
.code{margin:0 0 var(--sp-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--code-bg);overflow:hidden}
.codehead{display:flex;align-items:center;gap:var(--sp-3);min-height:38px;padding:0 var(--sp-3) 0 var(--sp-4);background:var(--code-head);border-bottom:1px solid var(--hairline)}
.codehead .fname{font-family:var(--mono);font-size:11.5px;color:var(--text-3);letter-spacing:.02em}
.copy{display:inline-flex;align-items:center;gap:6px;min-height:28px;margin-left:auto;padding:0 9px;border-radius:var(--r-sm);border:1px solid var(--line);color:var(--text-2);font-size:12px;font-weight:600;background:var(--bg-1)}
.copy:hover{color:var(--text-1);border-color:var(--line-2)}
.copy[data-copied]{color:var(--good);border-color:color-mix(in oklab,var(--good) 55%,transparent)}
/* a refused copy says so in the warning tone — the same rule as elsewhere: the
   state is visible, never silent */
.copy[data-failed]{color:var(--warn-ink);border-color:color-mix(in oklab,var(--warn) 55%,transparent);background:var(--warn-tint)}
.clab{font-family:var(--ff);font-size:12px;font-weight:600;letter-spacing:0}
.ar{flex:none}
.code pre{margin:0;padding:var(--sp-4);overflow-x:auto;font-family:var(--mono);font-size:12.5px;line-height:1.65;color:var(--text-1);tab-size:2}
.code pre .c{color:var(--text-3)}
.code pre .s{color:var(--good)}
.code pre .k{color:var(--accent-hi)}

/* ---------- tables ---------- */
.tbl{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 var(--sp-5);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.tbl th{padding:9px 13px;text-align:left;background:var(--bg-2);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-3);font-weight:500;white-space:nowrap}
.tbl td{padding:11px 13px;border-bottom:1px solid var(--hairline);color:var(--text-2);font-size:14px;vertical-align:top}
.tbl tr:last-child td{border-bottom:none}
.tbl td:first-child{white-space:nowrap}
.tbl td.wrapc:first-child{white-space:normal}
.tbl .nowrap{white-space:nowrap}
.tscroll{overflow-x:auto;margin:0 0 var(--sp-5)}
.tscroll .tbl{margin-bottom:0;min-width:640px}

/* ---------- callouts ---------- */
.note{display:flex;gap:11px;padding:13px 15px;margin:0 0 var(--sp-5);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:var(--r-md);background:var(--bg-1);max-width:74ch}
.note.warn{border-left-color:var(--warn)}
.note.good{border-left-color:var(--good)}
.note .ic{flex:none;margin-top:1px;color:var(--accent)}
.note.warn .ic{color:var(--warn-ink)}
.note.good .ic{color:var(--good)}
.note p{margin:0;font-size:14px;color:var(--text-2)}
.note p+p{margin-top:var(--sp-2)}

/* ---------- next / footer ---------- */
.next{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card-grad);margin-top:var(--sp-10)}
.next .h5{color:var(--text-1)}
.next .btn{margin-left:auto;flex:none}
.ftr{border-top:1px solid var(--hairline);padding:var(--sp-12) 0 var(--sp-10);background:var(--bg-1)}
.fgrid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:var(--sp-8)}
.fcol{display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.fh{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-3);line-height:1.4;margin:0 0 2px}
.fcol a{color:var(--text-2);font-size:14px}
.fcol a:hover{color:var(--text-1)}
.fbot{display:flex;align-items:center;gap:var(--sp-4);margin-top:var(--sp-10);padding-top:var(--sp-5);border-top:1px solid var(--hairline);flex-wrap:wrap}

/* ---------- playground ---------- */
.pgwrap{display:grid;grid-template-columns:320px minmax(0,1fr);gap:var(--sp-8);align-items:start;padding:var(--sp-8) 0 var(--sp-20)}
.panel{position:sticky;top:78px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card-grad);padding:var(--sp-5);box-shadow:var(--shadow-card)}
.pgroup{padding-bottom:var(--sp-4);margin-bottom:var(--sp-4);border-bottom:1px solid var(--hairline)}
.pgroup:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}
.plab{display:block;font-family:var(--mono);font-size:11px;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-3);margin-bottom:var(--sp-2)}
.seg{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-1)}
.seg button{flex:1;min-height:32px;border-radius:var(--r-sm);color:var(--text-2);font-size:13px;font-weight:600}
.seg button:hover{color:var(--text-1)}
.seg button.on{color:var(--text-1);background:var(--bg-3)}
.swrow{display:flex;gap:7px;flex-wrap:wrap}
.swatch{width:32px;height:32px;border-radius:var(--r-pill);border:2px solid transparent;cursor:pointer;flex:none;box-shadow:inset 0 0 0 1px var(--hairline)}
.swatch.on{border-color:var(--text-1)}
.field{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 11px;border:1px solid var(--field);border-radius:var(--r-md);background:var(--bg-0);cursor:text}
.field:focus-within{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}
.field input{flex:1;min-width:0;background:none;border:none;color:var(--text-1);font-size:13.5px}
.field input:focus-visible{outline:none}
.field input.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.field .suf{flex:none;font-family:var(--mono);font-size:11.5px;color:var(--text-3)}
.range{width:100%;accent-color:var(--accent)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-1);color:var(--text-2);font-family:var(--mono);font-size:11.5px;letter-spacing:.03em;cursor:pointer}
.chip:hover{color:var(--text-1);border-color:var(--line-2)}
.chip.on{color:var(--text-1);border-color:var(--accent);background:var(--accent-tint)}
.tgl{display:flex;align-items:center;gap:10px;min-height:40px}
.tgl .sw{position:relative;flex:none;width:38px;height:22px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-2);cursor:pointer}
.tgl .sw::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--r-pill);background:var(--text-3);transition:transform var(--t-base) var(--ease),background var(--t-base) var(--ease)}
.tgl .sw.on{border-color:var(--accent);background:var(--accent-tint)}
.tgl .sw.on::after{transform:translateX(16px);background:var(--accent)}
.stage{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6)}
.preview{display:grid;grid-template-columns:minmax(0,1fr);place-items:start center;min-height:520px;padding:var(--sp-8) var(--sp-5);border:1px solid var(--line);border-radius:var(--r-xl);background:radial-gradient(60% 50% at 50% 0%,var(--mesh-a),transparent 70%),var(--bg-1);position:relative;overflow:hidden}
.pvslot{width:100%;max-width:460px}
.tabs{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-1);width:fit-content}
.tabs button{min-height:32px;padding:0 14px;border-radius:var(--r-sm);color:var(--text-2);font-size:13.5px;font-weight:600}
.tabs button:hover{color:var(--text-1)}
.tabs button.on{color:var(--text-1);background:var(--bg-3)}

/* ---------- responsive ---------- */
@media(max-width:1200px){
  :root{--rail:212px}
  .docs{grid-template-columns:var(--rail) minmax(0,1fr);gap:var(--sp-6)}
  .toc{display:none}
}
@media(max-width:920px){
  .docs{grid-template-columns:minmax(0,1fr);padding-top:var(--sp-6)}
  .rail{position:static;max-height:none;padding:0 0 var(--sp-6);border-bottom:1px solid var(--hairline);margin-bottom:var(--sp-6);
    display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-4) var(--sp-6);align-items:start}
  .rswitch{grid-column:1/-1;margin-bottom:0}
  .pgwrap{grid-template-columns:minmax(0,1fr)}
  .panel{position:static}
  .navlinks{display:none}
  .burger{display:grid}
  .fgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6)}
}
@media(max-width:560px){
  .wrap{padding:0 var(--sp-4)}
  .iconbtn{min-width:44px;min-height:44px}
  .brand .sub{display:none}
  .fgrid{grid-template-columns:minmax(0,1fr)}
  .next{flex-wrap:wrap}
  .next .btn{margin-left:0;width:100%}
  .code pre{font-size:11.5px;padding:var(--sp-3)}
  .sec{margin-bottom:var(--sp-10)}
}