/* TW.CSS — TankWatch palette for secondary pages */
:root{--porcelain:#F6F9FA;--ink:#152530;--water:#19647E;--deep:#0E4457;
  --brass:#A67B2D;--mist:#DCE8ED;--hairline:#C4D4DB}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'IBM Plex Sans',system-ui,sans-serif;background:var(--porcelain);
  color:var(--ink);line-height:1.6;font-size:17px}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}
header{padding:20px 0;border-bottom:1px solid var(--hairline)}
.brand{font-family:'IBM Plex Mono',monospace;font-size:14px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink);text-decoration:none}
.brand b{color:#C0392B}
main{padding:64px 0 80px}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--brass);margin-bottom:14px}
h1{font-family:'Archivo',system-ui,sans-serif;font-weight:800;
  font-size:clamp(30px,5vw,44px);line-height:1.08;margin-bottom:22px}
p{margin-bottom:14px;color:#3A4E5A;max-width:64ch}
p b{color:var(--ink)}
a{color:var(--water)}
.stamp{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#5B707C;margin-top:28px}
footer{border-top:1px solid var(--hairline);padding:28px 0;font-size:14px;color:#5B707C}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
footer a{color:var(--deep);text-decoration:none}
a:focus-visible{outline:3px solid var(--brass);outline-offset:2px}