/* Documentary layer — /framework and its subpages only.
   Deliberately NOT the marketing brand: this page must read as a reference document,
   not as vendor collateral. Per FRAMEWORK-AND-WEBSITE-PRD.md sections 6 and 7. */
:root{
  --paper:#F7F7F4; --raised:#FFFFFF; --ink:#16181C; --ink-2:#5A6068; --ink-3:#6B7178;
  --accent:#24503F; --accent-soft:#EAF0EC; --oxide:#91392A; --oxide-soft:#F6EAE7;
  --rule:#DBDBD4; --rule-strong:#B9B9B0;
  --sans:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --doc-measure:37rem;
}
*{box-sizing:border-box}
body.doc{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;
  line-height:1.6;-webkit-font-smoothing:antialiased;margin:0}
.doc .wrap{max-width:72rem;margin:0 auto;padding:0 clamp(1.1rem,4vw,3rem)}

.doc .masthead{border-bottom:1px solid var(--rule);background:var(--paper)}
.doc .masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding-top:.85rem;padding-bottom:.85rem;flex-wrap:wrap}
.doc .mast-logo{display:flex;align-items:center;gap:.9rem;text-decoration:none;border:0}
.doc .mast-logo img{width:132px;height:auto;display:block}
.doc .wordmark{font-family:var(--mono);font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ink-3);font-weight:500;border-left:1px solid var(--rule-strong);padding-left:.9rem}
.doc .stamp{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;color:var(--ink-2);
  border:1px solid var(--rule-strong);padding:.2rem .5rem;border-radius:2px;white-space:nowrap}

.doc .hero{border-bottom:1px solid var(--rule);padding:clamp(3rem,8vw,6rem) 0 clamp(2.5rem,6vw,4rem)}
.doc .eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent);margin:0 0 1.4rem}
.doc h1{font-family:var(--serif);font-weight:600;font-size:clamp(2.3rem,6.2vw,4rem);line-height:1.06;
  letter-spacing:-.018em;margin:0 0 1.5rem;text-wrap:balance;max-width:20ch}
.doc .standfirst{font-family:var(--serif);font-size:clamp(1.1rem,2.1vw,1.35rem);line-height:1.5;
  color:var(--ink-2);max-width:46ch;margin:0 0 2.2rem}
.doc .publine{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;font-family:var(--mono);font-size:.72rem;
  letter-spacing:.05em;color:var(--ink-3);border-top:1px solid var(--rule);padding-top:1.1rem;
  margin-bottom:2.2rem;max-width:46rem}
.doc .publine b{color:var(--ink-2);font-weight:500}
.doc .actions{display:flex;flex-wrap:wrap;gap:.7rem}
.doc .btn{display:inline-block;font-size:.86rem;font-weight:600;padding:.66rem 1.15rem;border-radius:2px;
  text-decoration:none;border:1px solid var(--accent);transition:background .13s ease,color .13s ease}
.doc .btn-solid{background:var(--accent);color:var(--paper)}
.doc .btn-solid:hover{background:var(--ink);border-color:var(--ink)}
.doc .btn-ghost{background:transparent;color:var(--accent)}
.doc .btn-ghost:hover{background:var(--accent-soft)}

.doc section{border-bottom:1px solid var(--rule);padding:clamp(2.8rem,6vw,4.5rem) 0}
.doc .sec-id{font-family:var(--mono);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-3);margin:0 0 .9rem}
.doc h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.6rem,3.4vw,2.2rem);line-height:1.18;
  letter-spacing:-.012em;margin:0 0 1.1rem;text-wrap:balance;max-width:24ch}
.doc h3{font-family:var(--sans);font-weight:600;font-size:1.02rem;margin:0 0 .5rem}
.doc p{margin:0 0 1.05rem}
.doc .lede{font-family:var(--serif);font-size:1.1rem;line-height:1.62;color:var(--ink-2);max-width:var(--doc-measure)}
.doc .body p{font-family:var(--serif);font-size:1.02rem;line-height:1.65;max-width:var(--doc-measure)}

