.completed-page main { width: min(1200px, 100%); box-sizing: border-box; margin: 24px auto; padding: 0 12px; }
.completed-page{ flex-wrap: wrap; }
.completed-page{ margin: 8px; }
.completed-controls { display: flex; flex-wrap: wrap; gap: 16px; margin: 20px 0; }
.completed-controls label { display: grid; gap: 8px; flex: 1 1 220px; min-width: 0; }
.completed-controls input, .completed-controls select { box-sizing: border-box; width: 100%; min-width: 0; padding: 12px; border: 1px solid #d89cb9; border-radius: 14px; background: #fff8fc; color: #513b47; font: inherit; }
[data-theme="dark"] .completed-controls input, [data-theme="dark"] .completed-controls select { background: #2c2430; color: #f6e9f1; border-color: #886779; }
.completed-page :is(a, input, select):focus-visible { outline: 3px solid #a73750; outline-offset: 4px; }
.completed-page .comic-name, .completed-page .comic-chapter { color: var(--text-color); overflow-wrap: anywhere; }
.completed-page #completed-status { line-height: 1.6; margin-bottom: 20px; }
@media (max-width: 1100px) { .completed-page main { margin-left: 0; margin-right: 0; } }