:root {
  color-scheme: light;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --navy:#153b67; --blue:#2468a4; --text:#223246; --muted:#5c7085; --border:#c7d8e9; --bg:#e9f4ff;
}
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body { margin:0; min-height:100vh; color:var(--text); background:linear-gradient(180deg,#d4ecfc,#f5fbff 400px,#eaf5ff); font-size:16px; line-height:1.65; }
a { color:#075ca6; text-underline-offset:3px; }
a:hover { color:#034078; }
a:focus-visible { outline:3px solid #005dab; outline-offset:4px; }
.header { background:linear-gradient(180deg,#f9fdff,#c8e3f7); border-bottom:1px solid #9fc4e3; }
.head-inner { max-width:900px; margin:auto; padding:15px 20px; display:flex; justify-content:space-between; gap:14px; align-items:center; flex-wrap:wrap; }
.brand { color:#133f6e; text-decoration:none; display:flex; align-items:center; gap:10px; font-size:1.15rem; font-weight:700; }
.brand img { width:36px; height:36px; border-radius:8px; }
.nav { display:flex; flex-wrap:wrap; align-items:center; gap:9px 17px; font-size:.94rem; }
.nav a { text-decoration:none; font-weight:600; }
.nav a[aria-current="page"] { text-decoration:underline; }
.wrap { max-width:900px; margin:26px auto 50px; padding:0 18px; }
.document { background:#fff; border:1px solid var(--border); border-radius:12px; box-shadow:0 10px 24px #205a8417; overflow:hidden; }
.document-title { padding:26px 29px 24px; background:linear-gradient(145deg,#f6fcff,#e4f3fd); border-bottom:1px solid var(--border); }
.eyebrow { font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; font-weight:700; color:#356c99; margin:0 0 9px; }
h1 { color:#14395e; line-height:1.2; font-size:clamp(1.6rem,5vw,2.3rem); margin:0 0 10px; }
.updated { margin:0; color:var(--muted); font-size:.91rem; }
article { padding:20px 30px 36px; }
.intro { border-left:4px solid #277cbd; background:#f1f8ff; padding:14px 16px; border-radius:0 8px 8px 0; margin:4px 0 22px; }
h2 { margin:27px 0 8px; color:#144e7a; font-size:1.18rem; line-height:1.3; }
p { margin:9px 0 13px; }
ul { padding-left:23px; margin:9px 0 15px; }
li { margin:6px 0; }
.footer { text-align:center; color:#506c83; font-size:.9rem; padding:0 20px 30px; }
.footer a { margin:0 8px; }
.note { font-size:.92rem; color:#486276; }
@media(max-width:600px) {
  .head-inner { padding:12px 15px; }
  .wrap { margin:12px auto 35px; padding:0 9px; }
  .document-title { padding:23px 17px; }
  article { padding:16px 17px 27px; }
  .nav { gap:6px 12px; }
}