/* OpenClaw + Deep-dive styles — appended */
.sec-claw { padding-top: 64px; padding-bottom: 64px; }
.claw-tabs { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.claw-tab { padding: 6px 12px; border: 1px solid var(--carbon); border-radius: 999px; font-size: 11px; color: var(--smoke); font-family: "JetBrains Mono", monospace; letter-spacing: 0.06em; transition: all .15s; }
.claw-tab:hover { color: var(--paper); border-color: var(--carbon-2); }
.claw-tab.active { background: rgba(245,122,43,0.12); color: var(--flame-500); border-color: rgba(245,122,43,0.4); }

.claw-pipe { display: grid; grid-template-columns: 1fr auto 1fr auto 1.1fr auto 1fr; gap: 0; align-items: stretch; }
.claw-node { position: relative; padding: 24px 22px; border: 1px solid var(--carbon); border-radius: 10px; background: var(--soot-2); display: flex; flex-direction: column; gap: 10px; opacity: 0.4; transition: all .4s ease; min-height: 220px; }
.claw-node.on { opacity: 1; border-color: rgba(245,122,43,0.4); box-shadow: 0 0 32px rgba(245,122,43,0.08); }
.claw-node.done { opacity: 0.85; border-color: var(--carbon); box-shadow: none; }
.claw-node.success.on { border-color: rgba(74,222,128,0.5); box-shadow: 0 0 32px rgba(74,222,128,0.1); }
.claw-stage { position: absolute; top: 14px; right: 14px; font-size: 9px; color: var(--smoke); letter-spacing: 0.2em; }
.claw-node.on .claw-stage { color: var(--flame-500); }
.claw-node.success.on .claw-stage { color: var(--signal); }
.claw-icon { color: var(--flame-500); }
.claw-node.success .claw-icon { color: var(--signal); }
.claw-title { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 16px; letter-spacing: -0.01em; }
.claw-meta { font-size: 13px; color: var(--bone); line-height: 1.5; }
.claw-actions { list-style: none; padding: 0; margin: 4px 0 0; display: flex; flex-direction: column; gap: 8px; }
.claw-actions li { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--smoke); opacity: 0; transform: translateX(-4px); transition: opacity .3s, transform .3s, color .3s; }
.claw-actions li.on { opacity: 1; transform: translateX(0); color: var(--bone); }
.claw-actions li svg { color: var(--flame-500); }
.claw-thinking { display: flex; gap: 4px; margin-top: 4px; }
.claw-thinking span { width: 6px; height: 6px; border-radius: 50%; background: var(--flame-500); animation: thinkBlink 1.2s infinite; }
.claw-thinking span:nth-child(2) { animation-delay: .15s; }
.claw-thinking span:nth-child(3) { animation-delay: .3s; }
@keyframes thinkBlink { 0%,80%,100% { opacity: 0.25; } 40% { opacity: 1; } }
.claw-arrow { display: flex; align-items: center; padding: 0 8px; color: var(--carbon-2); transition: color .3s; }
.claw-arrow.done { color: var(--flame-500); }
.claw-foot { margin-top: 24px; padding: 14px 18px; border: 1px dashed var(--carbon); border-radius: 8px; text-align: center; }

.dive-grid { display: grid; grid-template-columns: 0.85fr 1.4fr; gap: 16px; }
.dive-side { padding: 28px; border: 1px solid var(--carbon); border-radius: 10px; background: var(--soot-2); display: flex; flex-direction: column; gap: 18px; }
.dive-stat-card { padding-bottom: 18px; border-bottom: 1px solid var(--carbon); }
.dive-big { font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 96px; line-height: 1; letter-spacing: -0.04em; margin-top: 8px; }
.dive-cap { font-family: "Space Grotesk", sans-serif; font-size: 18px; font-weight: 500; margin-top: 2px; }
.dive-sub { color: var(--smoke); font-size: 13px; margin-top: 8px; line-height: 1.5; }
.dive-runs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.dive-run { padding: 14px; border: 1px solid var(--carbon); border-radius: 8px; background: var(--ink); display: flex; flex-direction: column; gap: 6px; }
.dive-run .mono { color: var(--smoke); }
.dive-run strong { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 22px; letter-spacing: -0.02em; }

.dive-day { padding: 24px 28px; border: 1px solid var(--carbon); border-radius: 10px; background: var(--soot-2); display: flex; flex-direction: column; }
.dive-day-h { letter-spacing: 0.18em; padding-bottom: 14px; border-bottom: 1px solid var(--carbon); }
.dive-day-list { display: flex; flex-direction: column; padding: 12px 0; flex: 1; }
.dive-row { display: grid; grid-template-columns: 60px 24px 1fr auto; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px dashed var(--carbon); }
.dive-row:last-child { border-bottom: none; }
.dive-row-time { font-size: 12px; color: var(--smoke); }
.dive-row-icon { color: var(--flame-500); display: flex; }
.dive-row-what { font-size: 14px; color: var(--paper); }
.dive-row-out { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; background: rgba(74,222,128,0.08); border: 1px solid rgba(74,222,128,0.25); border-radius: 999px; color: var(--signal); font-size: 11px; font-family: "JetBrains Mono", monospace; }
.dive-day-foot { padding-top: 14px; border-top: 1px solid var(--carbon); display: flex; justify-content: space-between; align-items: center; }

@media (max-width: 980px) {
  .claw-pipe { grid-template-columns: 1fr; }
  .claw-arrow { transform: rotate(90deg); padding: 8px 0; }
  .dive-grid { grid-template-columns: 1fr; }
  .dive-row { grid-template-columns: 50px 20px 1fr; }
  .dive-row-out { grid-column: 1 / -1; justify-self: flex-start; }
}