:root{--paper:#f3efe5;--ink:#151513;--muted:#77736b;--line:#c8c2b6;--red:#c51f28}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;background:var(--paper);font-family:Georgia,'Times New Roman',serif}.page{min-height:100vh;display:grid;grid-template-columns:150px minmax(700px,1fr) 270px;max-width:1600px;margin:auto}.left-rail,.right-rail{position:sticky;top:0;height:100vh;padding:24px 28px;border-right:1px solid var(--line)}.right-rail{border-right:0;border-left:1px solid var(--line);display:flex;flex-direction:column}.logo{font-size:42px;letter-spacing:.02em;text-decoration:none;color:inherit}.full-name,.rail-title,.rail-note,.motto,.interaction-note,.note,.marker b,.kicker,.primitive span{font-family:'Courier New',monospace;letter-spacing:.16em;font-size:9px;line-height:1.45}.full-name{margin-top:4px}.page-no{font-family:'Courier New',monospace;font-size:17px;letter-spacing:.2em;margin-top:38px}.rail-title{margin-top:10px}.left-rail blockquote{font-size:17px;line-height:1.3;margin:220px 0 0;padding:0}.left-rail blockquote:after{content:'';display:block;width:36px;border-top:1px solid;margin-top:18px}.rail-note{position:absolute;bottom:28px}.content{padding:24px 70px 80px;min-width:0}.intro{margin-left:30px;max-width:700px}.intro p{font-size:14px;line-height:1.4;margin:.3rem 0 0}.primitive{margin:38px auto 12px;max-width:640px;border:1px solid #aaa398;padding:14px 28px;text-align:center}.primitive span{display:block;color:var(--red);font-weight:bold}.primitive strong{display:block;font-size:22px;margin-top:5px;font-weight:normal}.chain{position:relative;max-width:920px;margin:auto}.chain:before{content:'';position:absolute;left:42px;top:0;bottom:0;border-left:1px solid #7f7b74}.step{display:grid;grid-template-columns:70px minmax(330px,1fr) 220px 115px;gap:16px;min-height:118px;padding:16px 0;border-bottom:1px solid #ded9cf;cursor:pointer;position:relative;transition:background .2s}.step:hover{background:rgba(255,255,255,.22)}.marker{position:relative;font-family:'Courier New',monospace}.marker b{font-weight:normal;color:#59564f}.marker i{position:absolute;left:38px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--ink);transform:translateX(-50%)}.copy h2{font-size:16px;margin:0 0 4px}.copy p{font-size:13px;line-height:1.35;margin:0 0 5px;max-width:510px}.full{max-height:0;overflow:hidden;opacity:0;transition:max-height .45s ease,opacity .35s ease;margin-top:0}.step.open .full{max-height:430px;opacity:1;margin-top:10px}.step.open{background:rgba(255,255,255,.32)}.full blockquote{font-size:16px;font-style:italic;margin:10px 0}.diagram{align-self:center;justify-self:center;width:190px;height:76px;position:relative;font-family:'Courier New',monospace}.note{align-self:center;color:#77736b;font-size:8px}.d-structure span{position:absolute;width:9px;height:9px;background:#222;border-radius:50%}.d-structure span:nth-child(1){left:92px;top:5px}.d-structure span:nth-child(2){left:55px;top:58px}.d-structure span:nth-child(3){left:130px;top:58px}.d-structure:before,.d-structure:after{content:'';position:absolute;height:1px;width:64px;background:#333;top:38px}.d-structure:before{left:57px;transform:rotate(-55deg)}.d-structure:after{left:94px;transform:rotate(55deg)}.d-object span{position:absolute;left:68px;top:12px;width:58px;height:52px;border:1px solid #555}.d-object span:before{content:'';position:absolute;width:58px;height:52px;border:1px solid #aaa;left:13px;top:-13px}.d-inst{display:flex;align-items:center;justify-content:space-around;font-size:25px}.d-inst small{position:absolute;bottom:0;font-size:7px;letter-spacing:.1em}.d-cause{display:flex;align-items:center;justify-content:space-around}.d-cause span{width:13px;height:13px;background:#222;border-radius:50%}.d-cause em{font-size:28px;color:var(--red);font-style:normal}.d-cause i{width:42px;height:42px;border:1px solid #777;border-radius:50%;box-shadow:0 0 0 8px transparent,0 0 0 9px #bbb}.d-systems span{position:absolute;border:1px solid #777;border-radius:50%}.d-systems span:nth-child(1){width:64px;height:64px;left:38px;top:7px}.d-systems span:nth-child(2){width:58px;height:58px;left:83px;top:14px}.d-systems span:nth-child(3){width:42px;height:42px;left:120px;top:24px}.d-complex,.d-culture{background-image:radial-gradient(circle,#222 1.4px,transparent 1.8px);background-size:18px 18px;opacity:.8}.d-complex:after,.d-culture:after{content:'';position:absolute;inset:15px 20px;border:1px dashed #aaa;transform:skew(-15deg)}.d-select span{position:absolute;left:22px;width:130px;height:25px;border-top:1px solid #aaa;border-radius:50%}.d-select span:nth-child(1){top:12px;transform:rotate(-8deg)}.d-select span:nth-child(2){top:28px}.d-select span:nth-child(3){top:43px;transform:rotate(8deg);border-color:var(--red)}.d-select b{position:absolute;right:30px;bottom:15px;width:8px;height:8px;border-radius:50%;background:var(--red)}.d-agency{font-size:42px;display:flex;align-items:center;gap:12px}.d-agency em{font-size:22px;font-style:normal;color:#777}.d-agency em:nth-of-type(2){color:var(--red)}.d-knowledge span{position:absolute;width:60px;height:50px;border:1px solid #aaa;top:12px}.d-knowledge span:nth-child(1){left:38px}.d-knowledge span:nth-child(2){left:58px}.d-knowledge span:nth-child(3){left:78px}.d-truth span{position:absolute;width:62px;height:62px;border:1px solid #555;border-radius:50%;top:7px}.d-truth span:first-child{left:48px}.d-truth span:nth-child(2){left:82px}.d-truth i{position:absolute;width:25px;height:48px;background:rgba(197,31,40,.35);left:82px;top:14px;border-radius:50%}.d-symbol{display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px}.d-symbol em{font-style:normal;color:#777}.d-landscape:before{content:'';position:absolute;left:15px;right:15px;bottom:20px;height:45px;background:linear-gradient(145deg,transparent 0 22%,#c8c3b9 23% 26%,transparent 27% 45%,#aaa 46% 50%,transparent 51% 70%,#d5d0c7 71% 75%,transparent 76%)}.d-landscape b{position:absolute;right:36px;top:15px;width:8px;height:8px;border-radius:50%;background:var(--red)}.d-asc{display:flex;align-items:center;justify-content:space-between;font-size:9px}.d-asc em{font-style:normal;font-size:20px}.d-asc b{color:var(--red)}.d-art span{position:absolute;width:70px;height:65px;border:1px solid #777;left:60px;top:5px;box-shadow:-9px 7px 0 -8px var(--paper),-10px 8px 0 -8px #aaa}.d-art i{position:absolute;width:38px;height:38px;background:#222;border-radius:50%;left:76px;top:19px}.d-loop{border:1px solid #777;border-radius:50%;width:95px;height:95px}.d-loop span{position:absolute;font-size:7px}.d-loop span:nth-child(1){top:-13px;left:31px}.d-loop span:nth-child(2){right:-27px;top:40px}.d-loop span:nth-child(3){bottom:-13px;left:36px}.d-loop span:nth-child(4){left:-49px;top:40px}.d-loop:before,.d-loop:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red)}.d-loop:before{top:-4px;left:43px}.d-loop:after{bottom:-4px;left:43px}.closing{min-height:145px}.interaction-note{text-align:center;color:#777;margin-top:35px}.motto{margin-bottom:42px}.right-rail nav{display:flex;flex-direction:column;gap:10px}.right-rail nav a{font-size:15px;text-decoration:none;color:inherit;padding:2px 8px}.right-rail nav a.active{background:#dedbd3;position:relative}.right-rail nav a.active:before{content:'•';position:absolute;left:-9px}.right-rail blockquote{margin:70px 0 0;border-top:1px solid #999;padding-top:28px;font-size:18px;line-height:1.25}.right-rail blockquote:after{content:'';display:block;width:35px;border-top:1px solid;margin-top:18px}.bottom{margin-top:auto;font-family:'Courier New',monospace;font-size:10px;letter-spacing:.12em}.bottom div{display:flex;justify-content:space-between;margin-top:14px}.bottom a{font-size:28px;text-decoration:none;color:inherit}@media(max-width:1050px){.page{grid-template-columns:90px 1fr}.right-rail{display:none}.left-rail{padding:20px 14px}.left-rail blockquote,.rail-note,.full-name{display:none}.content{padding:24px 30px 70px}.step{grid-template-columns:58px 1fr 170px}.note{display:none}.chain:before{left:34px}}@media(max-width:720px){.page{display:block}.left-rail{position:relative;height:auto;border:0;display:flex;justify-content:space-between;align-items:center;padding:14px 18px}.logo{font-size:24px}.page-no{margin:0;font-size:12px}.rail-title{margin:0}.content{padding:15px 18px 60px}.intro{margin:0}.primitive{margin-top:28px}.step{grid-template-columns:42px 1fr;gap:10px}.diagram{grid-column:2;width:100%;height:70px}.note{display:none}.chain:before{left:26px}.marker i{left:26px}.marker b{font-size:8px}.copy h2{font-size:15px}.copy p{font-size:14px}.interaction-note{display:none}}

/* v0.8.6 — monospaced rail typography retained */
.right-rail, .right-rail nav, .right-rail .motto, .right-rail .bottom,
.page-no, .rail-title, .full-name, .rail-note, .marker, .note,
.interaction-note {
  font-family: "Cascadia Code", "Cascadia Mono", Consolas, monospace;
}

.hand-cue {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  z-index: 8;
  pointer-events: none;
}

.hand-click-arrow {
  position: absolute;
  display: block;
  width: 160px;
  height: auto;
  left: -102px;
  top: -90px;
  object-fit: contain;
}

@media (max-width: 900px) {
  .hand-cue { display: none; }
}

/* TRIAL 01 — canonical CHR navigation language, adapted to Underpinnings rail */
.right-rail nav{gap:7px}
.right-rail nav a{display:grid;grid-template-columns:26px 1fr;gap:4px;font-family:Consolas,"Courier New",monospace;font-size:10px;line-height:1.28;letter-spacing:.02em;text-transform:uppercase;padding:2px 0;color:#151513;background:transparent;transition:transform .12s ease}
.right-rail nav a .nav-num{color:#888;font-weight:400}
.right-rail nav a:hover,.right-rail nav a:focus-visible{transform:translateX(-3px);outline:none;text-decoration:none}
.right-rail nav a:hover:not(.active),.right-rail nav a:focus-visible:not(.active){text-decoration:underline;text-underline-offset:2px}
.right-rail nav a.active{background:transparent;font-weight:700;color:#151513}
.right-rail nav a.active:before{content:none}
.right-rail nav a.active .nav-num{color:var(--red)}
.interaction-note{font-weight:700;letter-spacing:.18em;color:#59564f}