:root{--navy:#071d35;--gold:#b78a35;--paper:#f8f6f1;--ink:#0d1d31}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#ece9e2;color:var(--ink);font-family:Georgia,'Times New Roman',serif}
header{position:sticky;top:0;z-index:10;background:rgba(7,29,53,.96);color:#fff;border-bottom:2px solid var(--gold);box-shadow:0 4px 14px rgba(0,0,0,.18)}
.header-inner{max-width:1180px;margin:auto;padding:12px 20px;display:flex;gap:18px;align-items:center;justify-content:space-between}
.brand{font-size:18px;letter-spacing:.06em;text-transform:uppercase}
nav{display:flex;gap:10px;flex-wrap:wrap}
nav a{color:#fff;text-decoration:none;padding:7px 10px;border:1px solid rgba(255,255,255,.25);border-radius:4px;font-family:Arial,sans-serif;font-size:13px}
nav a:hover{border-color:var(--gold);color:#f1d59a}
main{max-width:1180px;margin:28px auto 60px;padding:0 18px}
.intro{background:var(--paper);padding:20px 24px;border-top:3px solid var(--gold);box-shadow:0 5px 22px rgba(0,0,0,.12);margin-bottom:24px}
.intro h1{margin:.1em 0 .25em;font-weight:500;letter-spacing:.03em}
.intro p{margin:.35em 0;font-family:Arial,sans-serif;line-height:1.55}
.page{background:#fff;margin:0 auto 30px;box-shadow:0 8px 30px rgba(0,0,0,.18);border:1px solid #d9d2c3;max-width:1055px}
.page img{display:block;width:100%;height:auto}
.caption{padding:10px 14px 12px;background:#fff;font-family:Arial,sans-serif;font-size:13px;color:#4d4d4d;border-top:1px solid #ddd}
footer{background:var(--navy);color:#fff;text-align:center;padding:18px;font-family:Arial,sans-serif;font-size:12px;border-top:2px solid var(--gold)}
@media(max-width:720px){.header-inner{display:block}.brand{margin-bottom:9px}.intro{padding:16px}.page{margin-bottom:18px}}
@media print{header,.intro,footer,.caption{display:none}body{background:#fff}.page{box-shadow:none;border:0;page-break-after:always;margin:0;max-width:none}.page img{width:100%}}