@font-face { font-family:'Suisse'; src:url('/fonts/SuisseIntl-Book.ttf') format('truetype'); font-weight:400; font-display:swap; }
@font-face { font-family:'Suisse'; src:url('/fonts/SuisseIntl-Medium.ttf') format('truetype'); font-weight:500; font-display:swap; }
@font-face { font-family:'Lyon'; src:url('/fonts/LyonText.ttf') format('truetype'); font-weight:400; font-display:swap; }
:root { color-scheme:light; --bg:#faf9f6; --ink:#161513; --mut:#6f6d67; --line:rgba(22,21,19,.10); --line2:rgba(22,21,19,.16); --card:#fff; --accent:#8f2b23; --hov:#eaebef; }
html[data-theme='dark'] { color-scheme:dark; --bg:#141312; --ink:#edeae4; --mut:#a09d96; --line:rgba(237,234,228,.09); --line2:rgba(237,234,228,.17); --card:#1d1c1a; --accent:#c05248; --hov:#26241f; }
* { box-sizing:border-box; }
html { background:var(--bg); scrollbar-color:var(--line2) var(--bg); }
body { margin:0; background:var(--bg); color:var(--ink); font-family:'Suisse',-apple-system,sans-serif; -webkit-font-smoothing:antialiased; }
::selection { color:var(--bg); background:var(--ink); }
a { color:inherit; text-underline-offset:.2em; text-decoration-thickness:1px; overflow-wrap:anywhere; }
a:hover { color:var(--accent); }
:focus-visible { outline:2px solid var(--ink); outline-offset:5px; }
.wrap { max-width:720px; margin:0 auto; padding:24px 22px 64px; }
.skip { position:absolute; left:16px; top:-100px; z-index:2; padding:12px; background:var(--card); }
.skip:focus { top:12px; }
.top { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:38px; }
.crumb { display:flex; flex-wrap:wrap; gap:8px; align-items:baseline; font-size:13px; color:var(--mut); }
.themetoggle { flex:none; width:44px; height:44px; border:1px solid var(--line2); border-radius:50%; background:transparent; color:var(--ink); display:flex; align-items:center; justify-content:center; cursor:pointer; }
.themetoggle:hover { background:var(--hov); border-color:var(--mut); }
h1,h2,h3,p,ul { margin:0; }
h1,h2,h3 { text-wrap:balance; font-weight:400; }
h1 { font-family:'Lyon',Georgia,serif; font-size:40px; line-height:1.15; letter-spacing:-.02em; }
.lede { margin-top:16px; font-size:18px; line-height:1.55; color:var(--mut); }
.updated { margin-top:14px; color:var(--mut); font-size:12.5px; }
.page-nav { display:flex; flex-wrap:wrap; gap:4px 24px; margin-top:30px; padding:0 0 12px; border-bottom:1px solid var(--line); }
.page-nav a { display:inline-flex; align-items:center; min-height:44px; font-size:14px; color:var(--mut); text-decoration:none; }
.page-nav a:hover { color:var(--ink); }
.page-nav a[aria-current='page'] { color:var(--ink); text-decoration:underline; text-underline-offset:.5em; }
section { margin-top:36px; }
h2 { font-family:'Lyon',Georgia,serif; font-size:25px; line-height:1.3; margin-bottom:12px; }
h3 { font-size:16px; font-weight:500; line-height:1.5; margin:24px 0 8px; }
p,li { font-size:16px; line-height:1.65; }
p+p, p+ul, ul+p { margin-top:12px; }
ul { padding-left:22px; }
li+li { margin-top:6px; }
strong { font-weight:500; }
.contact { display:inline-block; margin:18px 0 4px; font-family:'Lyon',Georgia,serif; font-size:28px; line-height:1.4; }
code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.85em; overflow-wrap:anywhere; }
footer { margin-top:52px; padding-top:20px; border-top:1px solid var(--line); color:var(--mut); }
footer p { font-size:12.5px; line-height:1.6; }
footer nav { display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:10px; }
footer nav a { min-height:44px; display:inline-flex; align-items:center; font-size:13px; }
@media (max-width:560px) {
  .wrap { padding:16px 20px 40px; }
  .top { margin-bottom:30px; }
  h1 { font-size:34px; }
  h2 { font-size:24px; }
  .lede { font-size:17px; }
  .contact { font-size:26px; }
}
@media print {
  .skip,.themetoggle,.page-nav,footer nav { display:none; }
  :root,html[data-theme='dark'] { --bg:#fff; --ink:#000; --mut:#444; --line:#ccc; }
  .wrap { max-width:none; padding:0; }
  .top { margin-bottom:24px; }
  h2,h3 { break-after:avoid; }
  p,li { orphans:3; widows:3; }
}