.ref-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 60px)}.ref-content{padding:22px 28px 40px;display:flex;flex-direction:column;gap:18px;min-width:0;max-width:900px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.tile{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:12px;column-gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;background:var(--paper)}.tile .ic-wrap{grid-row:1/3;color:var(--ink-2);display:flex;align-items:center}.tile b{font-family:var(--display);font-size:15px}.tile small{color:var(--ink-3);font-size:12.5px;display:block}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.cap{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;font-size:13px;background:var(--paper);text-decoration:none;color:inherit;transition:background .1s}.cap:hover{background:var(--raised)}.cap .cap-icon{color:var(--ink-3);margin-bottom:4px}.cap b{display:block;font-weight:600;color:var(--ink)}.cap small{color:var(--ink-4)}.cap small,.pill{font-family:var(--mono);font-size:11px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2);background:var(--raised)}.pill.ok{color:var(--ok);background:var(--ok-wash)}.pill.ok,.pill.warn{border-color:transparent}.pill.warn{color:var(--warn);background:var(--warn-wash)}.pill.crit{color:var(--crit);background:var(--crit-wash)}.pill.crit,.pill.info{border-color:transparent}.pill.info{color:var(--info);background:var(--info-wash)}.pill.unk{color:var(--unknown);background:var(--unknown-wash);border-color:transparent;background-image:var(--unknown-hatch)}.ref-pills{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.lanes{gap:10px}.lane,.lanes{display:flex;flex-direction:column}.lane{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;background:var(--paper);gap:8px;min-width:0}.lane[data-lane=agent]{order:1;box-shadow:inset 3px 0 0 var(--ember)}.lane[data-lane=cli]{order:2}.lane>h4{font-family:var(--sans);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);font-weight:600;display:flex;align-items:center;gap:8px;margin:0}.chat{display:flex;flex-direction:column;gap:7px;font-size:13.5px}.msg{display:grid;grid-template-columns:58px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start}.msg .who{font-family:var(--mono);font-size:11px;color:var(--ink-4);padding-top:6px}.msg .body{border-radius:var(--r);padding:7px 10px;min-width:0;line-height:1.5}.msg.you .body{background:var(--raised)}.msg.agent .body{border:1px solid var(--line)}.msg .body code{background:var(--raised);padding:1px 5px;border-radius:3px;font-size:12px}.msg .body code,.skill{font-family:var(--mono)}.skill{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:2px 8px;border-radius:999px;border:1px dashed var(--unknown);color:var(--unknown);background:var(--unknown-wash);white-space:nowrap}.skill:before{content:"◆";font-size:9px}.reps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.rep h4{font-family:var(--sans);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin:0 0 8px;display:flex;align-items:center;gap:8px}.rep h4 span{font-size:11px;color:var(--ink-4);text-transform:none;letter-spacing:0;font-weight:400;font-family:var(--mono)}.tablewrap{overflow-x:auto}.tablewrap table{width:100%;border-collapse:collapse;font-size:13.5px}.tablewrap th{text-align:left;font-size:11.5px;color:var(--ink-3);padding:0 12px 8px 0;font-weight:600;letter-spacing:.03em}.tablewrap td,.tablewrap th{border-bottom:1px solid var(--line)}.tablewrap td{padding:8px 12px 8px 0;vertical-align:top;line-height:1.45;color:var(--ink-2)}.tablewrap td.mono,.tablewrap th.mono{font-family:var(--mono);font-size:12px}.laws{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.law{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;font-size:13.5px;color:var(--ink-2)}.law>b{display:block;font-family:var(--display);font-size:15px;color:var(--ink);margin-bottom:6px}.law p{margin:0;line-height:1.55}.law p code{font-family:var(--mono);font-size:12px;background:var(--raised);padding:1px 5px;border-radius:3px}.fig{margin:0;display:flex;flex-direction:column;gap:8px}.fig svg{max-width:100%;height:auto;display:block;color:var(--ink);font-family:var(--sans);font-size:11px}.fig figcaption{font-size:13px;color:var(--ink-3);max-width:70ch;line-height:1.55}.fig text{fill:currentColor}.fig .lbl{fill:var(--ink-3);font-size:10px}.fig rect.b{fill:var(--paper);stroke:currentColor;stroke-width:1.1}.fig rect.b.live{stroke:var(--ember);stroke-width:2}.lede{font-size:17px;max-width:62ch}.lede,.prose{color:var(--ink-2);line-height:1.55}.prose{font-size:14px;max-width:70ch}.prose code{font-family:var(--mono);font-size:12px;background:var(--raised);padding:1px 5px;border-radius:3px}.prose b{color:var(--ink)}.prose i{color:var(--ink-3)}.btn-run{display:inline-flex;align-items:center;gap:8px;border-radius:var(--r);padding:5px 10px;font-weight:600;font-size:12.5px;border:1px solid var(--ember);background:var(--ember-wash);color:var(--ember-deep);text-decoration:none;cursor:pointer;font-family:var(--sans)}.btn-run:before{content:"▶";font-size:10px}@media (max-width:900px){.ref-layout{grid-template-columns:1fr}}@media (max-width:620px){.tiles{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.laws,.reps{grid-template-columns:1fr}}