/* Consistent page gutters and controls for the knowledge library only. */
.manual-library,
.manual-editor {
    --manual-gutter: clamp(16px, 3vw, 40px);
    width: calc(100% - 2 * var(--manual-gutter));
    margin: 0 auto;
    padding: 32px 0 48px;
    min-width: 0;
}
.manual-library { max-width: 1320px; }
.manual-editor { max-width: 980px; }
.manual-library .ticket-page-title { align-items: flex-start; margin-bottom: 24px; }
.manual-library .ticket-page-title > div { flex: 1; min-width: 0; }
.manual-library .ticket-page-title > .btn { flex-shrink: 0; margin-top: 10px; }
.manual-highlights { gap: 24px; margin: 0 0 24px; }
.manual-tip, .manual-popular { min-width: 0; }
.manual-filters {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: end;
    gap: 16px;
    padding: 24px;
}
.manual-filters > div { min-width: 0; }
.manual-filters .form-label { display: block; margin: 0 0 8px; line-height: 1.5; }
.manual-filters .form-control,
.manual-filters .form-select,
.manual-filters > .btn {
    height: 44px;
    min-height: 44px;
    margin: 0;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
}
.manual-filters .form-control { padding: 11px 13px; }
.manual-filters .form-select { padding: 11px 36px 11px 13px; }
.manual-filters > .btn { padding: 11px 22px; white-space: nowrap; }
.manual-filters .form-control, .manual-filters .form-select { border-color: #cbd3dc; }
.manual-filters .form-control:focus, .manual-filters .form-select:focus { border-color: var(--brand-accent); }
.manual-category { margin: 28px 0 0; }
.manual-grid { align-items: stretch; gap: 20px; }
.manual-card { min-width: 0; }
.manual-card .learning-badge { align-self: flex-start; }
.manual-meta { flex-wrap: wrap; }
.manual-editor > .subtle-link { display: inline-block; margin-bottom: 4px; }
.manual-editor > .settings-info { margin: 16px 0 20px; }
.manual-editor .settings-card { border-color: #dce3e8; padding: 28px; }
.manual-editor > .learning-panel { margin-bottom: 0; }
@media (max-width: 1050px) {
    .manual-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .manual-filters > .btn { justify-self: start; }
}
@media (max-width: 600px) {
    .manual-library, .manual-editor { padding-top: 24px; padding-bottom: 32px; }
    .manual-library .ticket-page-title > div { flex-basis: 100%; }
    .manual-library .ticket-page-title > .btn { margin-top: 0; }
    .manual-highlights { gap: 16px; }
    .manual-filters { grid-template-columns: minmax(0, 1fr); padding: 18px; gap: 16px; }
    .manual-filters > .btn { justify-self: stretch; }
    .manual-editor .settings-card { padding: 20px; }
    .manual-card { padding: 20px; }
}