.titles-main { padding:24px; width:100%; }
.titles-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.titles-heading h1 { font-size:1.65rem; color:var(--text-accent); }
.titles-home { display:inline-block; margin-bottom:20px; }
.titles-formats { display:flex; gap:8px; flex-wrap:wrap; margin:20px 0; }
.titles-formats a, .titles-theme { border:1px solid var(--border-color); padding:9px 14px; border-radius:24px; background:var(--bg-card); color:var(--text-main); font:inherit; }
.titles-formats a[aria-current="page"] { background:var(--link-color); color:var(--bg-wrapper); border-color:var(--link-color); }
.titles-filter { display:block; margin-bottom:24px; }
.titles-filter input { display:block; margin-top:8px; width:100%; padding:12px 16px; border:1px solid var(--border-color); border-radius:8px; font:inherit; color:var(--text-main); background:var(--bg-card); }
.titles-jump { display:flex; flex-wrap:wrap; gap:8px 16px; padding-bottom:20px; }
.titles-section { margin:0 0 20px; border:1px solid var(--border-color); border-radius:10px; overflow:hidden; }
.titles-section h2 { padding:14px 16px; font-size:1.15rem; background:var(--bg-card); border-bottom:1px solid var(--border-color); }
.titles-section ul { list-style:none; }
.titles-section li + li { border-top:1px solid var(--border-color); }
.titles-section li a { display:block; padding:11px 16px; line-height:1.6; }
.titles-section a:hover { background:var(--bg-card); }
.titles-status { margin:12px 0; color:var(--text-muted); }
[hidden] { display:none !important; }
@media(min-width:680px) { .titles-section ul { columns:2; column-gap:0; } .titles-section li { break-inside:avoid; } }
@media(max-width:480px) { .titles-main { padding:16px; } .titles-heading h1 { font-size:1.35rem; } .titles-theme { padding:8px; } }