.context-page .ctx-shift{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:linear-gradient(135deg,#f8faf7 0,var(--color-white) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.context-page .ctx-shift-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-light);margin-bottom:.2rem}.context-page .ctx-shift-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);width:100%;max-width:680px}.context-page .ctx-shift-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md)}.context-page .ctx-shift-before .ctx-shift-card{border-style:dashed;background:rgba(107,114,128,.04)}.context-page .ctx-shift-after .ctx-shift-card{border-color:var(--color-secondary);box-shadow:var(--shadow-sm)}.context-page .ctx-shift-eq{display:flex;align-items:center;gap:.5rem;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-primary);margin-bottom:.4rem}.context-page .ctx-shift-before .ctx-shift-eq{color:var(--color-text-light)}.context-page .ctx-shift-icon{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;flex-shrink:0;border-radius:var(--radius-sm);background:var(--color-tertiary);color:var(--color-primary);font-size:.9rem}.context-page .ctx-shift-card p{margin:0;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-light)}.context-page .ctx-shift-arrow{font-size:1.4rem;line-height:1;color:var(--color-secondary);margin:.25rem 0}.context-page .ctx-model{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.context-page .ctx-model-chain{gap:var(--spacing-sm)}.context-page .ctx-model-chain,.context-page .ctx-model-legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.context-page .ctx-model-legend{gap:var(--spacing-lg)}.context-page .ctx-model-legend-item{display:inline-flex;align-items:center;gap:.45rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-light)}.context-page .ctx-model-swatch{width:1.1rem;height:1.1rem;flex-shrink:0;border-radius:var(--radius-sm);background:var(--color-white);border:1px solid var(--color-border)}.context-page .ctx-model-swatch-primary{border:2px solid var(--color-primary);background:var(--color-tertiary)}.context-page .ctx-model-node{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);white-space:nowrap}.context-page .ctx-model-node-icon{display:inline-flex;color:var(--color-secondary);font-size:.95rem}.context-page .ctx-model-node-primary{border-color:var(--color-primary);border-width:2px;background:var(--color-tertiary);box-shadow:var(--shadow-sm)}.context-page .ctx-model-node-primary .ctx-model-node-icon{color:var(--color-primary)}.context-page .ctx-model-link{position:relative;min-width:90px;height:2px;background:var(--color-primary);display:flex;align-items:center;justify-content:center}.context-page .ctx-model-link-badge{position:absolute;padding:.1rem .45rem;background:var(--color-white);border:1px solid var(--color-primary);border-radius:var(--radius-full);font-size:.7rem;font-weight:var(--font-weight-semibold);color:var(--color-primary);letter-spacing:.5px;white-space:nowrap}.context-page .ctx-model-chevron{color:var(--color-text-light)}.context-page .ctx-paths{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.context-page .ctx-path{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;padding:.65rem .85rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md)}.context-page .ctx-path-tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-semibold);padding:.15rem .45rem;border-radius:var(--radius-sm);background:rgba(107,114,128,.12);color:#4b5563;margin-right:.35rem}.context-page .ctx-path-tag-new{background:var(--color-tertiary);color:var(--color-primary)}.context-page .ctx-crumb-wrap{display:inline-flex;align-items:center;gap:.45rem}.context-page .ctx-crumb{font-size:var(--font-size-sm);color:var(--color-text)}.context-page .ctx-crumb-sep{color:var(--color-text-light)}.context-page .ctx-crumb-ctx{font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--color-tertiary);padding:.1rem .4rem;border-radius:var(--radius-sm)}.context-page .ctx-flow{margin:var(--spacing-md) 0 var(--spacing-lg);padding-left:1.35rem;display:grid;grid-gap:.4rem;gap:.4rem}.context-page .ctx-flow li{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.55}@media (max-width:768px){.context-page .ctx-shift-row{grid-template-columns:minmax(0,1fr)}.context-page .ctx-model-link{min-width:44px}}@media (max-width:560px){.context-page .ctx-model-chain{flex-direction:column;gap:.35rem}.context-page .ctx-model-node{white-space:normal;text-align:center}.context-page .ctx-model-chevron{transform:rotate(90deg)}.context-page .ctx-model-link{min-width:0;width:2px;height:2.5rem}}