.doc .claim{border-left:3px solid var(--oxide);background:var(--oxide-soft);padding:1.35rem 1.6rem;
  margin:0 0 2rem;max-width:44rem;border-radius:0 2px 2px 0}
.doc .claim p{font-family:var(--serif);font-size:1.18rem;line-height:1.45;font-weight:600;color:var(--ink);
  margin:0;text-wrap:balance}

.doc .scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1.1rem}
.doc table{border-collapse:collapse;width:100%;min-width:38rem;font-size:.87rem}
.doc caption{text-align:left;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-3);padding-bottom:.7rem}
.doc th,.doc td{text-align:left;vertical-align:top;padding:.72rem .9rem .72rem 0;border-bottom:1px solid var(--rule)}
.doc th{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:600;
  border-bottom:1px solid var(--rule-strong);white-space:nowrap}
.doc td:first-child{font-family:var(--mono);font-size:.82rem;color:var(--ink);white-space:nowrap;padding-right:1.6rem}
.doc tbody tr:last-child td{border-bottom:none}

.doc .clause{display:grid;grid-template-columns:5.5rem 1fr;gap:0 1.8rem;padding:1.7rem 0;
  border-top:1px solid var(--rule)}
.doc .clause:first-of-type{border-top:1px solid var(--rule-strong)}
.doc .clause-id{font-family:var(--mono);font-size:.76rem;color:var(--accent);padding-top:.15rem}
.doc .clause-body{max-width:var(--doc-measure)}
.doc .clause-def{font-family:var(--serif);font-size:1.04rem;line-height:1.6;margin:0 0 .9rem}
.doc .meta{margin:0;padding:0;list-style:none;font-size:.87rem;line-height:1.55}
.doc .meta li{padding:.3rem 0;color:var(--ink-2)}
.doc .meta b{font-family:var(--sans);font-weight:600;color:var(--ink);font-size:.72rem;letter-spacing:.07em;
  text-transform:uppercase;display:block;margin-bottom:.12rem}
.doc .loopnote{display:flex;gap:1.8rem;margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid var(--rule-strong)}
.doc .loopnote .clause-id{color:var(--ink-3)}
.doc .loopnote p{font-family:var(--serif);font-size:1rem;color:var(--ink-2);max-width:var(--doc-measure);margin:0}

.doc .ladder{display:grid;border-top:1px solid var(--rule-strong);margin-top:.4rem}
.doc .rung{display:grid;grid-template-columns:2.6rem 11rem 1fr;gap:0 1.4rem;padding:.85rem 0;
  border-bottom:1px solid var(--rule);align-items:baseline}
.doc .rung-n{font-family:var(--mono);font-size:.8rem;color:var(--ink-3);font-variant-numeric:tabular-nums}
.doc .rung-t{font-weight:600;font-size:.92rem}
.doc .rung-d{font-size:.9rem;color:var(--ink-2);font-family:var(--serif);line-height:1.5}
.doc .rung.mark .rung-n,.doc .rung.mark .rung-t{color:var(--accent)}

.doc .grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.doc .grid3 > div{padding:1.5rem 1.6rem 1.5rem 0;border-top:1px solid var(--rule-strong)}
.doc .grid3 p{font-size:.92rem;color:var(--ink-2);font-family:var(--serif);line-height:1.55;max-width:32ch;margin:0}

.doc .roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));margin-bottom:1.6rem}
.doc .roles div{padding:.95rem 1.4rem .95rem 0;border-top:1px solid var(--rule)}
.doc .roles .r{font-size:.9rem;font-weight:600;margin-bottom:.15rem}
.doc .roles .s{font-family:var(--mono);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}

.doc .handover{border-left:3px solid var(--accent);background:var(--accent-soft);padding:1.2rem 1.5rem;
  max-width:46rem;border-radius:0 2px 2px 0;margin:0 0 2rem}
