:root { --bg:#f4f8fc; --card:#fff; --text:#18273c; --line:#d7e2ef; --primary:#00408f; }
* { box-sizing:border-box; }
body { margin:0; font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif; color:var(--text); background:var(--bg); }
.top-float { position:sticky; top:0; z-index:1000; background:#fff; border-bottom:1px solid var(--line); }
#nav { max-width:1160px; margin:0 auto; padding:0 14px; display:flex; justify-content:center; }
#nav > * { margin:0 auto; }
.top-actions { border-top:1px solid #edf2f8; }
.top-actions-inner { max-width:1160px; margin:0 auto; padding:6px 14px 8px; display:flex; justify-content:flex-end; }
.lang-link { display:inline-block; border:1px solid var(--line); border-radius:999px; padding:4px 12px; font-size:.88rem; background:#f7fbff; }
.page { max-width:1160px; margin:18px auto 36px; padding:0 14px; }
.hero, .card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:18px; }
.hero h1 { margin:0 0 8px; color:var(--primary); font-size:clamp(1.25rem,2.6vw,1.95rem); line-height:1.35; }
.hero p { margin:8px 0; line-height:1.75; }
.card { margin-top:16px; overflow:auto; }
.legacy { line-height:1.8; }
.legacy table { max-width:100%; width:100% !important; border-collapse:collapse; }
.legacy td, .legacy th, .legacy p, .legacy h1, .legacy h2, .legacy h3 { overflow-wrap:anywhere; word-break:break-word; }
.legacy img { max-width:100%; height:auto; }
a { color:var(--primary); text-decoration:none; border-bottom:1px solid transparent; transition:border-color .2s ease; }
a:hover { border-bottom-color:var(--primary); }
@media (max-width: 900px) {
  .page { margin:10px auto 20px; padding:0 10px; }
  .hero, .card { border-radius:10px; padding:14px; }
  body { font-size:14px; }
    #nav { padding:0 10px; }
    .top-actions-inner { padding:6px 10px 8px; }
}
@media (max-width: 520px) {
  body { font-size:13px; }
  .hero h1 { font-size:1.2rem; }
}