:root{
  --bg: #ffffff;
  --card: #fbfdff;
  --text: #14212a;
  --muted: #556b78;
  --accent: #0b61a4;
  --max-width: 980px;
  --radius: 10px;
  --gap: 18px;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

*{box-sizing:border-box}
html,body{height:100%; margin:0; background:var(--bg); color:var(--text); -webkit-font-smoothing:antialiased;}
.wrapper{max-width:var(--max-width); margin:28px auto; padding:28px; background:linear-gradient(180deg, rgba(11,97,164,0.02), transparent); border-radius:var(--radius); border:1px solid rgba(11,97,164,0.06);}
.site-header .header-inner{display:flex; gap:16px; align-items:center;}
.logo{width:180px; height:auto; display:block; border-radius:4px;}
.title-block h1{margin:0; font-family:"Roboto Slab", serif; font-size:1.6rem;}
.title-block .subtitle{margin:6px 0 0; color:var(--muted); font-size:0.95rem;}

.toc{margin:20px 0; padding:14px; background:rgba(11,97,164,0.03); border-radius:8px; border:1px solid rgba(11,97,164,0.04)}
.toc strong{display:block; margin-bottom:8px;}
.toc ul{margin:0; padding-left:18px}
.toc a{color:var(--accent); text-decoration:none; font-weight:600; font-size:0.95rem;}
.toc a:hover{text-decoration:underline}

.card{background:var(--card); padding:18px; border-radius:8px; margin-bottom:14px; border:1px solid rgba(11,97,164,0.04)}
.card h2{margin-top:0; font-size:1.05rem; color:var(--text)}
.card h3{margin:12px 0 6px; font-size:1rem}
.card p{margin:8px 0; color:var(--text); line-height:1.55}
.bulleted{margin-left:18px; color:var(--text)}
.bulleted li{margin-bottom:8px}

.dpo{display:flex; gap:18px; align-items:flex-start; margin-top:12px}
.dpo-contact{background:rgba(11,97,164,0.03); padding:12px; border-radius:6px; border:1px solid rgba(11,97,164,0.04); min-width:220px}
.dpo-contact a{color:var(--accent); text-decoration:none}

.site-footer{margin-top:20px; border-top:1px solid rgba(11,97,164,0.04); padding-top:12px; text-align:center; color:var(--muted); font-size:0.95rem}

@media (max-width:820px){
  .logo{width:130px}
  .dpo{flex-direction:column}
  .wrapper{padding:18px; margin:12px}
}

@media print{
  body{background:white; color:black}
  .wrapper{box-shadow:none; border:none; max-width:100%}
  .toc, .site-footer{display:none}
}