*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#15202c;--brass:#b8944a;--paper:#f6f1e8;--ink:#1c1814;--muted:#5c564c}
html{scroll-behavior:smooth}
body{font-family:Georgia,"Times New Roman",serif;background:#cfc6b6;color:var(--ink);line-height:1.8;font-size:17.5px}
a{color:#7a5a22}
.folio{max-width:900px;margin:0 auto;background:var(--paper);min-height:100vh;box-shadow:0 0 0 1px #c4b89a}
.mast{background:var(--navy);color:#f6f1e8;padding:22px 28px 16px;border-bottom:4px solid var(--brass)}
.brand{color:#f6f1e8;text-decoration:none;letter-spacing:.2em;text-transform:uppercase;font-size:.78rem;font-family:"Segoe UI",Tahoma,sans-serif;font-weight:700}
.mast p{opacity:.7;font-size:.92rem;margin-top:6px}
.keys{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid #ddd4c4;background:#efe8dc}
.keys a{flex:1;min-width:120px;text-align:center;padding:12px 8px;text-decoration:none;color:var(--navy);font-family:"Segoe UI",Tahoma,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-right:1px solid #ddd4c4}
.keys a.active{background:var(--navy);color:var(--brass)}
.burger{display:none;margin:10px 20px;background:var(--navy);color:#fff;border:0;padding:8px 12px;cursor:pointer}
.page{padding:30px 34px 48px}
.k{font-family:"Segoe UI",Tahoma,sans-serif;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:8px}
h1{font-size:clamp(1.8rem,4vw,2.55rem);line-height:1.15;margin:0 0 12px}
h2{font-size:1.25rem;margin:24px 0 10px}
h3{font-size:1.05rem;margin:16px 0 8px}
.lead{color:var(--muted);font-size:1.1rem;margin-bottom:16px}
p,li{color:#3a342c;margin:0 0 12px}
ul{margin:0 0 14px 1.2em}
.pic{display:block;width:100%;height:auto;margin:10px 0 6px}
.cap{font-size:.84rem;color:#7a7268;margin:0 0 20px;font-style:italic}
.note{margin-top:22px;padding-top:14px;border-top:1px solid var(--brass);font-size:.92rem;color:var(--muted)}
.foot{padding:0 34px 24px;font-size:.78rem;color:#7a7268;font-family:"Segoe UI",Tahoma,sans-serif}
@media(max-width:760px){
  .keys{display:none}
  .keys.open{display:flex}
  .burger{display:inline-block}
  .page{padding:20px 16px 36px}
}