/* CromeSky Site Doctor Text + Alignment Guard */
:root { --csky-readable-max: 78ch; --csky-control-height: 44px; }
body { line-height: 1.55; }
p, li, dd, blockquote, .note, .description, .summary, .help-text, .copy, .body-text { max-width: var(--csky-readable-max); overflow-wrap: anywhere; }
h1, h2, h3, h4, h5, h6 { text-wrap: balance; overflow-wrap: anywhere; }
.card h1, .card h2, .card h3, .panel h1, .panel h2, .panel h3, .admin-card h1, .admin-card h2, .admin-card h3 { margin-bottom: .65rem; }
input, select, textarea, button, .btn, .button, .pill, .badge { min-height: var(--csky-control-height); vertical-align: middle; }
.badge, .pill, .chip, .tag { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; white-space: normal; text-align: center; }
.toolbar, .actions, .button-row, .controls, .form-actions, .hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; }
.form-row, .field-row, .settings-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: .9rem; align-items: end; }
.table-wrap, .scroll-wrap, .list-box, .findings-list { scrollbar-gutter: stable; }
table { border-collapse: collapse; }
th, td { vertical-align: top; overflow-wrap: anywhere; }
pre, code, textarea, .log-output, .console-output { overflow-wrap: anywhere; word-break: break-word; }
@media (max-width: 760px) { .toolbar, .actions, .button-row, .controls, .form-actions, .hero-actions { align-items: stretch; } .toolbar > *, .actions > *, .button-row > *, .controls > *, .form-actions > *, .hero-actions > * { flex: 1 1 min(260px, 100%); } input, select, textarea, button, .btn, .button { width: 100%; } }