.resolutions-hero { padding:42px 0 38px; background:#102f40; color:#fff; }
.resolutions-hero .breadcrumb,.resolutions-hero .breadcrumb a { color:#beced5; }
.resolutions-hero h1 { margin:20px 0 12px; color:#fff; font-size:clamp(34px,5vw,58px); line-height:1.08; letter-spacing:-.04em; }
.resolutions-hero p { max-width:680px; margin:0; color:#d9e4e8; font-size:16px; line-height:1.65; }
.resolutions-section { min-height:420px; padding:30px 0 64px; background:#f6f7f8; }
.resolutions-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px; }
.resolutions-toolbar h2 { margin:0; font-size:18px; color:#1b2c36; }
.resolutions-toolbar p { margin:0; color:#61707a; font-size:13px; }
.resolutions-filters { display:grid; grid-template-columns:minmax(180px,1fr) 180px auto auto; align-items:end; gap:12px; margin-bottom:16px; padding:20px; border:1px solid #dce3e7; border-radius:10px; background:#fff; }
.resolutions-filters label { display:grid; gap:7px; color:#34454f; font-size:12px; font-weight:700; }
.resolutions-filters input,.resolutions-filters select { width:100%; min-width:0; min-height:46px; border:1px solid #cbd5db; border-radius:5px; padding:10px 12px; background:#fff; color:#182a35; font:inherit; font-size:15px; }
.resolutions-filters button,.resolutions-pagination button,.resolutions-retry { min-height:46px; border:1px solid #17394d; border-radius:5px; padding:10px 20px; color:#fff; background:#17394d; font:inherit; font-size:13px; font-weight:700; cursor:pointer; }
.resolutions-filters .resolutions-clear,.resolutions-pagination button { color:#17394d; background:#fff; }
.resolutions-notice { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin:0 0 18px; }
.resolutions-notice p { margin:0; color:#60717c; font-size:13px; line-height:1.6; }
.resolutions-notice .is-error { color:#9b2635; }
.resolutions-list { display:grid; gap:16px; }
.resolution-card { display:grid; grid-template-columns:56px minmax(0,1fr) auto; gap:22px; align-items:start; padding:26px; border:1px solid #dce3e7; border-radius:10px; background:#fff; }
.resolution-file-icon { display:grid; place-items:center; gap:5px; color:#aa1838; }
.resolution-file-icon svg { width:37px; height:43px; }
.resolution-file-icon span { font-size:10px; letter-spacing:.12em; font-weight:800; }
.resolution-meta { display:flex; flex-wrap:wrap; gap:6px 18px; margin:0 0 10px; color:#687983; font-size:12px; }
.resolution-meta span { color:#9b1a35; font-weight:700; }
.resolution-content h2 { margin:0 0 12px; color:#1b2f3b; font-size:21px; line-height:1.4; letter-spacing:-.015em; overflow-wrap:anywhere; }
.resolution-description { max-width:780px; margin:0 0 14px; color:#4c5d68; font-size:14px; line-height:1.8; white-space:pre-line; overflow-wrap:anywhere; }
.resolution-file-info { margin:0; color:#78858e; font-size:11px; }
.resolution-actions { display:grid; gap:8px; min-width:126px; }
.resolution-actions a { display:flex; align-items:center; justify-content:center; gap:12px; min-height:44px; padding:9px 15px; border-radius:5px; font-size:12px; font-weight:700; text-decoration:none; }
.resolution-open { color:#fff; background:#17394d; }
.resolution-open svg { width:16px; height:16px; flex:none; }
.resolution-actions .resolution-download { color:#17394d; border:1px solid #ccd7dc; background:#fff; }
.resolutions-empty { padding:42px 24px; border:1px dashed #cad5dc; border-radius:10px; text-align:center; background:#fff; }
.resolutions-empty svg { width:46px; height:46px; color:#8b9ca7; margin-bottom:14px; }
.resolutions-empty h2 { color:#203a4b; font-size:20px; margin:0 0 12px; }
.resolutions-empty p { color:#667782; font-size:14px; line-height:1.7; margin:0; }
.resolutions-pagination { display:flex; align-items:center; justify-content:center; gap:20px; margin:28px 0 0; }
.resolutions-pagination span { font-size:13px; color:#667782; }
.resolutions-section [hidden] { display:none !important; }
.resolutions-section button:disabled { opacity:.5; cursor:default; }
.resolutions-section :focus-visible { outline:3px solid #bc2643; outline-offset:3px; }
@media(max-width:760px) {
  .resolutions-hero { padding:28px 0; }
  .resolutions-hero p { font-size:14px; }
  .resolutions-section { padding:24px 0 40px; }
  .resolutions-toolbar { align-items:flex-start; flex-direction:column; gap:8px; }
  .resolutions-filters { grid-template-columns:1fr 1fr; padding:16px; }
  .resolutions-filters label:first-child { grid-column:1/-1; }
  .resolutions-filters label:nth-child(2) { grid-column:1/-1; }
  .resolutions-filters input,.resolutions-filters select { font-size:16px; min-height:48px; }
  .resolution-card { grid-template-columns:minmax(0,1fr); padding:21px; gap:16px; }
  .resolution-file-icon { display:none; }
  .resolution-content h2 { font-size:19px; }
  .resolution-actions { grid-template-columns:1fr 1fr; }
  .resolution-actions a,.resolutions-filters button,.resolutions-pagination button { min-height:48px; }
  .resolutions-pagination { gap:10px; }
}