/* Plain pages (policies, not found): the home page's colours and type, nothing that moves. */
:root{
  --ink:#EDE6D8; --soft:#B3ACA1; --mark:#00FFFF; --onmark:#0E0D0C;
  --s1:8px; --s2:13px; --s3:21px; --s4:34px; --s5:55px; --s6:89px;
  --mono:"Courier Prime",monospace; --serif:"Newsreader",serif;
}
*{box-sizing:border-box}
body{margin:0;background:#000;color:var(--ink);font:400 18px/1.6 "Source Serif 4",Georgia,serif}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover,a:focus-visible{color:var(--mark)}
a:focus-visible{outline:1px solid var(--mark);outline-offset:3px}
.skip{position:fixed;left:var(--s3);top:-60px;z-index:60;background:var(--mark);color:var(--onmark);padding:8px 13px;font:700 13px var(--mono);text-decoration:none;transition:top .2s}
.skip:focus{top:var(--s3)}
.skip,.skip:hover,.skip:focus{color:var(--onmark)}  /* dark on cyan, never cyan on cyan */
.top{max-width:46em;margin:0 auto;padding:var(--s5) var(--s4) 0;display:flex;align-items:center;gap:var(--s2)}
.top a{display:flex;align-items:center;gap:var(--s2);text-decoration:none;font:500 12px/1.5 var(--serif);letter-spacing:.3em}
.top img{width:30px;height:30px}
main{max-width:46em;margin:0 auto;padding:var(--s6) var(--s4) var(--s6)}
main:focus{outline:none}
h1{font:400 47px/1.1 var(--serif);margin:0 0 var(--s4)}
h2{font:400 26px/1.25 var(--serif);margin:var(--s5) 0 var(--s2)}
p,li{color:var(--soft)}
p{margin:0 0 var(--s3)}
ul{padding-left:1.2em;margin:0 0 var(--s3)}
li{margin-bottom:var(--s1)}
strong{color:var(--ink);font-weight:600}
.draft{border:1px solid var(--mark);padding:var(--s2) var(--s3);margin:0 0 var(--s5);font:400 14px/1.5 var(--mono);letter-spacing:.02em;color:var(--ink)}
.draft b{color:var(--mark);font-weight:700;letter-spacing:.14em}
.todo{color:var(--mark);font:400 .85em var(--mono)}
.updated{font:400 13px var(--mono);letter-spacing:.04em;color:var(--soft);margin-top:var(--s5)}
/* Notes: the date line and the signature use the home page's note-card type */
.kicker{font:400 13px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:0 0 var(--s3)}
.sig{margin-top:var(--s4)}
.sig.human{font:italic 400 17px var(--serif);color:var(--ink)}  /* human = serif; an AI agent's signature would be cyan machine type */
.sig.ai{font:400 12px var(--mono);letter-spacing:.06em;color:var(--mark)}
footer{max-width:46em;margin:0 auto;padding:0 var(--s4) var(--s5);display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);font:400 13px var(--mono);letter-spacing:.04em;color:var(--soft);border-top:1px solid rgba(232,228,218,.12);padding-top:var(--s3)}
footer a{text-decoration:none}
@media (max-width:640px){
  .top,main,footer{padding-left:var(--s3);padding-right:var(--s3)}
  main{padding-top:var(--s5)}
  h1{font-size:36px}
}