.manual-grid { align-items: stretch; }
.edition-commands { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:20px; }.edition-commands button { min-height:44px; white-space:normal; }.manual-edition-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:20px; }.edition-card { min-width:0; margin:0; }.edition-card p { line-height:1.7; font-size:14px; white-space:pre-wrap; overflow-wrap:anywhere; }.edition-card small,.edition-events small { display:block; color:var(--muted); line-height:1.7; overflow-wrap:anywhere; }.edition-events { margin-top:24px; }.edition-events>div { padding:18px 0; border-top:1px solid var(--line); }.edition-events p { font-size:13px; line-height:1.7; overflow-wrap:anywhere; }.edition-events summary { min-height:44px; cursor:pointer; }
.manual-catalog-filter { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)) auto auto; gap:12px; align-items:end; margin-bottom:24px; }.manual-catalog-filter .field { min-width:0; }.manual-catalog-filter input,.manual-catalog-filter select { width:100%; min-height:44px; min-width:0; font-size:16px; }.manual-catalog-filter button { min-height:44px; }.manual-buttons { flex-wrap:wrap; }
@media(max-width:700px){.manual-catalog-filter { grid-template-columns:1fr 1fr; }.manual-catalog-filter .field { grid-column:1/-1; }}
.manual-card { min-width: 0; }
.manual-content h2 { line-height: 1.5; }
.manual-cover { height: 70px; }
.manual-cover span { border-color: #494953; }
.manual-toolbar { display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 18px; }
.manual-toolbar > div { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.manual-empty { padding: 32px 0; color: var(--muted); }
.reading { border-top-color: #b91624; min-width: 0; }
.reading h1 { line-height: 1.4; }
.reading h2 { scroll-margin-top: 24px; }
.reading p { white-space: pre-wrap; }
.reading .reading-meta { margin-bottom: 12px; }
.manual-contents { margin: 0 0 24px; }
.manual-contents select { width: 100%; min-width: 0; text-overflow: ellipsis; }
.manual-figure { margin: 20px 0; }
.reading .manual-figure img { display: block; max-width: 100%; height: auto; margin: 0; }
.reading .manual-figure img[hidden] { display: none; }
.manual-image-error { color: #fca5a5; font-size: 14px; }
.manual-table-scroll { overflow-x: auto; max-width: 100%; margin: 20px 0; border: 1px solid var(--line); }
.manual-table-scroll:focus-visible { outline: 2px solid #ef6477; outline-offset: 2px; }
.manual-table { border-collapse: collapse; width: 100%; }
.manual-table td { min-width: 120px; max-width: 320px; padding: 12px; border: 1px solid var(--line); vertical-align: top; overflow-wrap: anywhere; }
.manual-table td p { margin: 0; }
.manual-progress { max-width: 760px; margin: 28px auto 0; }
.manual-progress h2 { font-size: 18px; line-height: 1.5; }
.manual-progress ul { padding: 0; margin: 12px 0 0; list-style: none; }
.manual-progress li { padding: 18px 0; border-top: 1px solid var(--line); overflow-wrap: anywhere; }
.manual-progress small { display: block; margin-top: 6px; color: var(--muted); }
.manual-progress dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 14px 0 0; }
.manual-progress dt { color: var(--muted); font-size: 12px; margin-bottom: 6px; }
.manual-progress dd { margin: 0; font-size: 14px; }
.manual-import-status { min-height: 24px; color: var(--muted); margin-top: 14px; }
@media (max-width: 700px) {
  .manual-toolbar { gap: 10px; }
  .manual-toolbar .status { font-size: 11px; }
  .manual-toolbar .primary { width: 100%; }
  .manual-content { padding: 16px; }
  .manual-buttons button { min-height: 44px; font-size: 14px; }
  .reading { padding: 22px 16px; }
  .reading h1 { font-size: 22px; }
  .reading h2 { font-size: 18px; }
  .reading p { font-size: 16px; line-height: 1.75; }
  .reading .read-confirm { gap: 14px; }
  .read-confirm button { width: 100%; white-space: normal; line-height: 1.5; }
  .manual-table td { padding: 10px; }
  .manual-progress dl { grid-template-columns: 1fr; gap: 12px; }
  #modal h2 { overflow-wrap: anywhere; line-height: 1.4; }
}