.doc .handover p{font-family:var(--serif);font-size:1rem;line-height:1.55;color:var(--ink);margin:0}
.doc .cite{font-family:var(--mono);font-size:.79rem;line-height:1.7;background:var(--raised);
  border:1px solid var(--rule);border-radius:2px;padding:1rem 1.2rem;max-width:44rem;color:var(--ink-2);overflow-x:auto}

.doc footer{padding:clamp(2.5rem,5vw,3.5rem) 0 4rem}
.doc .colophon{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.8rem;
  font-size:.86rem;color:var(--ink-2);max-width:58rem}
.doc .colophon h4{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-3);font-weight:500;margin:0 0 .5rem}
.doc .colophon p{margin:0;line-height:1.55}
.doc a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(36,80,63,.35)}
.doc a:hover{border-bottom-color:var(--accent)}
.doc a:focus-visible,.doc .btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

@media (max-width:640px){
  .doc .clause{grid-template-columns:1fr;gap:.5rem}
  .doc .loopnote{flex-direction:column;gap:.5rem}
  .doc .rung{grid-template-columns:2.2rem 1fr;row-gap:.2rem}
  .doc .rung-d{grid-column:2}
}
@media (prefers-reduced-motion:reduce){.doc *{transition:none!important;animation:none!important}}

/* ---------- abstract and contents ---------- */
.doc .abstract{max-width:var(--doc-measure);margin-top:2rem;padding-top:1.4rem;
  border-top:1px solid var(--rule)}
.doc .abstract h2{font-family:var(--mono);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;
  font-weight:500;color:var(--ink-3);margin:0 0 .7rem}
.doc .abstract p{font-family:var(--serif);font-size:1.05rem;line-height:1.62;color:var(--ink-2);margin:0 0 .8rem}
.doc .toc{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--rule);max-width:var(--doc-measure)}
.doc .toc h2{font-family:var(--mono);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;
  font-weight:500;color:var(--ink-3);margin:0 0 .7rem}
.doc .toc ol{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:1fr 1fr;column-gap:2rem;row-gap:.35rem}
.doc .toc li{font-size:.92rem;line-height:1.5}
.doc .toc a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid transparent}
.doc .toc a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.doc .toc .n{font-family:var(--mono);font-size:.74rem;color:var(--ink-3);margin-right:.55rem}
.doc .refs{max-width:var(--doc-measure)}
.doc .refs ol{padding-left:1.4rem;margin:0}
.doc .refs li{font-size:.94rem;line-height:1.62;color:var(--ink-2);margin-bottom:.6rem}
.doc .note{font-family:var(--mono);font-size:.78rem;line-height:1.6;color:var(--ink-3);
  max-width:var(--doc-measure);margin-top:1.4rem}
@media screen and (max-width:767px){
  .doc .toc ol{grid-template-columns:1fr}
}
.doc .doc-sitelinks{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:1.8rem;padding-top:1.2rem;
  border-top:1px solid var(--rule)}
.doc .doc-sitelinks a{font-family:var(--mono);font-size:.76rem;letter-spacing:.04em;color:var(--ink-3);
  text-decoration:none;border-bottom:1px solid transparent}
.doc .doc-sitelinks a:hover{color:var(--accent);border-bottom-color:var(--accent)}

/* tap targets: WCAG 2.5.8 AA floor of 24px on every standalone link */
.doc .toc a{display:inline-flex;align-items:center;min-height:26px}
.doc .doc-sitelinks a{display:inline-flex;align-items:center;min-height:26px}

.doc .mast-logo{display:inline-flex;align-items:center;min-height:44px}

