#erps-rutas.errut{font-family:Arial,Helvetica,sans-serif;background:#fff;border:1px solid #d8dce1;border-top:6px solid #f4c900;border-radius:18px;padding:24px;color:#202630;box-shadow:0 6px 24px #17212b0a;min-width:0;width:100%;box-sizing:border-box;scroll-margin-top:24px}
#erps-rutas.errut *{box-sizing:border-box}
#erps-rutas.errut .errut-heading{margin-bottom:18px}
#erps-rutas.errut .errut-eyebrow{font-size:11px;font-weight:800;letter-spacing:.09em;color:#555e69}
#erps-rutas.errut h2{font-size:clamp(26px,3vw,34px);line-height:1.15;margin:7px 0;color:#171c24;font-weight:800}
#erps-rutas.errut p{font-size:15px;line-height:1.5;margin:10px 0;color:#333d49}
#erps-rutas.errut .errut-overview{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:14px;background:#f4f5f7;border-radius:12px}
#erps-rutas.errut .errut-badge{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-size:14px;line-height:1.35;padding:7px 10px;border-radius:7px;font-weight:800;border:1px solid transparent;white-space:normal}
#erps-rutas.errut .errut-closed{background:#fde6e6;color:#971d27;border-color:#e3aeb3}
#erps-rutas.errut .errut-4x4{background:#fce9d6;color:#813b08;border-color:#deb891}
#erps-rutas.errut .errut-caution,#erps-rutas.errut .errut-restricted{background:#fff1bb;color:#6c4900;border-color:#d9bd64}
#erps-rutas.errut .errut-open{background:#e3f3e9;color:#1d603c;border-color:#a3cbb4}
#erps-rutas.errut .errut-unknown{background:#eef0f3;color:#424c59;border-color:#c3c9d0}
#erps-rutas.errut .errut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
#erps-rutas.errut .errut-route{border:1px solid #d6dce3;border-radius:12px;overflow:hidden;min-width:0;background:white}
#erps-rutas.errut .errut-route>header{display:flex;gap:12px;align-items:center;padding:16px;background:#f7f8fa;border-bottom:1px solid #e2e5e9}
#erps-rutas.errut .errut-shield{background:#202a35;color:white;border-radius:8px;padding:6px 11px;text-align:center;font-size:10px;font-weight:700;line-height:1.2;flex-shrink:0}
#erps-rutas.errut .errut-shield b{display:block;color:white;font-size:26px}
#erps-rutas.errut h3{font-size:19px;line-height:1.3;font-weight:800;color:#202a35;margin:0}
#erps-rutas.errut .errut-segment{padding:16px;overflow-wrap:anywhere}
#erps-rutas.errut .errut-segment+.errut-segment{border-top:1px solid #e0e4e8}
#erps-rutas.errut h4{font-size:14px;line-height:1.45;font-weight:700;margin:0 0 10px;color:#4b5664}
#erps-rutas.errut .errut-summary{font-size:16px;line-height:1.5;margin:13px 0}
#erps-rutas.errut .errut-date{font-size:13px;border-top:1px solid #e7e9ec;padding-top:10px;margin-bottom:4px}
#erps-rutas.errut .errut-date strong{color:#212c38;display:block;font-size:14px}
#erps-rutas.errut .errut-source{font-size:12px;margin:4px 0;color:#566170}
#erps-rutas.errut details{margin-top:12px}#erps-rutas.errut summary{font-size:13px;cursor:pointer;font-weight:700;color:#354c66;min-height:32px;padding:7px 0}
#erps-rutas.errut details p{font-size:13px}
#erps-rutas.errut .errut-warning{padding:10px;border-left:3px solid #a26700;background:#fff7dc;color:#654600;font-size:13px}
#erps-rutas.errut .errut-footer{margin-top:18px;border-top:1px solid #e2e5e9;padding-top:12px}
#erps-rutas.errut .errut-footer>p{font-size:12px;color:#566170}
#erps-rutas.errut .errut-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#erps-rutas.errut .errut-actions a,#erps-rutas.errut button,#erps-rutas.errut .errut-edit{font-family:inherit;font-size:13px;line-height:1.4;font-weight:700;display:inline-flex;align-items:center;min-height:42px;border:1px solid #cbd2da;border-radius:8px;padding:10px 12px;background:#f4f6f8;color:#23374f;text-decoration:none;cursor:pointer;white-space:normal}
#erps-rutas.errut button{background:#f4cf36;color:#202630;border-color:#d1ae22}#erps-rutas.errut button:disabled{opacity:.7;cursor:wait}
#erps-rutas.errut :focus-visible{outline:3px solid #2366ab;outline-offset:3px}
#erps-rutas.errut .errut-edit{margin-top:10px;background:#edf2fa}
#erps-rutas.errut .errut-feedback:empty{display:none}
@media(max-width:620px){#erps-rutas.errut{padding:15px;border-radius:12px}#erps-rutas.errut .errut-grid{grid-template-columns:1fr}#erps-rutas.errut .errut-overview{padding:10px}#erps-rutas.errut .errut-segment{padding:14px}}

/* Desktop homepage: river sets the height; routes scroll inside their own card. */
#erps-rutas.errut .errut-scroll-hint{display:none}
@media(min-width:901px){
 .er-alertas-river-pair-parent:has(>#erps-rutas.errut)>#erps-rio-colorado{align-self:start!important;height:auto!important}
 .er-alertas-river-pair-parent:has(>#erps-rutas.errut)>#erps-rio-colorado>.era,
 .er-alertas-river-pair-parent:has(>#erps-rutas.errut)>#erps-rio-colorado .era-river{height:auto!important}
 .er-alertas-river-pair-parent>#erps-rutas.errut{height:var(--errut-paired-height,640px)!important;min-height:0!important;align-self:start;display:flex!important;flex-direction:column;padding:18px;overflow:hidden}
 .er-alertas-river-pair-parent>#erps-rutas.errut .errut-heading{flex:none;margin-bottom:8px}
 .er-alertas-river-pair-parent>#erps-rutas.errut .errut-heading h2{font-size:25px}
 .er-alertas-river-pair-parent>#erps-rutas.errut .errut-heading p{margin:5px 0;font-size:13px}
 .er-alertas-river-pair-parent>#erps-rutas.errut .errut-live{display:flex;flex-direction:column;flex:1;min-height:0}
 .er-alertas-river-pair-parent>#erps-rutas.errut .errut-overview{flex:none;padding:8px;margin:0 0 6px}
 .er-alertas-river-pair-parent>#erps-rutas.errut .errut-scroll-hint{display:block;flex:none;margin:0 0 7px;font-size:12px;font-weight:700;color:#536170}
 .er-alertas-river-pair-parent>#erps-rutas.errut .errut-grid{display:block;flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#738295 #eef1f4;padding:3px 7px 3px 3px}
 .er-alertas-river-pair-parent>#erps-rutas.errut .errut-route{margin-bottom:12px}
 .er-alertas-river-pair-parent>#erps-rutas.errut .errut-route:last-child{margin-bottom:0}
 .er-alertas-river-pair-parent>#erps-rutas.errut .errut-route>header{padding:10px 12px}
 .er-alertas-river-pair-parent>#erps-rutas.errut .errut-segment{padding:12px}
 .er-alertas-river-pair-parent>#erps-rutas.errut .errut-footer{flex:none;margin-top:8px;padding-top:6px}
 .er-alertas-river-pair-parent>#erps-rutas.errut .errut-footer>p{font-size:11px;line-height:1.35;margin:6px 0}
 .er-alertas-river-pair-parent>#erps-rutas.errut .errut-actions{gap:5px}
 .er-alertas-river-pair-parent>#erps-rutas.errut .errut-actions a,
 .er-alertas-river-pair-parent>#erps-rutas.errut .errut-actions button{font-size:11px;min-height:34px;padding:7px 9px}
}