/* Rehabilitációs Szemle — report / whitepaper stylesheet */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:#eef0f3;color:#1b2430;
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,system-ui,sans-serif;
  font-size:17px;line-height:1.66;font-feature-settings:"tnum" 1;
}
.sheet{max-width:960px;margin:0 auto;background:#fff;box-shadow:0 0 0 1px rgba(18,38,63,.09),0 18px 46px -28px rgba(18,38,63,.5)}
.pad{padding:0 clamp(20px,5vw,64px)}

/* ---------- report cover header ---------- */
.cover{background:#12263f;color:#fff;padding:34px clamp(20px,5vw,64px) 30px;border-bottom:5px solid #0d7377}
.cover .meta{display:flex;flex-wrap:wrap;gap:6px 26px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#8fa6c0;margin-bottom:22px}
.cover .org{font-size:15px;font-weight:600;letter-spacing:.02em;margin:0 0 6px}
.cover .org a{color:#fff;text-decoration:none}
.cover .rule{width:54px;height:3px;background:#0d7377;margin:14px 0 16px}
.cover h1{margin:0;font-size:clamp(25px,4.4vw,39px);line-height:1.2;font-weight:650;letter-spacing:-.01em;max-width:22ch}
.cover .sub{margin:14px 0 0;color:#c3d2e3;font-size:18px;line-height:1.5;max-width:60ch;font-weight:400}

/* ---------- nav ---------- */
nav.report{background:#1b3554;border-bottom:1px solid rgba(255,255,255,.12)}
nav.report ul{list-style:none;margin:0;padding:0 clamp(20px,5vw,64px);display:flex;flex-wrap:wrap;gap:0 26px;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase}
nav.report a{display:inline-block;padding:12px 0;color:#c3d2e3;text-decoration:none;border-bottom:3px solid transparent}
nav.report a:hover,nav.report a[aria-current="page"]{color:#fff;border-bottom-color:#0d7377}

/* ---------- doc body ---------- */
main{padding:36px 0 8px}
.docmeta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;border:1px solid #d7dce3;margin-bottom:34px}
.docmeta div{padding:13px 16px;border-right:1px solid #d7dce3}
.docmeta div:last-child{border-right:0}
.docmeta dt{font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:#6b7a8d;margin:0 0 4px}
.docmeta dd{margin:0;font-size:15px;font-weight:600}

.summary{border:1px solid #12263f;border-left:6px solid #0d7377;background:#f7f9fb;padding:22px 24px;margin:0 0 36px}
.summary h2{margin:0 0 12px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#12263f}
.summary ul{margin:0;padding-left:19px}
.summary li{margin-bottom:8px}
.summary li:last-child{margin-bottom:0}

.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:#d7dce3;border:1px solid #d7dce3;margin:32px 0}
.stats div{background:#fff;padding:20px 18px}
.stats .n{display:block;font-size:33px;line-height:1.05;font-weight:700;color:#0d7377;letter-spacing:-.02em}
.stats .l{display:block;margin-top:7px;font-size:13.5px;color:#4a5a6e;line-height:1.45}

article h2{margin:44px 0 12px;font-size:23px;line-height:1.3;font-weight:650;color:#12263f;padding-bottom:9px;border-bottom:2px solid #12263f}
article h2 .num{color:#0d7377;margin-right:10px;font-variant-numeric:tabular-nums}
article h3{margin:28px 0 8px;font-size:18px;font-weight:650;color:#1b3554}
article p{max-width:74ch}
article ul,article ol{max-width:72ch;padding-left:21px}
article li{margin-bottom:8px}
article a{color:#0d6d70}

figure{margin:30px 0}
figcaption{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#6b7a8d;margin-bottom:9px}
table{width:100%;border-collapse:collapse;font-size:15.5px;border:1px solid #d7dce3}
th,td{padding:11px 13px;text-align:left;vertical-align:top;border-bottom:1px solid #e4e8ee}
thead th{background:#12263f;color:#fff;font-size:12px;letter-spacing:.07em;text-transform:uppercase;border-bottom:0}
tbody tr:nth-child(even){background:#f7f9fb}

.note{border:1px solid #d7dce3;border-top:4px solid #b45309;background:#fffaf3;padding:18px 20px;margin:30px 0}
.note h3{margin:0 0 8px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#8a4c07}
.note p:last-child,.note ul:last-child{margin-bottom:0}

.callout{background:#12263f;color:#dbe6f2;padding:24px 26px;margin:34px 0;font-size:19px;line-height:1.5;border-left:6px solid #0d7377}
.callout strong{color:#fff}

.refs{background:#f4f6f9;border-top:2px solid #12263f;padding:22px 24px;margin-top:42px;font-size:15px}
.refs h2{margin:0 0 10px;border:0;padding:0;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#12263f}
.refs ol{margin:0;padding-left:20px}
.refs li{margin-bottom:7px}

.disclaimer{border:1px dashed #9aa7b6;padding:16px 18px;margin-top:26px;font-size:14.5px;color:#4a5a6e;background:#fbfcfd}

.further{border-top:2px solid #12263f;margin-top:44px;padding-top:22px}
.further h2{border:0;padding:0;margin:0 0 16px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#12263f}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.grid3 a.card{display:block;border:1px solid #d7dce3;border-top:4px solid #0d7377;padding:17px 18px;text-decoration:none;color:inherit;background:#fff}
.grid3 a.card:hover{border-color:#0d7377;background:#f7fbfb}
.grid3 .tag{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#0d7377;display:block;margin-bottom:7px}
.grid3 h3{margin:0 0 7px;font-size:17px;line-height:1.3;color:#12263f}
.grid3 p{margin:0;font-size:14.5px;color:#4a5a6e}

footer{background:#12263f;color:#a8bcd3;margin-top:0;padding:32px clamp(20px,5vw,64px) 38px;font-size:14.5px}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px}
footer h2{color:#fff;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 11px}
footer ul{list-style:none;margin:0;padding:0}
footer li{margin-bottom:7px}
footer a{color:#c3d2e3}
.colophon{margin-top:26px;padding-top:14px;border-top:1px solid rgba(255,255,255,.15);font-size:13px;color:#8fa6c0}

@media(max-width:640px){
  body{font-size:16px}
  .docmeta div{border-right:0;border-bottom:1px solid #d7dce3}
  .docmeta div:last-child{border-bottom:0}
}