/* ---------- sticky contents rail ---------- */
.doc .doc-rail{display:none}
@media screen and (min-width:1180px){
  .doc .doc-rail{display:block;position:fixed;top:120px;left:max(24px,calc((100vw - 1120px)/2 - 210px));
    width:190px;z-index:4}
  .doc .doc-rail-title{font-family:var(--mono);font-size:.7rem;letter-spacing:.09em;
    text-transform:uppercase;color:var(--ink-3);margin:0 0 .7rem}
  .doc .doc-rail ol{list-style:none;margin:0;padding:0;counter-reset:rail}
  .doc .doc-rail li{counter-increment:rail;margin-bottom:.45rem;line-height:1.35}
  .doc .doc-rail a{font-size:.82rem;color:var(--ink-3);text-decoration:none;
    display:inline-flex;align-items:center;min-height:26px;
    border-left:2px solid transparent;padding-left:.6rem;margin-left:-.6rem}
  .doc .doc-rail a::before{content:counter(rail) ".";font-family:var(--mono);font-size:.7rem;
    margin-right:.4rem;color:var(--ink-3)}
  .doc .doc-rail a:hover{color:var(--accent)}
  .doc .doc-rail a[aria-current="true"]{color:var(--ink);border-left-color:var(--accent);font-weight:600}
  .doc .doc-rail-foot{margin-top:1.2rem;padding-top:.8rem;border-top:1px solid var(--rule)}
  .doc .doc-rail-foot a{font-family:var(--mono);font-size:.74rem;color:var(--accent);text-decoration:none}
}

/* ---------- print ---------- */
@media print{
  .doc .masthead,.doc .doc-rail,.doc footer .doc-sitelinks{display:none}
  .doc{background:#fff;color:#000}
  .doc section{page-break-inside:auto;padding:0 0 1.5rem}
  .doc h1,.doc h2,.doc h3{page-break-after:avoid}
  .doc table,.doc .clause,.doc .refs li{page-break-inside:avoid}
  .doc a{color:#000;text-decoration:underline}
  .doc a[href^="/"]::after{content:" (realliferobotics.com" attr(href) ")";font-size:.8em}
  .doc .hero{padding-top:0}
}
.doc .rlr-skip{position:absolute;top:0;left:0;z-index:100;background:var(--paper);
  color:var(--ink);font-family:var(--mono);font-size:.8rem;padding:14px 18px;
  text-decoration:none;border:1px solid var(--rule);
  clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.doc .rlr-skip:focus{clip-path:none;width:auto;height:auto;overflow:visible}

.doc .colophon-h{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;
  text-transform:uppercase;font-weight:500;color:var(--ink-3);margin:0 0 .5rem}

/* heading anchors, injected by motion.js and otherwise unstyled here */
.doc h2[id],.doc h3[id]{position:relative;scroll-margin-top:90px}
.doc .rlr-anchor{position:absolute;left:-1.5em;top:0;opacity:0;text-decoration:none;
  color:var(--ink-3);font-weight:400;transition:opacity .15s ease;
  display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.doc h2:hover > .rlr-anchor,.doc h3:hover > .rlr-anchor,.doc .rlr-anchor:focus-visible{opacity:1}
.doc .rlr-anchor:hover{color:var(--accent)}
@media screen and (max-width:1180px){.doc .rlr-anchor{display:none}}

/* The documentary register uses small mono labels by design, but 11px on a
   phone is too small to read whatever the convention. */
@media screen and (max-width:767px){
  .doc .sec-id,.doc .eyebrow{font-size:.82rem;letter-spacing:.06em}
  .doc table,.doc th,.doc td{font-size:.95rem}
  .doc th,.doc td{padding:.6rem .5rem}
  .doc .wordmark{font-size:.88rem}
  .doc .rung-n,.doc .rung .n,.doc .toc .n{font-size:.82rem}
  .doc .clause-id,.doc .rung .n{font-size:.82rem}
  .doc .publine{font-size:.8rem}
  .doc .rlr-skip{font-size:.9rem}
  .doc .note,.doc .doc-sitelinks a{font-size:.82rem}
}