/* The only stylesheet a plain project needs. Projects with their own look ignore it. */
:root{
  --paper:#F7F6F3;
  --ink:#17181A;
  --soft:#6C6A66;
  --rule:#DDDAD3;
  --serif:Georgia,'Times New Roman',serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);
  font-size:16px;line-height:1.65;display:flex;flex-direction:column;
}
.wrap{flex:1;width:100%;max-width:660px;margin:0 auto;padding:56px 22px 30px}
body.wide .wrap{max-width:1100px}
h1{font-weight:400;font-size:clamp(24px,5vw,34px);letter-spacing:.03em;margin:0 0 18px}
h2{font-weight:400;font-size:20px;margin:26px 0 8px}
p{margin:0 0 14px}
a{color:inherit}
.foot{
  padding:14px 22px;border-top:1px solid var(--rule);text-align:center;
  font-family:var(--sans);font-size:12px;color:var(--soft);
}
.foot a{text-decoration:none;color:inherit}
.projects{list-style:none;padding:0;margin:26px 0 0;text-align:left}
.projects li{padding:12px 0;border-top:1px solid var(--rule)}
.projects a{text-decoration:none;font-size:19px}
.projects span{display:block;font-family:var(--sans);font-size:13px;color:var(--soft)}
@media (prefers-color-scheme:dark){
  :root{--paper:#121316;--ink:#EDEBE6;--soft:#9A968F;--rule:#2C2E33}
}