.claude-code-page{gap:var(--ds-space-12);padding:var(--ds-space-8) 0 var(--ds-space-16);display:grid}.cc-hero{gap:var(--ds-space-6);grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;display:grid}.cc-hero-copy{gap:var(--ds-space-4);align-content:start;display:grid}.cc-hero-title{font-size:var(--ds-text-4xl);font-weight:var(--ds-font-bold);color:var(--ds-color-text-strong);margin:0;line-height:1.15}.cc-hero-sub{max-width:46ch;font-size:var(--ds-text-lg);color:var(--ds-color-text-secondary);margin:0;line-height:1.6}.cc-hero-points{gap:var(--ds-space-2);margin-top:var(--ds-space-2);flex-wrap:wrap;display:flex}.cc-hero-points span{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-full);background:var(--ds-color-surface);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-color-text-secondary);align-items:center;padding:6px 12px;display:inline-flex}.cc-hero-config{gap:var(--ds-space-3);padding:var(--ds-space-5);border:1px solid var(--ds-color-border);border-radius:var(--admin-radius-xl);background:var(--ds-color-surface-elevated);box-shadow:var(--ds-shadow-md);display:grid}.cc-config-row{gap:var(--ds-space-1) var(--ds-space-2);grid-template-columns:1fr auto;grid-template-areas:"label label""value copy";align-items:center;display:grid}.cc-config-label{font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--ds-color-text-tertiary);grid-area:label}.cc-config-value{border-radius:var(--ds-radius-md);background:var(--ds-color-surface-dim);font-family:var(--ds-font-mono);font-size:var(--ds-text-sm);color:var(--ds-color-text-strong);white-space:nowrap;grid-area:value;padding:8px 12px;overflow-x:auto}.cc-config-row .access-card-copy{grid-area:copy}.cc-section{gap:var(--ds-space-6);display:grid}.cc-section-head{gap:var(--ds-space-2);max-width:60ch;display:grid}.cc-section-title{font-size:var(--ds-text-3xl);font-weight:var(--ds-font-bold);color:var(--ds-color-text-strong);margin:0}.cc-section-lead{font-size:var(--ds-text-base);color:var(--ds-color-text-secondary);margin:0;line-height:1.6}.cc-note{font-size:var(--ds-text-sm);color:var(--ds-color-text-tertiary);margin:0}.cc-value-grid{gap:var(--ds-space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.cc-value-card{gap:var(--ds-space-2);padding:var(--ds-space-5);border:1px solid var(--ds-color-border);border-radius:var(--admin-radius-xl);background:var(--ds-color-surface);box-shadow:var(--ds-shadow-sm);display:grid}.cc-value-card strong{font-size:var(--ds-text-lg);color:var(--ds-color-text-strong)}.cc-value-card p{font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary);margin:0;line-height:1.6}.cc-value-icon{border-radius:var(--ds-radius-md);background:var(--ds-color-primary-soft);width:40px;height:40px;color:var(--ds-color-primary);justify-content:center;align-items:center;display:inline-flex}.cc-step-list{gap:var(--ds-space-4);margin:0;padding:0;list-style:none;display:grid}.cc-step{gap:var(--ds-space-3);padding:var(--ds-space-5);border:1px solid var(--ds-color-border);border-radius:var(--admin-radius-xl);background:var(--ds-color-surface);display:grid}.cc-step-body{gap:var(--ds-space-1);display:grid}.cc-step-body strong{font-size:var(--ds-text-lg);color:var(--ds-color-text-strong)}.cc-step-body p{font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary);margin:0;line-height:1.6}.cc-code{padding:var(--ds-space-4);border-radius:var(--ds-radius-md);color:#e2e8f0;background:#0f172a;margin:0;overflow-x:auto}.cc-code code{font-family:var(--ds-font-mono);font-size:var(--ds-text-sm);white-space:pre;line-height:1.7}.cc-model-grid{gap:var(--ds-space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.cc-model-card{gap:var(--ds-space-2);padding:var(--ds-space-4);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);display:grid}.cc-model-head{gap:2px;display:grid}.cc-model-head strong{font-size:var(--ds-text-base);color:var(--ds-color-text-strong)}.cc-model-head span{font-size:var(--ds-text-xs);color:var(--ds-color-text-tertiary)}.cc-model-slug{border-radius:var(--ds-radius-sm);background:var(--ds-color-surface-dim);font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);color:var(--ds-color-text-secondary);justify-self:start;padding:4px 10px}.cc-final{gap:var(--ds-space-4);padding:var(--ds-space-10) var(--ds-space-6);border:1px solid var(--ds-color-border);border-radius:var(--admin-radius-xl);background:var(--ds-color-gradient-primary-soft);text-align:center;justify-items:center;display:grid}.cc-final h2{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-color-text-strong);margin:0}.cc-final p{color:var(--ds-color-text-secondary);margin:0}@media (max-width:900px){.cc-hero{grid-template-columns:1fr}.cc-hero-title{font-size:var(--ds-text-3xl)}}@media (max-width:480px){.claude-code-page{gap:var(--ds-space-8);padding:var(--ds-space-5) 0 var(--ds-space-10)}.cc-hero-title{font-size:var(--ds-text-2xl)}.cc-hero-sub{font-size:var(--ds-text-base)}.cc-section{gap:var(--ds-space-4)}.cc-section-title{font-size:var(--ds-text-2xl)}.cc-hero-config,.cc-value-card,.cc-step{padding:var(--ds-space-4)}.cc-config-value,.cc-code code{font-size:var(--ds-text-xs)}.cc-final{padding:var(--ds-space-6) var(--ds-space-4)}}