/* Maison Proof · cjenik (objava cjenika). Samo sistemski fontovi, bez slika i
   vanjskih resursa; stranica ima strogi CSP (style-src 'self'). */
:root{--paper:#F2EFE7;--ink:#1C1813;--muted:#5B5346;--gold:#8A6A2E;--hair:rgba(28,24,19,.18)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
main{max-width:920px;margin:0 auto;padding:40px 16px 56px}
a{color:inherit;text-decoration-color:var(--gold);text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.2;margin:0}
h1{font-size:clamp(28px,5vw,40px);margin-top:10px}
h2{font-size:22px;margin:40px 0 12px;padding-top:18px;border-top:1px solid var(--hair)}
p{margin:0 0 12px;max-width:68ch}
ul{margin:0 0 12px;padding-left:20px;max-width:68ch}
li{margin:0 0 6px}
.house{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0}
.house a{text-decoration:none}
.lede{color:var(--muted);margin-top:14px}

table{width:100%;border-collapse:collapse;margin-top:22px;font-variant-numeric:tabular-nums}
caption{text-align:left;color:var(--muted);font-size:14px;padding-bottom:8px}
th,td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--hair)}
thead th{font-size:13px;font-weight:600;color:var(--muted);border-bottom-color:var(--ink)}
thead th span{display:block;font-weight:400}
tbody th{font-weight:600}
td.num{text-align:right;white-space:nowrap}

.files li{overflow-wrap:anywhere}
.files .meta{color:var(--muted)}
.fm p.addr{line-height:1.5}
.fm strong{font-weight:600}
footer{margin-top:44px;padding-top:18px;border-top:1px solid var(--hair);font-size:14px;color:var(--muted)}
footer a{margin-right:18px}

/* uski zaslon: svaki redak tablice je kartica, oznaka stupca ispred vrijednosti */
@media (max-width:700px){
  thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  table,caption,tbody,tr,th,td{display:block}
  tbody tr{padding:12px 0;border-bottom:1px solid var(--hair)}
  tbody th{border:0;padding:0 0 6px;font-size:18px}
  td{border:0;padding:3px 0;display:flex;justify-content:space-between;gap:16px}
  td.num{text-align:right}
  td::before{content:attr(data-label);color:var(--muted);text-align:left;white-space:normal}
}
