/* Page-specific operator layout; 12-column arithmetic: (available − 16px gaps) / 12. */
.rr-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rr-top .gib-meta{margin-left:auto}.rr-main{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:10px}.rr-main>div:first-child{min-width:0}.rr-main p{color:var(--text-2);margin:6px 0 10px;max-width:85ch}.rr-main .gib-counters{flex:none}.rr-note{border-left:2px solid var(--line-blue);padding:10px 12px;background:var(--surface-2);border-radius:var(--radius-xs)}.rr-note p{margin:8px 0;color:var(--text-2)}.rr-scroll{max-height:560px;overflow:auto}.rr-selected{outline:1px solid var(--line-blue);box-shadow:var(--glow-blue)}.rr-article{max-width:840px}.rr-article p{font-size:14px;line-height:1.8;color:var(--text-2)}.rr-article section{scroll-margin-top:150px}.rr-article h2{margin:0 0 14px}.rr-article section+section{border-top:1px solid var(--line-2);padding-top:24px;margin-top:24px}.rr-quote{font:400 20px/1.6 var(--font-display);padding:22px;border-left:3px solid var(--series-1);background:var(--surface-2);border-radius:var(--radius-sm);margin:0}.rr-rounds{display:grid;grid-template-columns:repeat(24,minmax(20px,1fr));gap:5px;overflow:auto;padding-bottom:6px}.rr-rounds button{min-height:42px;border:1px solid var(--line-2);border-radius:var(--radius-xs);background:var(--surface-2);font-size:11px;position:relative}.rr-rounds button::before{content:'';position:absolute;bottom:0;left:0;right:0;height:var(--bar);background:var(--blue);opacity:.25}.rr-rounds button[aria-pressed=true]{border-color:var(--sky);color:var(--sky)}.rr-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.rr-empty{padding:28px;color:var(--text-3);text-align:center}.rr-export{display:flex;flex-direction:column;gap:12px;height:100%}.rr-export footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.rr-messages{display:flex;flex-direction:column;gap:16px;max-height:560px;overflow:auto;padding:4px}.rr-message{max-width:86%;padding:14px 16px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--radius)}.rr-message.user{align-self:flex-end;background:color-mix(in srgb,var(--blue) 12%,var(--surface))}.rr-message small{display:block;margin-bottom:6px;color:var(--text-3)}.rr-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rr-checklist label{display:flex;gap:8px;align-items:flex-start;padding:10px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--radius-sm)}.rr-toc{display:flex;flex-direction:column;gap:10px}.rr-toc a{padding:10px;border-left:2px solid var(--line-blue);color:var(--text-2)}.rr-statline{display:flex;gap:18px;flex-wrap:wrap}.rr-statline b{font-size:19px;font-family:var(--font-display)}.rr-statline span{display:flex;gap:6px;align-items:baseline}.gib-stage .gib-pill i{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:5px}.rr-stage-mini{height:300px}.rr-log{font-family:var(--font-mono);font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.rr-step-panel{min-height:360px}.rr-step-panel textarea{min-height:90px}.rr-form-actions{display:flex;justify-content:space-between;gap:10px}.gib-table-wrap{overflow:auto}.gib-table td,.gib-table th{white-space:normal}.gib-stage-cap{max-width:70%}.gib-title{overflow-wrap:anywhere}.gib-stage{isolation:isolate}.gib-stage canvas{position:absolute;inset:0}.gib-stage .gib-viewtoggle,.gib-stage .gib-stage-ctrl,.gib-stage .gib-legend-chips,.gib-stage .gib-stage-cap{z-index:3}
@media(max-width:900px){.rr-rounds{grid-template-columns:repeat(24,28px)}.rr-main{align-items:flex-start}.rr-checklist{grid-template-columns:1fr}.gib-stage .gib-legend-chips{max-width:75%;flex-wrap:wrap}.rr-message{max-width:95%}}
@media(max-width:600px){.rr-main{gap:8px;flex-direction:column}.rr-main .gib-counters{width:100%;justify-content:flex-end}.rr-top .gib-meta{margin-left:0}.gib-stage .gib-legend-chips{font-size:10px;max-width:90%;left:10px;right:auto}.gib-stage .gib-stage-cap{max-width:90%;font-size:10px;bottom:60px}.gib-stage .gib-stage-ctrl{top:50px}.gib-stage{height:340px!important}.rr-quote{font-size:17px;padding:16px}.rr-statline{gap:10px}.rr-scroll{max-height:450px}.rr-article p{font-size:13.5px}}

/* Donut factory gives its host the same flex class as its inner wrap: keep host natural. */
.gib-page .gca.gca-donut{height:auto!important;display:block;min-height:170px}.gib-page .gca.gca-donut>.gca-donut{height:auto;min-height:0}.gib-page .gca.gca-donut svg{max-width:100%;flex:none}
.gib-page .gib-card-h{flex-wrap:wrap;gap:6px 10px}.gib-page .gib-card-h>.gib-meta{margin-left:0}.gib-page .gib-card-b{min-width:0}.gib-page .gib-toolbar,.gib-page .gib-toolbar>label{max-width:100%;min-width:0}.gib-page .gib-toolbar select{max-width:100%;min-width:0}.gib-page .gib-row>.gib-btn{max-width:100%;min-width:0;height:auto;min-height:34px;white-space:normal;overflow-wrap:anywhere;text-align:left}.gib-page .gib-src{overflow-wrap:anywhere;white-space:normal}.gib-page .gib-step>span{display:none}.gib-page .rr-step-panel{min-height:220px}.gib-page .gib-stage-cap{max-width:42%}.gib-page .span-4 .gib-stage-cap{bottom:58px;max-width:calc(100% - 28px)}.gib-page .gib-legend-chips>.gib-pill::before{display:none}
@media(max-width:600px){.gib-page .gib-toolbar>label{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.gib-page .gib-toolbar>label select{flex:1;width:0;min-width:160px}.gib-page .gib-toolbar>select{max-width:100%;width:100%}.gib-page .gib-card-h>.gib-meta{display:block;width:100%}.gib-page .gca.gca-donut svg{max-width:210px}.gib-page .gib-btn{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;height:auto;min-height:34px}}

/* operations-family v2: original Claude component vocabulary, page-local additions. */
.op-tabs{margin:-2px 0 16px}.op-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.op-toolbar .gib-search{flex:1;min-width:180px}.op-toolbar .gib-select{margin-left:auto}.op-toolbar-label{font-size:12px;color:var(--text-3)}.op-record-footer{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.op-record-footer>.gib-row{gap:6px;min-width:0}.op-record-footer .gib-counters{margin:0;flex:none}.op-chronology{display:flex;gap:18px;flex-wrap:wrap;margin:9px 0 0;font-size:11px;color:var(--text-3)}.op-chronology b{font-weight:500;color:var(--text-2)}.op-stage-meaning{color:var(--text-3);font-size:12px}.op-answer-strip{padding:12px 14px;margin:0 0 16px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-sm)}.op-answer-strip strong{font-family:var(--font-display);font-weight:600;font-size:18px}.op-answer-strip small{display:block;color:var(--text-3);font-size:11px}.op-answer-strip>div+div{border-left:1px solid var(--line-2);padding-left:18px}.op-empty{padding:24px;text-align:center;color:var(--text-3);border:1px solid var(--line-2);border-radius:var(--radius-sm)}.op-drawer-panel{display:flex;flex-direction:column;gap:14px}.op-note-actions{display:flex;gap:12px;margin-top:8px}.op-note-actions button{border:0;padding:0;color:var(--sky);background:none;font-size:11px;cursor:pointer}.op-stage-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.op-record-footer .gib-src{font-size:10px}.op-drawer-panel .gib-quote{margin:0}.op-compact-count{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:12px}.op-compact-count b{font-family:var(--font-display);font-size:18px;color:var(--text)}
@media(max-width:760px){.op-toolbar{gap:7px}.op-toolbar .gib-search{flex-basis:100%}.op-tabs{overflow-x:auto;flex-wrap:nowrap}.op-tabs .gib-tab{white-space:nowrap}.op-record-footer{align-items:flex-start;flex-direction:column;gap:9px}.op-record-footer .gib-counters{align-self:flex-end}.op-chronology{gap:5px 12px}.op-answer-strip{gap:10px}.op-answer-strip>div+div{padding-left:10px}.op-toolbar .gib-select{max-width:100%}.op-stage-meaning{font-size:11px}}

/* Individual 42-page audit: retain Claude's compact P1 record anatomy and chart flow. */
.gib-page [id^="chart"].gca,.gib-page [id^="chart"].gib-chart{height:auto!important}
.gib-page .rr-main{margin-top:0;align-items:flex-start;gap:16px}
.gib-page .rr-main>div:first-child{flex:1}
.gib-page .rr-main p{font-size:13px;line-height:19px;margin:4px 0 8px}
.gib-page .rr-top .op-chronology{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 0 0 auto;font-size:11px}
.gib-page .rr-top .op-chronology span{white-space:nowrap}
.gib-page .rr-top>.gib-meta{margin-left:auto}
.gib-page .op-record-footer{margin-top:0;padding-top:10px;flex-wrap:wrap}
.gib-page .op-record-footer .gib-src{font-size:11px}
.gib-page .rr-main>.gib-counters{min-width:100px;gap:5px 12px}
.gib-page .op-toolbar{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:12px 8px}
.gib-page .op-toolbar>.gib-search{grid-column:1/-1;width:100%}
.gib-page .op-toolbar>.gib-select{justify-self:end;max-width:100%}
@media(min-width:761px){.gib-page .span-8>.gib-card>.gib-stage,.gib-page .span-9>.gib-card>.gib-stage{height:420px!important}}
@media(max-width:760px){.gib-page .rr-top .op-chronology{margin-left:0;width:100%}.gib-page .rr-main{gap:8px}.gib-page .rr-main>.gib-counters{min-width:0;align-self:flex-end}.gib-page .op-record-footer{flex-direction:row;gap:8px}.gib-page .rr-article .gib-kv{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8px 14px}.gib-page .rr-article .gib-kv dt{overflow-wrap:anywhere}}

/* Detail remains in the working viewport, preserving the reference stacked drawer surface. */
.gib-page>.gib-drawers{position:fixed;inset:calc(var(--topbar-h) + 14px) 20px 20px calc(var(--rail-w) + 20px);z-index:65;pointer-events:none}.gib-page>.gib-drawers:has(>.gib-drawer:not([hidden])){pointer-events:auto;min-height:0}.gib-page>.gib-drawers .gib-drawer{pointer-events:auto}
@media(max-width:760px){.gib-page>.gib-drawers{inset:0}}

.gib-page .gib-drawer-h>.gib-icon-btn{margin-left:auto}