:root{
  --navy:#0b3158;
  --navy2:#0e527f;
  --teal:#0aa6a6;
  --green:#19a65a;
  --amber:#d58a00;
  --red:#c53b3b;
  --bg:#f4f7fa;
  --card:#ffffff;
  --text:#203044;
  --muted:#6b7b8b;
  --line:#dbe5ee;
  --soft-blue:#eaf3fb;
  --soft-green:#e8f7ee;
  --soft-amber:#fff5df;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Segoe UI,Arial,Helvetica,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
}
.sitebar{
  background:linear-gradient(135deg,var(--navy),var(--navy2));
  color:#fff;
  border-bottom:4px solid var(--teal);
}
.sitebar .wrap{
  max-width:1040px;
  margin:auto;
  padding:28px 22px 24px;
}
.kicker{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
  opacity:.82;
  font-weight:700;
}
h1{margin:5px 0 4px;font-size:32px;line-height:1.2}
.subtitle{opacity:.92}
main{max-width:1040px;margin:0 auto;padding:26px 22px 56px}
.toolbar{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  margin-bottom:18px;flex-wrap:wrap;
}
.back{
  text-decoration:none;color:var(--navy);font-weight:650;
}
.version{
  color:var(--muted);font-size:13px;
}
.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:14px;
  padding:24px 26px;
  margin:16px 0;
  box-shadow:0 3px 12px rgba(15,49,88,.05);
}
.summary{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:16px;
}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}
.badge{
  display:inline-flex;align-items:center;gap:6px;
  border-radius:999px;padding:6px 10px;
  font-size:12px;font-weight:700;
}
.badge.green{background:var(--soft-green);color:#137a43}
.badge.blue{background:var(--soft-blue);color:#0b5f9b}
.badge.amber{background:var(--soft-amber);color:#8a5b00}
.badge.gray{background:#eef2f5;color:#536270}
h2{
  color:var(--navy);
  margin:0 0 12px;
  font-size:21px;
}
h3{
  color:var(--navy);
  margin:20px 0 7px;
  font-size:16px;
}
p{margin:8px 0}
ul{margin:8px 0 0 20px;padding:0}
li{margin:5px 0}
code{
  background:#eef3f7;
  padding:2px 6px;
  border-radius:5px;
  font-family:Consolas,Monaco,monospace;
  font-size:.94em;
}
.notice{
  border-left:4px solid var(--teal);
  background:#eefafa;
  padding:13px 15px;
  border-radius:8px;
  margin:14px 0;
}
.notice.good{border-left-color:var(--green);background:#eff9f4}
.notice.warn{border-left-color:var(--amber);background:#fff8e8}
table{
  width:100%;
  border-collapse:collapse;
  margin-top:10px;
}
th,td{
  padding:11px 12px;
  border-bottom:1px solid var(--line);
  text-align:left;
  vertical-align:top;
}
th{background:#edf4f9;color:var(--navy)}
a{color:#0879bd}
.footer{
  color:var(--muted);
  font-size:13px;
  text-align:center;
  margin:28px 0 0;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.meta-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.meta{
  border:1px solid var(--line);
  border-radius:10px;
  padding:12px 14px;
  background:#fbfdff;
}
.meta strong{display:block;color:var(--navy);margin-bottom:3px}
@media(max-width:720px){
  h1{font-size:27px}
  .sitebar .wrap,main{padding-left:14px;padding-right:14px}
  .card{padding:20px}
  .meta-grid{grid-template-columns:1fr}
}