body.chirp { background: #fff; }
.ch-shell { display: grid; grid-template-columns: 200px minmax(0, 600px) 300px; gap: 24px; min-height: 80vh; }
.ch-nav { position: sticky; top: 0; align-self: start; padding-top: 12px; display: flex; flex-direction: column; gap: 6px; }
.ch-nav a { text-decoration: none; color: #0f1419; font-size: 1.15rem; padding: 10px 14px; border-radius: 999px; }
.ch-nav a:hover { background: #f1f1f1; }
.ch-logo { font-size: 1.8rem !important; color: #1d9bf0 !important; }
.ch-main { border-left: 1px solid #eff3f4; border-right: 1px solid #eff3f4; }
.ch-h1 { font-size: 1.25rem; padding: 14px 16px; margin: 0; border-bottom: 1px solid #eff3f4; }
.ch-h2 { font-size: 0.95rem; padding: 10px 16px; margin: 0; border-bottom: 1px solid #eff3f4; color: #536471; }
.ch-post { display: flex; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #eff3f4; }
.ch-body { flex: 1; min-width: 0; }
.ch-meta { font-size: 0.95rem; }
.ch-name { font-weight: 700; text-decoration: none; color: #0f1419; }
.ch-text { margin: 4px 0 8px; white-space: pre-line; }
.ch-text.big { font-size: 1.35rem; line-height: 1.35; }
.ch-plain { text-decoration: none; color: inherit; }
.ch-focus { border-bottom: 1px solid #eff3f4; }
.ch-reply { background: #fafafa; }
.ch-profile { padding: 0 16px 12px; border-bottom: 1px solid #eff3f4; }
.ch-banner { height: 140px; margin: 0 -16px; background: #cfd9de; }
.ch-banner.lawfirm { background: linear-gradient(120deg, #14213d, #b08d57); }
.ch-banner.bank { background: linear-gradient(120deg, #0f3d3e, #c9a227); }
.ch-big { width: 120px; height: 120px; margin-top: -60px; border: 4px solid #fff; background: #fff; }
.ch-profile .ch-h1 { padding: 8px 0 0; border: 0; }
.ch-bio { margin: 8px 0; }
.ch-side { padding-top: 12px; }
.ch-search { width: 100%; border: 0; background: #eff3f4; border-radius: 999px; padding: 10px 16px; font: inherit; margin-bottom: 14px; }
.ch-card { background: #f7f9f9; border-radius: 16px; padding: 12px 16px; margin-bottom: 14px; }
.ch-card h2 { font-size: 1.1rem; margin-bottom: 8px; }
.ch-who { display: flex; gap: 10px; align-items: center; padding: 6px 0; }
@media (max-width: 960px) { .ch-shell { grid-template-columns: 1fr; } .ch-nav { flex-direction: row; } .ch-side { display: none; } }