:root{
  --page:#e9e6e2; --surface:#f4ebd7; --ink:#000; --forest:#33453a;
  --brown:#5b4832; --blaze:#c15f1e; --blaze-text:#9a4a1c; --saddle:#7a5636;
  --muted:#6b5a44; --cream:#f6eeda; --line:#d8cbb0;
  --serif:"Palatino Linotype","Iowan Old Style",Georgia,"Times New Roman",serif;
  --sans:"Segoe UI",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--sans);color:var(--ink);line-height:1.6;
  background:#e9e6e2 url(/assets/paper-bg.png) repeat;background-size:680px}

/* header */
.fg-header{background:var(--brown);border-bottom:2px solid var(--blaze);display:flex;justify-content:center}
.fg-header .inner{width:992px;max-width:100%;padding:9px 32px;display:flex;align-items:center;justify-content:flex-end}
.fg-socials{display:flex;gap:16px;align-items:center}
.fg-socials a{color:#e7c9a8;display:flex}
.fg-socials a:hover{color:#fff}
.fg-socials svg{width:18px;height:18px;fill:currentColor}

/* masthead */
.fg-masthead{padding:22px 32px 18px;display:flex;flex-direction:column;align-items:center}
.fg-masthead img{width:min(230px,58vw);height:auto;display:block}
.fg-masthead .tag{font-family:var(--serif);font-style:italic;color:var(--saddle);font-size:1.02rem;margin-top:10px;text-align:center}

/* document body */
.doc{max-width:720px;margin:0 auto;padding:14px 32px 72px}
.doc h1{font-family:var(--serif);color:var(--forest);font-size:clamp(2rem,4vw,2.7rem);letter-spacing:.01em;margin:6px 0 4px;text-wrap:balance}
.doc .eff{font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blaze-text);font-weight:700;margin:0 0 28px}
.doc h2{font-family:var(--serif);color:var(--forest);font-size:1.4rem;margin:32px 0 8px}
.doc p{font-family:var(--serif);font-size:1.06rem;line-height:1.72;margin:0 0 13px;color:var(--ink)}
.doc ul{font-family:var(--serif);font-size:1.06rem;line-height:1.7;padding-left:1.3em;margin:0 0 13px}
.doc li{margin:5px 0}
.doc a{color:var(--blaze-text)}
.doc a:hover{color:var(--blaze)}
.doc strong{color:var(--forest)}
.doc .callout{background:var(--surface);border-left:3px solid var(--blaze);padding:14px 18px;margin:18px 0;border-radius:2px}
.doc .callout p{margin:0}

/* footer */
.fg-footer{background:var(--brown);color:#e8ede5;padding:38px 0;margin-top:24px}
.fg-footer .inner{max-width:992px;margin:0 auto;padding:0 32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;align-items:center;font-size:.84rem}
.fg-footer .name{font-family:var(--serif);color:var(--cream)}
.fg-footer nav a{color:#e7c9a8;text-decoration:none;margin-left:16px}
.fg-footer nav a:hover{color:#fff}
.fg-footer .email a{color:#e7c9a8;text-decoration:none}
.fg-footer .email a:hover{color:#fff}

@media(max-width:600px){
  .doc{padding:10px 22px 60px}
  .fg-footer .inner{flex-direction:column;align-items:stretch}
  .fg-footer nav a{margin:0 16px 0 0}
}