/* Shared styling for the legal pages (/oferta, /politika). Light, readable, on-brand. */
:root{
  --slate-900:#0f172a; --slate-700:#334155; --slate-600:#475569; --slate-500:#64748b;
  --slate-300:#cbd5e1; --slate-100:#f1f5f9; --slate-50:#f8fafc; --emerald:#059669; --amber:#b45309;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--slate-700);background:var(--slate-50);-webkit-font-smoothing:antialiased}
.legal-header{background:#fff;border-bottom:1px solid var(--slate-100);padding:16px 0}
.legal-header .container{display:flex;align-items:center;justify-content:space-between}
.container{max-width:820px;margin:0 auto;padding:0 24px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--slate-900);text-decoration:none;font-weight:700;font-size:18px}
.brand .mark{width:30px;height:30px;border-radius:8px}
.brand b{color:var(--emerald)}
.back{color:var(--slate-500);text-decoration:none;font-size:14.5px}
.back:hover{color:var(--emerald)}
main.container{padding-top:40px;padding-bottom:64px}
.draft-note{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:12px;
  padding:14px 18px;font-size:14px;margin-bottom:28px}
h1{color:var(--slate-900);font-size:28px;line-height:1.25;margin-bottom:6px;letter-spacing:-.01em}
.meta{color:var(--slate-500);font-size:14px;margin-bottom:32px}
h2{color:var(--slate-900);font-size:19px;margin:32px 0 12px;letter-spacing:-.01em}
h3{color:var(--slate-900);font-size:16px;margin:20px 0 8px;font-weight:700}
p{margin:0 0 12px}
ul,ol{margin:0 0 14px 22px}
li{margin-bottom:6px}
a{color:var(--emerald)}
.legal-table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:14.5px}
.legal-table td{border:1px solid var(--slate-100);padding:8px 12px;vertical-align:top}
.legal-table td:first-child{color:var(--slate-600);width:42%}
.legal-footer{border-top:1px solid var(--slate-100);margin-top:40px;padding-top:22px;
  font-size:13.5px;color:var(--slate-500)}
.legal-footer a{color:var(--slate-600)}
@media(max-width:560px){h1{font-size:24px}.container{padding:0 18px}}