:root{
  --paper:#FBFAF8; --ink:#1A1A18; --ink-soft:#6B675F; --line:#E5E2DA; --accent:#6B4F3B;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){ --paper:#171613; --ink:#EDEAE3; --ink-soft:#A39D8F; --line:#332F28; --accent:#C9A57E; }
}
:root[data-theme="dark"]{ --paper:#171613; --ink:#EDEAE3; --ink-soft:#A39D8F; --line:#332F28; --accent:#C9A57E; }
*{box-sizing:border-box}
html{background:var(--paper)}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:'Newsreader',Georgia,'Times New Roman',serif;
  font-size:18px;line-height:1.75;-webkit-font-smoothing:antialiased;
}
.wrap{max-width:640px;margin:0 auto;padding:88px 24px 96px}
a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--accent)}
h1{
  font-weight:400;font-size:26px;margin:0 0 34px;letter-spacing:0.01em;
}
h1 a{text-decoration:none;border-bottom:1px solid var(--line)}
h1 a:hover{border-color:var(--accent)}
p{margin:0 0 20px;max-width:60ch}
ul.links{list-style:none;padding:0;margin:36px 0 0;display:grid;gap:2px}
ul.links li a{display:inline-block}
footer{margin-top:88px;padding-top:20px;border-top:1px solid var(--line);font-size:14.5px;color:var(--ink-soft)}
footer a{color:var(--ink-soft)}
img.portrait{width:280px;max-width:70%;height:auto;display:block;margin:0 0 44px;filter:grayscale(0%)}
h2{font-weight:600;font-size:19px;margin:44px 0 14px;letter-spacing:0.01em}
h2:first-of-type{margin-top:8px}
ul.bio{margin:0 0 20px;padding-left:22px}
ul.bio li{margin-bottom:6px}
.back{display:inline-block;margin-bottom:40px;font-size:14.5px;color:var(--ink-soft);text-decoration:none}
.back:hover{color:var(--accent)}
em{font-style:italic}
@media (max-width:600px){ body{font-size:17px} .wrap{padding:56px 20px 72px} }