/* The editors-trial scorecard (public/neurotic-docx-bench/editors/, generated by
   `pnpm bench:pages` from the pinned et release). Paper, one ink, hairlines, one
   highlighter - the gh-pages viewer's look, carried over for this one page: the
   viewer's own stylesheet left with the copied pages this replaces. The fonts are
   the site's (/fonts/, SIL OFL). Radius 0, no soft shadows. */
@font-face{font-family:"Libre Franklin";font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/libre-franklin.woff2") format("woff2")}
@font-face{font-family:"Roboto Mono";font-style:normal;font-weight:100 700;font-display:swap;src:url("/fonts/roboto-mono.woff2") format("woff2")}
:root{color-scheme:light;
  --bg:#FAFAF8;--ink:#0A0A0A;--muted:#6B6B6B;--faint:#E8E8E5;--surface:#FFFFFF;--hover:#F2F2EE;
  --mark:#FFD400;--mark-text:#0A0A0A;--green-ink:#166B43;
  --ink-prose:#1E1E1E;--ink-body:#333333;
  --ff:"Libre Franklin",system-ui,-apple-system,sans-serif;
  --mono:"Roboto Mono","Space Mono",ui-monospace,monospace;
  --page-max:1180px;--px:clamp(16px,3vw,32px);
  --border-ink:1px solid var(--ink);--border-faint:1px solid var(--faint);
  --t:.18s ease}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.45 var(--ff);letter-spacing:-0.005em;-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-decoration:none;background-image:linear-gradient(var(--mark),var(--mark));background-repeat:no-repeat;background-size:0 .55em;background-position:0 78%;transition:background-size .25s ease}
a:hover,a:focus-visible{background-size:100% .55em}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
::selection{background:var(--mark);color:var(--mark-text)}
.mono{font-family:var(--mono)}
small{font-weight:400;color:var(--muted);font-size:11px}

body.doc{font-size:15px;line-height:1.6;color:var(--ink-prose)}
/* The breadcrumb row joins the page's column (main#main) instead of sitting flush at the viewport
   edge — the rule the copied bench pages carried for every body.doc child that is not the navbar,
   the main landmark or the footer. */
body.doc > nav.crumbs{max-width:var(--page-max);margin-left:auto;margin-right:auto;padding-left:var(--px);padding-right:var(--px)}
body.doc main#main{max-width:var(--page-max);margin-left:auto;margin-right:auto}
body.doc main#main > *{max-width:var(--page-max);margin-left:auto;margin-right:auto;padding-left:var(--px);padding-right:var(--px)}
body.doc nav.crumbs{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
body.doc nav.crumbs a{color:var(--ink);background:none}
body.doc nav.crumbs a:hover{color:var(--ink);background-size:100% .55em}
body.doc h1{font-size:clamp(30px,4.5vw,44px);font-weight:700;letter-spacing:-0.025em;line-height:1.05;margin:14px 0 18px;color:var(--ink);text-wrap:pretty}
body.doc h1 .mk{background-image:linear-gradient(var(--mark),var(--mark));background-repeat:no-repeat;background-size:100% .78em;background-position:0 62%;padding:0 .1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
body.doc h2{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:var(--border-faint);padding-bottom:8px;margin:44px 0 12px;display:flex;gap:8px;align-items:center}
body.doc h2::before{content:"";width:9px;height:9px;background:var(--mark);flex:none}
body.doc p,body.doc li{max-width:72ch;text-wrap:pretty}
body.doc code{font-family:var(--mono);font-size:.88em;font-weight:500;background:var(--faint);padding:.1em .4em}
body.doc section{margin-bottom:36px}
body.doc .lede{font-size:clamp(16px,1.6vw,19px);line-height:1.5;max-width:64ch;color:var(--ink-prose)}
body.doc .meta{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 10px}
body.doc .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--faint);border:var(--border-ink);margin:26px 0 10px}
body.doc .kpis div{background:var(--surface);padding:14px 16px;min-width:0;outline:1px solid var(--faint)}
body.doc .kpis b{display:block;font-size:clamp(26px,3vw,36px);font-weight:700;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
body.doc .kpis span{display:block;margin-top:6px;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-wrap:pretty}
body.doc .steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 28px}
body.doc .steps li{margin:0;max-width:none;padding-top:10px;border-top:var(--border-ink);font-size:14px;line-height:1.5;color:var(--ink-body)}
body.doc .steps li::before{counter-increment:s;content:counter(s,decimal-leading-zero);display:block;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;color:var(--ink)}
body.doc .steps li b{color:var(--ink)}
body.doc .tbl{overflow-x:auto;margin:10px 0 18px}
body.doc table{border-collapse:collapse;background:var(--surface);border:var(--border-ink);font-size:13px;font-variant-numeric:tabular-nums;min-width:100%}
body.doc th,body.doc td{border-bottom:var(--border-faint);border-right:var(--border-faint);padding:6px 10px;text-align:left}
body.doc th:last-child,body.doc td:last-child{border-right:0}
body.doc tr:last-child td{border-bottom:0}
body.doc th{background:var(--bg);font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
body.doc td.n{text-align:right}
body.doc tbody tr:hover td{background:var(--hover)}
body.doc table.score td.bar{min-width:160px;padding-top:0;padding-bottom:0;vertical-align:middle}
body.doc table.score .b{display:block;height:9px;background:var(--ink);min-width:1px}
body.doc table.score tr.top td{font-weight:600}
body.doc table.score tr.base td{color:var(--muted);font-style:italic;background:var(--bg)}
body.doc table.score td.no{color:#B4232F;font-weight:600}
body.doc table.score td.ok{color:var(--green-ink)}
body.doc .note{border:var(--border-ink);background:var(--surface);padding:14px 18px;font-size:14px;line-height:1.5;max-width:72ch;color:var(--ink-body)}
body.doc .note b{color:var(--ink)}
body.doc .cta{display:inline-flex;gap:8px;align-items:center;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:9px 14px;border:var(--border-ink);background:var(--surface);color:var(--ink)}
body.doc .cta:hover{background:var(--mark)}
body.doc .cta.ink{background:var(--ink);color:var(--bg)}
body.doc .cta.ink:hover{background:var(--mark);color:var(--mark-text)}
body.doc .ctas{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
footer.site .mono{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px}
body.doc footer.site{margin-top:56px;padding:18px var(--px);font-size:12px}