:root{--blue:#0B5CAB;--dark:#0a1f33;--bg:#f6f8fb;}*{box-sizing:border-box;}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);margin:0;color:var(--dark)}header,footer{background:var(--blue);color:#000}.container{max-width:1100px;margin:24px auto;padding:24px;border-radius:16px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06)}.topbar{background:var(--blue);color:#fff;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:2px solid rgba(0,0,0,.06)}.topbar strong{color:#fff}.topbar nav a{margin-right:14px;color:#fff;text-decoration:none;padding:6px 8px;border-radius:8px}.topbar nav a:hover,.topbar nav a:focus{background:rgba(255,255,255,.12);outline-offset:2px}.search label{color:#e6eef7}.search input[type="search"]{padding:6px 8px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:rgba(255,255,255,.15);color:#fff}.search input::placeholder{color:#e6eef7}h1,h2,h3{line-height:1.2;color:var(--dark)}table{border-collapse:collapse;width:100%;margin:12px 0;background:#fff;border:1px solid #e7e9ee;border-radius:12px;overflow:hidden}th,td{border:1px solid #e7e9ee;padding:10px;vertical-align:top}.badge{display:inline-block;background:#eef5ff;border:1px solid #d3e4ff;color:#174274;padding:2px 8px;border-radius:999px;font-size:.8rem}.cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{border:1px solid #e7e9ee;border-radius:12px;padding:12px;background:#fbfdff}footer .tiny{font-size:.85rem;color:#000;padding:12px 16px;border-top:1px solid rgba(0,0,0,.2)}a{color:#0b61d6}a:focus{outline:2px solid #7fb3ff;outline-offset:2px}blockquote{font-style:italic;border-left:3px solid #e7e9ee;margin:0;padding:10px 14px;background:#fff} footer a{color:#000;text-decoration:underline} footer a:hover{opacity:.85} .multi{columns:2;gap:16px} @media(max-width:700px){.multi{columns:1}}

/* ===== v1_17 scoped fixes (do not remove) ===== */

/* Layout containers */
header, footer { background: var(--blue); }

/* Header: keep nav legible and spaced */
header { padding: 10px 0; }
header .wrap, footer .wrap { max-width: 1100px; margin: 0 auto; padding: 0 16px; }
header nav { display: block; margin: 4px 0 8px 0; }
header nav a { color: #fff; text-decoration: none; margin-right: 14px; line-height: 1.6; }
header nav a:focus, header nav a:hover { text-decoration: underline; }
header .search { display: inline-flex; align-items: center; gap: 8px; }
header .search label { color: #fff; font-weight: 600; }
header .search input[type="search"] { height: 28px; padding: 4px 8px; border-radius: 4px; border: 1px solid rgba(0,0,0,.25); background: #fff; color: #111; }

/* Footer: WHITE text & links; small stamp style */
footer { color: #fff; }
footer .tiny { color: #fff; font-size: .85rem; padding: 10px 16px; border-top: 1px solid rgba(255,255,255,.25); }
footer a { color: #fff; text-decoration: underline; }
footer a:hover { opacity: .9; }
footer .sitemap { display: inline; }

/* Main container spacing */
main.container { max-width: 1100px; margin: 0 auto; padding: 20px 16px 40px 16px; background: var(--paper, #f3f6fa); box-shadow: 0 2px 10px rgba(0,0,0,.06); }

/* Cards and tables remain readable */
.card { background: #fff; border-radius: 8px; padding: 14px 16px; margin: 14px 0; box-shadow: 0 1px 6px rgba(0,0,0,.06); }
.tablewrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { border-bottom: 1px solid rgba(0,0,0,.08); padding: 8px 10px; text-align: left; }
th { background: #fafbff; }

/* Ensure badges are unobtrusive and readable */
.badge { display: inline-block; background: #eef3ff; color: #0a3a8f; padding: 6px 10px; border-radius: 6px; margin: 8px 0; }