:root{
  --bg:#08080a; --ink:#d9d6d0; --dim:#7d7a74; --faint:#4a4844;
  --line:#1e1e22; --cyan:#5fd3c4;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:'Shippori Mincho B1',serif;
  font-size:clamp(15px,3.9vw,16.5px);line-height:1.95;
  letter-spacing:.02em;font-feature-settings:"palt" 1;
  overflow-x:hidden;
}
body::before{
  content:'';position:fixed;inset:0;z-index:9;pointer-events:none;
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);
  mix-blend-mode:overlay;
}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;font-size:11.5px;text-transform:uppercase}
.wrap{max-width:680px;margin:0 auto;padding:0 22px}

.page-head{border-bottom:1px solid var(--line);padding:34px 0 30px;margin-bottom:52px}
.page-head .back{color:var(--faint);display:inline-block;margin-bottom:22px}
.page-head .back:hover{color:var(--ink);text-decoration:none}
h1{margin:0;font-size:clamp(21px,5.4vw,29px);font-weight:800;letter-spacing:.05em;line-height:1.5}
h2{
  margin:52px 0 16px;font-size:clamp(15.5px,4vw,17px);font-weight:600;
  color:#fff;letter-spacing:.07em;line-height:1.5;
}
h2::before{content:'──  ';color:var(--faint)}
p{margin:0 0 1.5em}
ul{padding-left:1.3em;margin:0 0 1.5em}
li{margin-bottom:.6em}
li::marker{color:var(--faint)}
.quiet{color:var(--dim)}
.small{font-size:13.5px;line-height:1.9;color:var(--dim)}

.mailbox{
  border:1px solid var(--line);background:#0e0e11;
  padding:26px 24px;margin:0 0 1.8em;text-align:center;
}
.mailbox .mono{display:block;color:var(--faint);margin-bottom:12px}
.mailbox a{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:clamp(13px,3.6vw,16px);letter-spacing:.04em;
  word-break:break-all;
}

footer{border-top:1px solid var(--line);margin-top:72px;padding:40px 0 56px;text-align:center;color:var(--faint)}
.foot-nav{display:flex;gap:26px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}
.foot-nav a{color:var(--dim);font-size:13px;border-bottom:1px solid var(--line);padding-bottom:3px}
.foot-nav a:hover{color:var(--ink);border-bottom-color:var(--faint);text-decoration:none}
footer .mono{display:block;margin-bottom:10px}
footer p{font-size:13px;margin:0;color:var(--faint)}