:root { color-scheme: light; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #17242b; background: #f2f6f7; }
body { margin: 0; } header { display: flex; justify-content: space-between; align-items: center; padding: 18px max(24px, calc((100vw - 1100px)/2)); color: white; background: #096f8d; } h1, header p { margin: 0; } header p { margin-top: 4px; opacity: .85; }
main { max-width: 1100px; margin: 25px auto; padding: 0 20px; }.box { max-width: 380px; margin: 70px auto; padding: 25px; border-radius: 12px; background: white; box-shadow: 0 7px 28px #16343e22; }
label { display: block; margin-bottom: 14px; font-weight: 700; } input { box-sizing: border-box; width: 100%; margin-top: 5px; padding: 11px; border: 1px solid #abbac0; border-radius: 7px; font: inherit; } button { padding: 10px 15px; border: 0; border-radius: 7px; cursor: pointer; color: white; background: #096f8d; font-weight: 700; }
.filters { display: flex; align-items: center; gap: 15px; margin-bottom: 18px; }.filters input { margin: 0; flex: 1; background: white; }.filters span { white-space: nowrap; color: #60747d; }
.process { margin-bottom: 25px; }.process h2 { margin-bottom: 5px; font-size: 17px; }.process-parties { margin: 0 0 12px; color: #51666f; font-size: 13px; }.note { margin-bottom: 10px; padding: 15px; border-radius: 9px; border-left: 7px solid var(--color); background: white; box-shadow: 0 2px 7px #16343e13; }.note h3 { margin: 0 0 6px; font-size: 15px; }.note p { white-space: pre-wrap; overflow-wrap: anywhere; }.note small { color: #687b83; }
.event-movement { margin-bottom: 4px; font-weight: 700; color: #2d4149; }.event-documents { margin-bottom: 9px; color: #5d7078; font-size: 12px; }