:root{
  --ink:#1c1812;--paper:#f6f0e4;--rule:#d9ceba;--muted:#6d6256;
  --copper:#8a7046;--btn:#1c5c86;--navy:#081018
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--navy);color:var(--ink);font:16px/1.65 Georgia,"Times New Roman",serif}
.stage{max-width:780px;margin:28px auto 72px;padding:0 16px}
.banner{
  margin:0 0 14px;padding:12px 14px;background:#efe6d4;border-left:4px solid var(--copper);
  font-family:system-ui,sans-serif;font-size:14px;color:#433b32
}
.back{font-family:system-ui,sans-serif;margin:0 0 16px}
.book{
  background:var(--paper);padding:48px 52px 56px;border-radius:4px 18px 18px 4px;
  box-shadow:14px 18px 0 #04070b;position:relative
}
.book:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:10px;
  background:linear-gradient(#e2b48a,#c47a4a);border-radius:4px 0 0 4px
}
.cover-mark{width:72px;height:72px;border-radius:16px;margin:0 0 20px;box-shadow:0 0 0 1px #d8cebc}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;font-family:system-ui,sans-serif;font-size:12px}
.tabs a{
  padding:6px 10px;border:1px solid var(--rule);border-radius:999px;
  color:var(--copper);text-decoration:none
}
.page{display:block}
h1{margin:0 0 8px;font-size:32px;letter-spacing:-.02em}
h2{margin:32px 0 10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--copper);border-top:1px solid var(--rule);padding-top:16px}
h3{margin:0 0 6px;font-size:18px}
p,li{color:#2d281f}
.meta{margin:0 0 22px;color:var(--muted);font-family:system-ui,sans-serif;font-size:14px}
.buy{
  display:inline-block;margin-top:10px;padding:11px 16px;background:var(--btn);color:#fff;
  text-decoration:none;border-radius:8px;font-family:system-ui,sans-serif;font-weight:700
}
table{width:100%;border-collapse:collapse;font-size:14px;font-family:system-ui,sans-serif;margin:8px 0 4px}
th,td{border-bottom:1px solid var(--rule);padding:8px 6px;text-align:left;vertical-align:top}
.finding{border-bottom:1px solid var(--rule);padding:0 0 14px;margin:0 0 14px}
.sev{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;font-family:system-ui,sans-serif}
.sev-h{background:#f3d0c8;color:#7a2e22}
.sev-m{background:#f3e4c0;color:#6a4e12}
.sev-l{background:#d4eadf;color:#215744}
.chart{margin:12px 0 4px;font-family:system-ui,sans-serif}
.bar-row{display:grid;grid-template-columns:110px 1fr 36px;gap:8px;align-items:center;margin:0 0 8px;font-size:13px}
.bar-row i{display:block;height:10px;border-radius:99px;background:#c47a4a}
.bar-row i.teal{background:#2aa8a0}
.bar-row i.ok{background:#6aa37a}
.brandline{margin:0 0 8px;font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--copper)}
footer{margin-top:32px;font-size:13px;color:var(--muted);font-family:system-ui,sans-serif;border-top:1px solid var(--rule);padding-top:14px}
a{color:var(--btn)}
@media(max-width:700px){.book{padding:26px 18px 36px}h1{font-size:26px}}