.subtitle-overview{margin-bottom:18px;gap:14px;flex-wrap:wrap}
.subtitle-list{display:grid;gap:14px}
.subtitle-source{padding:22px;min-width:0;overflow-wrap:anywhere}
.subtitle-source h2{font-size:17px;line-height:1.6}
.subtitle-source>.between{align-items:flex-start;gap:16px}
.subtitle-source>.between>div{min-width:0}
.subtitle-source .badge{flex-shrink:0;white-space:nowrap}
.subtitle-source-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-top:18px}
.subtitle-progress-label{font-size:13px;gap:10px;flex-wrap:wrap}
.subtitle-source progress{display:block;width:100%;height:6px;border:0;border-radius:6px;overflow:hidden;background:var(--line);accent-color:var(--green);margin:9px 0}
.subtitle-source progress::-webkit-progress-bar{background:var(--line)}
.subtitle-source progress::-webkit-progress-value{background:var(--green)}
.subtitle-source progress::-moz-progress-bar{background:var(--green)}
.subtitle-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.subtitle-actions .btn{font-size:13px;min-height:44px;white-space:nowrap}
.subtitle-reason,.subtitle-footnote{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}
.subtitle-footnote{margin:20px 2px}
#modal .subtitle-list{margin-top:18px}
#modal .subtitle-source{padding:17px}
#modal .subtitle-source-bottom{grid-template-columns:minmax(0,1fr);gap:13px}
@media(max-width:600px){.subtitle-source{padding:18px 15px}.subtitle-source h2{font-size:15px}.subtitle-source-bottom{grid-template-columns:minmax(0,1fr);gap:14px}.subtitle-actions .btn{padding:0 12px}.subtitle-source>.between{gap:9px}.subtitle-overview>.sub{line-height:1.8}}