.tc-doc-shell { max-width: 72rem; margin-inline: auto; padding: var(--tc-space-6); }
.tc-doc-header { border-bottom: 1px solid var(--tc-color-border); background: var(--tc-color-surface); }
.tc-doc-header__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--tc-space-4); flex-wrap: wrap; }
.tc-doc-brand { display: inline-flex; align-items: center; gap: var(--tc-space-3); color: var(--tc-color-text); font-weight: 750; text-decoration: none; }
.tc-doc-brand img { width: 2rem; height: 2rem; }
.tc-doc-nav { display: flex; gap: var(--tc-space-2); flex-wrap: wrap; }
.tc-doc-nav a { padding: .55rem .75rem; border-radius: var(--tc-radius-md); color: var(--tc-color-text-muted); text-decoration: none; }
.tc-doc-nav a[aria-current="page"], .tc-doc-nav a:hover { background: var(--tc-color-surface-muted); color: var(--tc-color-text); }
.tc-doc-hero { display: grid; gap: var(--tc-space-5); padding-block: clamp(3rem, 8vw, 6rem); max-width: 54rem; }
.tc-doc-kicker { color: var(--tc-color-primary); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.tc-doc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: var(--tc-space-4); }
.tc-doc-card { border: 1px solid var(--tc-color-border); border-radius: var(--tc-radius-lg); padding: var(--tc-space-5); background: var(--tc-color-surface); }
.tc-doc-card h2, .tc-doc-card h3 { margin-top: 0; }
.tc-doc-state { display: inline-flex; padding: .3rem .65rem; border-radius: 999px; background: #fff4d6; color: #6f4b00; font-size: .875rem; font-weight: 700; }
.tc-doc-footer { margin-top: var(--tc-space-8); border-top: 1px solid var(--tc-color-border); color: var(--tc-color-text-muted); }
.tc-doc-meta { display: flex; gap: var(--tc-space-4); flex-wrap: wrap; font-size: .875rem; }
.tc-error-code { font-size: clamp(3rem, 12vw, 7rem); line-height: 1; margin: 0; color: var(--tc-color-primary); }
@media (max-width: 40rem) { .tc-doc-shell { padding: var(--tc-space-4); } .tc-doc-nav { width: 100%; } .tc-doc-nav a { flex: 1 1 8rem; text-align: center; } }