:root{
  --bg:#120E0D; --card:#1E1716; --line:#332825;
  --ink:#F3E9E0; --muted:#9C8C82; --zlato:#C79A63; --zlato-svetlo:#E0B87E;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
main{max-width:760px; margin:0 auto; padding:40px 22px 72px}
a{color:var(--zlato-svetlo)}
h1{font-size:30px; line-height:1.25; margin:0 0 6px; letter-spacing:-.4px}
h1.veliki{font-size:44px; font-weight:300; margin-bottom:14px}
h1.veliki span{color:var(--zlato); font-weight:600}
h2{font-size:20px; margin:38px 0 10px; color:var(--zlato-svetlo); font-weight:600}
h3{font-size:16px; margin:0 0 6px; color:var(--zlato-svetlo)}
p,li{color:#DCCFC5}
.natpis{margin:0 0 26px; letter-spacing:2px; text-transform:uppercase; font-size:12px}
.natpis a{color:var(--muted); text-decoration:none}
.datum{color:var(--muted); font-size:14px; margin:0 0 26px}
.uvod{font-size:18px; color:#E6DAD1; max-width:60ch}
.kartice{display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); margin:30px 0}
.kartice section{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:18px}
.kartice p{font-size:14.5px; margin:0; color:var(--muted)}
table{width:100%; border-collapse:collapse; margin:14px 0; font-size:15px; display:block; overflow-x:auto}
th,td{border:1px solid var(--line); padding:10px 12px; text-align:left; vertical-align:top}
th{background:var(--card); color:var(--zlato-svetlo); font-weight:600}
code{background:var(--card); border:1px solid var(--line); padding:1px 6px; border-radius:5px; font-size:14px}
footer{margin-top:48px; padding-top:18px; border-top:1px solid var(--line); font-size:14px}
footer p{color:var(--muted)}