/* A literal Claude Code transcript: Claude speaks; RipRap is only an MCP boundary. */
.voyage-terminal{width:100%;margin:42px auto 0;border:1px solid var(--edge);background:#101112;overflow:hidden;box-shadow:10px 12px 0 rgba(0,0,0,.16)}.voyage-intro{display:flex;justify-content:space-between;gap:36px;padding:25px 28px 23px;border-bottom:1px solid var(--edge);background:linear-gradient(100deg,#162021,#0e1011 65%)}.voyage-intro .eyebrow{margin:0 0 8px}.voyage-intro h3{margin:0;color:var(--bone);font:28px/.98 var(--display);letter-spacing:.01em;text-transform:uppercase}.voyage-intro h3 span{color:var(--reef)}.voyage-intro>p{max-width:350px;margin:3px 0 0;color:var(--dim);font:11px/1.55 var(--mono)}.voyage-sessions{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--edge)}.terminal-session{display:flex;min-width:0;flex-direction:column;background:#111213}.voyage-terminal .termbar{display:flex;align-items:center;gap:6px;height:33px;padding:0 13px;border-bottom:1px solid #303232;background:#252525}.voyage-terminal .termbar span{width:7px;height:7px;border-radius:50%;background:var(--red)}.voyage-terminal .termbar span:nth-child(2){background:var(--hazard)}.voyage-terminal .termbar span:nth-child(3){background:var(--reef)}.voyage-terminal .termbar b,.voyage-terminal .termbar i{margin-left:8px;color:#aaa9a2;font:9px var(--mono);letter-spacing:.1em;font-style:normal}.voyage-terminal .termbar i{margin-left:auto;color:var(--reef)}.claude-meta{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px 17px 9px;color:#a8aaa4;font:9px var(--mono);border-bottom:1px solid #292b2b}.claude-meta b{color:#e6e1d1;font-size:11px}.claude-meta span{color:#d0aa61}.claude-meta small{color:#737772}.terminal-body{flex:1;padding:16px 18px 10px;min-height:371px}.prompt-line{display:flex;gap:10px;align-items:center;margin:0 0 14px;color:#eee9dc;font:12px var(--mono)}.prompt-line>span{font:700 22px/1 var(--display)}.prompt-line code{color:#f0ecdf;font:inherit}.tool-call{display:grid;gap:7px;margin:0 0 14px;padding:11px 12px;border-left:2px solid #567c76;background:#171b1a;color:#bbbeb5;font:9px/1.45 var(--mono)}.tool-call>div{display:flex;gap:7px;align-items:center}.tool-call div>span{color:#9a9d94}.tool-call b{color:#d8d8ce;font:700 10px var(--mono)}.tool-call small{margin-left:auto;color:#76b9aa}.tool-call p{margin:0}.tool-call strong{color:var(--bone)}.tool-call ul{display:grid;grid-template-columns:repeat(2,max-content);gap:3px 15px;margin:0;padding:0;list-style:none;color:#ccd0c8}.tool-call li:before{content:"— ";color:var(--reef)}.proposal-tool{border-left-color:#c86c59;background:#241b18}.proposal-tool small{color:#ed9a83}.terminal-chat{margin:3px 0 14px}.terminal-chat p{margin:0;padding:9px 0;border-bottom:1px solid #292b2b;color:#cfcec5;font:10px/1.5 var(--mono)}.terminal-chat b{display:inline-block;min-width:64px;color:#d1a85a;font-size:9px;letter-spacing:.08em}.terminal-chat .claude-answer{color:#e3e0d5}.terminal-chat .claude-answer b{color:#77bfb0}.approval-state,.riprap-web-action{display:grid;gap:4px;margin-top:12px;padding:11px 12px;border:1px solid #714237;background:#201918}.approval-state{grid-template-columns:8px 1fr auto;align-items:center;gap:10px}.approval-state i{width:8px;height:8px;border-radius:50%;background:var(--hazard);animation:approval-pulse 2.5s ease-in-out infinite}.approval-state div{display:grid;gap:3px}.approval-state span,.riprap-web-action span{color:#ef9d8d;font:700 9px var(--mono);letter-spacing:.1em}.approval-state b,.riprap-web-action b{color:var(--bone);font:13px/1.1 var(--display);text-transform:uppercase}.approval-state>small{max-width:120px;color:var(--dim);font:8px/1.35 var(--mono);text-align:right}.riprap-web-action{margin:0 0 14px;border-color:#41655e;background:#14201e}.riprap-web-action span{color:var(--reef)}.riprap-web-action small{color:#aeb5aa;font:9px var(--mono)}.added-item{color:#f0e7cc}.added-item:after{content:" approved";margin-left:5px;color:#e89a7d;font-size:8px}.claude-input{position:relative;display:flex;align-items:center;gap:10px;min-height:61px;padding:9px 15px 28px;border-top:1px solid #53514c;background:#161717;color:#f3efe2;font:19px var(--mono)}.input-caret{width:13px;height:21px;background:#d8d5cb}.claude-input small{position:absolute;bottom:6px;left:15px;color:#999b96;font:9px var(--mono)}.claude-input small b{color:#e7b94f}.claude-input small em{color:#747772;font-style:normal}@keyframes approval-pulse{50%{transform:scale(.65);opacity:.45}}
/* One quiet, replayable transcript. Items remain in the DOM so assistive tech can read the full boundary. */
.terminal-replay [data-terminal-stage]{opacity:0;transform:translateY(4px);animation:terminal-line 26s linear infinite}.terminal-replay .stage-rip{animation-delay:0s}.terminal-replay .stage-context{animation-delay:1.8s}.terminal-replay .stage-question{animation-delay:4s}.terminal-replay .stage-answer{animation-delay:5.5s}.terminal-replay .stage-request{animation-delay:7.8s}.terminal-replay .stage-rap{animation-delay:9.8s}.terminal-replay .stage-proposal{animation-delay:11.5s}.terminal-replay .stage-pending{animation-delay:13.5s}.terminal-replay .stage-approved{animation-delay:16.4s}.terminal-replay .stage-mate-rip{animation-delay:18.1s}.terminal-replay .stage-mate-context{animation-delay:20s}@keyframes terminal-line{0%,3%{opacity:0;transform:translateY(4px)}5%,92%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(4px)}}@media(max-width:760px){.voyage-terminal{margin-top:32px}.voyage-intro{display:block;padding:21px 17px}.voyage-intro h3{font-size:23px}.voyage-intro>p{margin-top:14px}.voyage-sessions{grid-template-columns:1fr}.terminal-body{padding:16px;min-height:0}.claude-meta{grid-template-columns:auto 1fr}.claude-meta small{display:none}.approval-state{grid-template-columns:8px 1fr}.approval-state>small{grid-column:2;max-width:none;text-align:left}}@media(prefers-reduced-motion:reduce){.terminal-replay [data-terminal-stage]{opacity:1;transform:none;animation:none}.approval-state i{animation:none}}
.context-detail{padding-bottom:76px}.context-heading{margin-bottom:18px}.context-heading .subline{max-width:760px}.priority-action{box-shadow:inset 0 0 0 1px rgba(0,245,207,.22)}.quiet-danger{opacity:.66}.quiet-danger:hover,.quiet-danger:focus-visible{opacity:1}.next-step{display:flex;justify-content:space-between;align-items:center;gap:28px;margin:0 0 15px;padding:19px 21px 19px 24px;border:1px solid #31504f;border-left:5px solid var(--reef);background:linear-gradient(100deg,#10201f,#101719 58%,#101318)}.next-step.needs-review{border-color:#84413b;border-left-color:var(--hazard);background:linear-gradient(100deg,#261817,#141719 58%,#101318)}.next-step .field-label{display:block;margin-bottom:7px;color:var(--reef)}.next-step.needs-review .field-label{color:#ff9a91}.next-step strong{display:block;color:var(--bone);font:23px/1.03 var(--display);letter-spacing:.01em;text-transform:uppercase}.next-step p{margin:8px 0 0;color:var(--dim);font:11px/1.45 var(--mono);max-width:680px}.next-step .button{flex:0 0 auto}.backlinks{margin:0 0 14px}.context-diagnostics{margin:0 0 20px;border:1px solid var(--edge);background:#0b0f12}.context-diagnostics summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;color:var(--dim);cursor:pointer;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;list-style:none}.context-diagnostics summary::-webkit-details-marker{display:none}.context-diagnostics summary:before{content:"+";color:var(--reef);font-size:15px}.context-diagnostics[open] summary:before{content:"−"}.context-diagnostics summary span{color:var(--reef)}.context-diagnostics .evolution-header{margin:0;border-inline:0;border-bottom:0}.context-views{position:sticky;top:0;z-index:2;box-shadow:0 8px 14px rgba(5,6,8,.45)}.context-views button{min-height:58px}.context-views button:first-child:not(.active) b{color:var(--hazard)}.view-head{background:#0d1215}.current-view .view-head h2{max-width:640px}.proposal-card{border-bottom:1px solid var(--edge);padding:25px 22px}.proposal-card:last-child{border-bottom:0}.proposal-card h4{font:22px/1.06 var(--display);letter-spacing:.01em;text-transform:uppercase}.proposal-card>p{color:var(--dim);font:10px var(--mono)}.decision-zone{background:#111816;margin:19px -2px -2px;padding:17px}.decision-zone .field-label{color:var(--hazard)}.history-row{transition:background .16s ease}.history-row:hover{background:#121a1c}.document-toolbar{position:sticky;top:59px;z-index:1}.version-commit{background:#151a17;border-top:3px solid #324440}.commit-copy .field-label{color:var(--reef)}.integrations-page .integration-hero{padding-bottom:18px;border-bottom:1px solid var(--edge)}.bridge-lede{font-size:17px}.commands-panel .panel-head{background:#0d1215}.onboard-card{box-shadow:14px 14px 0 rgba(0,245,207,.05)}
@media(max-width:760px){.next-step{display:block;padding:17px}.next-step strong{font-size:20px}.next-step .button{margin-top:15px;width:100%}.context-diagnostics summary{font-size:9px}.context-views{position:static;box-shadow:none}.document-toolbar{position:static}.secondary-actions{flex-wrap:wrap}.proposal-card{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){.history-row{transition:none}}
.priority-action{display:none}
.agent-option{transition:border-color .16s ease,background-color .16s ease}.agent-option:hover{border-color:#53706c}@media(prefers-reduced-motion:reduce){.agent-option{transition:none}}

/* Context rots: copy first, then one continuous voyage replay. The old course map is retired. */
.story{display:block;position:relative}.story-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:88px;width:100%}.story-course{display:none}.story-copy h2,.story-copy p{position:relative}.story-copy>div:first-child{padding-right:18px}.story-copy>div:last-child{padding-left:15px}@media(max-width:760px){.story-copy{grid-template-columns:1fr;gap:30px}.story-copy>div:first-child,.story-copy>div:last-child{padding-left:0;padding-right:0}}