.node-shell { width: calc(100% - 28px); min-height: calc(100dvh - 76px); margin: 0 14px 14px; overflow: hidden; border-radius: 19px; background: var(--paper); }
.node-header { display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 0 30px; border-bottom: 1px solid var(--paper-line); background: rgba(255,255,255,.78); }
.breadcrumbs { color: #8c8490; font: 500 8px "Geist Mono", monospace; text-transform: uppercase; letter-spacing: .08em; }
.breadcrumbs a { color: #8c8490; text-decoration: none; }
.breadcrumbs a:hover { color: var(--am-purple); }
.node-actions { display: flex; gap: 7px; }
.node-content { width: min(1180px, calc(100% - 44px)); margin: auto; padding: 50px 0 76px; }
.node-hero { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr); gap: 30px; align-items: end; padding-bottom: 39px; border-bottom: 1px solid var(--paper-line); }
.node-kicker { color: var(--am-purple); font: 550 8px "Geist Mono", monospace; text-transform: uppercase; letter-spacing: .11em; }
.node-hero h1 { margin: 13px 0 16px; color: #201d22; font-size: clamp(45px, 6vw, 76px); font-weight: 570; letter-spacing: -.078em; line-height: .95; }
.node-thesis { max-width: 760px; color: #706a73; font-size: 14px; line-height: 1.65; }
.node-status { padding: 20px; border: 1px solid #ddcde7; border-radius: 14px; background: #f2eaf8; }
.node-status span { color: #87699c; font: 550 8px "Geist Mono", monospace; text-transform: uppercase; }
.node-status strong { display: block; margin-top: 12px; color: #43364d; font-size: 16px; font-weight: 570; letter-spacing: -.04em; }
.node-status p { margin: 8px 0 0; color: #796d81; font-size: 10px; line-height: 1.5; }
.node-section { padding-top: 39px; }
.node-section h2 { margin: 0 0 7px; color: #282429; font-size: 28px; font-weight: 570; letter-spacing: -.06em; }
.node-section > p { max-width: 760px; margin: 0 0 20px; color: #827b85; font-size: 11px; line-height: 1.55; }
.node-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.node-card { padding: 19px; border: 1px solid var(--paper-line); border-radius: 12px; background: #fff; }
.node-card.lilac { background: #f3ecf8; }
.node-card.mint { background: #eaf8f4; }
.node-card.wide { grid-column: 1/-1; }
.node-card h3 { margin: 0 0 10px; color: #76578b; font: 550 8px "Geist Mono", monospace; text-transform: uppercase; letter-spacing: .09em; }
.node-card ul { margin: 0; padding-left: 18px; }
.node-card li, .node-card p { margin: 6px 0; color: #5e5861; font-size: 11px; line-height: 1.5; }
.research-protocol { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; counter-reset: protocol; }
.protocol-step { counter-increment: protocol; min-height: 130px; padding: 16px; border: 1px solid var(--paper-line); border-radius: 11px; background: #fff; }
.protocol-step::before { content: counter(protocol, decimal-leading-zero); color: var(--am-purple); font: 600 8px "Geist Mono", monospace; }
.protocol-step strong { display: block; margin: 17px 0 7px; color: #39343b; font-size: 12px; }
.protocol-step span { color: #88808a; font-size: 9px; line-height: 1.5; }
.artifact-table { width: 100%; border-collapse: collapse; border: 1px solid var(--paper-line); background: #fff; }
.artifact-table th, .artifact-table td { padding: 12px 14px; border-bottom: 1px solid var(--paper-line); text-align: left; vertical-align: top; }
.artifact-table th { color: #85798b; background: #f4f0f6; font: 550 8px "Geist Mono", monospace; text-transform: uppercase; letter-spacing: .07em; }
.artifact-table td { color: #666068; font-size: 10px; }
.artifact-table a { color: var(--am-purple); }
.artifact-state { display: inline-flex; padding: 3px 6px; border-radius: 999px; color: #80668f; background: #f0e8f6; font: 500 7px "Geist Mono", monospace; text-transform: uppercase; }
.task-banner { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; padding: 22px; border-radius: 14px; color: #eee8f2; background: var(--am-bg); }
.task-banner h2 { margin: 0; color: #fff; font-size: 23px; }
.task-banner p { margin: 8px 0 0; color: #998ea0; font-size: 10px; }
.task-banner .button { color: #fff; background: var(--am-purple); }
.graph-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.graph-summary > div { padding: 18px; border: 1px solid var(--paper-line); border-radius: 12px; background: #fff; }
.graph-summary strong { display: block; color: #302b32; font-size: 25px; font-weight: 570; letter-spacing: -.07em; }
.graph-summary span { color: #918993; font-size: 9px; }

.task-page { width: min(1360px, calc(100% - 44px)); }
.sprint { margin-top: 16px; overflow: hidden; border: 1px solid var(--paper-line); border-radius: 14px; background: #fff; }
.sprint-head { display: grid; grid-template-columns: 70px minmax(0,1fr) 180px; gap: 17px; align-items: center; padding: 20px; border-bottom: 1px solid var(--paper-line); }
.sprint-no { color: var(--am-purple); font: 600 22px "Geist Mono", monospace; }
.sprint-head h2 { margin: 0; font-size: 23px; }
.sprint-head p { margin: 5px 0 0; color: #817982; font-size: 10px; }
.sprint-gate { color: #7e6a88; font: 500 8px "Geist Mono", monospace; text-align: right; text-transform: uppercase; }
.lane-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); }
.lane { min-height: 285px; padding: 17px; border-right: 1px solid var(--paper-line); }
.lane:last-child { border-right: 0; }
.lane-code { color: var(--am-purple); font: 600 8px "Geist Mono", monospace; }
.lane h3 { margin: 16px 0 8px; color: #383239; font-size: 14px; font-weight: 600; letter-spacing: -.04em; }
.lane p { color: #7b747d; font-size: 9px; line-height: 1.5; }
.lane-parts { display: flex; flex-wrap: wrap; gap: 5px; margin: 12px 0; }
.lane-parts a { padding: 4px 6px; border-radius: 6px; color: #76528c; background: #f0e8f6; font: 500 7px "Geist Mono", monospace; text-decoration: none; }
.lane ul { padding-left: 16px; }
.lane li { margin: 5px 0; color: #6e6770; font-size: 9px; line-height: 1.45; }
.dependency-legend { display: flex; gap: 13px; margin: 17px 0 4px; color: #847c86; font-size: 9px; }
.dependency-legend span::before { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; content: ""; background: var(--am-purple); }
.dependency-legend span:last-child::before { background: var(--am-mint); }
.context-pack { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.context-card { padding: 17px; border: 1px solid var(--paper-line); border-radius: 11px; background: #fff; }
.context-card h3 { margin: 0 0 8px; color: #76578b; font: 550 8px "Geist Mono", monospace; text-transform: uppercase; }
.context-card li { color: #6e6770; font-size: 9px; }
.convergence { margin-top: 16px; padding: 22px; border: 1px solid #c9eadf; border-radius: 14px; background: #edf9f5; }
.convergence-head { display: grid; grid-template-columns: minmax(0,1fr) 220px; gap: 20px; align-items: start; }
.convergence-head h2 { margin: 8px 0 6px; color: #273a35; font-size: 24px; }
.convergence-head p { max-width: 840px; margin: 0; color: #61766f; font-size: 10px; line-height: 1.55; }
.convergence-status { color: #39715f; font: 550 8px "Geist Mono", monospace; text-align: right; text-transform: uppercase; }
.convergence-flow { display: grid; grid-template-columns: repeat(7,auto); gap: 12px; align-items: center; justify-content: center; margin: 22px 0; }
.convergence-flow div { min-width: 120px; padding: 13px 16px; border: 1px solid #c4e5da; border-radius: 10px; background: #fff; text-align: center; }
.convergence-flow strong { display: block; color: #2f6d59; font-size: 23px; }
.convergence-flow span { color: #758b84; font-size: 8px; text-transform: uppercase; }
.convergence-flow b { color: #65a993; font-size: 18px; }
.convergence-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
.convergence-grid article { padding: 14px; border: 1px solid #cbe8df; border-radius: 10px; background: rgba(255,255,255,.84); }
.convergence-grid p { color: #62776f; font-size: 9px; line-height: 1.45; }
.convergence-artifacts { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 10px; }
.matrix-title { margin: 22px 0 9px; color: #39715f; font: 600 9px "Geist Mono", monospace; text-transform: uppercase; letter-spacing: .08em; }
.convergence .artifact-table a { color: #39715f; font-weight: 600; text-decoration: none; }

@media (max-width: 1050px) { .research-protocol { grid-template-columns: repeat(2,1fr); } .lane-grid, .convergence-grid { grid-template-columns: repeat(2,1fr); } .lane { border-bottom: 1px solid var(--paper-line); } .convergence-flow { grid-template-columns: 1fr; } .convergence-flow b { transform: rotate(90deg); text-align: center; } }
@media (max-width: 700px) { .node-shell { width: 100%; margin: 0; border-radius: 0; } .node-header { padding: 0 15px; } .node-content { width: calc(100% - 30px); padding-top: 32px; } .node-hero, .node-grid, .context-pack, .convergence-head, .convergence-grid, .convergence-artifacts { grid-template-columns: 1fr; } .convergence-status { text-align: left; } .node-card.wide { grid-column: auto; } .research-protocol, .graph-summary, .lane-grid { grid-template-columns: 1fr; } .sprint-head { grid-template-columns: 45px 1fr; } .sprint-gate { grid-column: 1/-1; text-align: left; } .lane { border-right: 0; } }