:root{
  --sand:#F2ECDD; --ink:#16303A; --pacific:#20708C;
  --dune:#CBB98F; --gold:#C08A2D; --slate:#3E5560; --line:#DCD2BC;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:linear-gradient(180deg,#D7E5E8 0%,#F2ECDD 320px) 0 0/100% 320px no-repeat, #F2ECDD;
  color:var(--ink);
  font-family:'Inter',system-ui,sans-serif;
  font-size:17.5px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--pacific);text-decoration:none;border-bottom:1px solid rgba(32,112,140,.35)}
a:hover{border-bottom-color:var(--pacific)}
.wrap{max-width:680px;margin:0 auto;padding:0 24px 96px}
.crumb{
  font-family:'IBM Plex Mono',monospace;font-size:13px;
  padding:26px 0 0;color:var(--slate);
}
.crumb a{color:var(--ink);border-bottom:none}
.crumb .path{color:var(--gold)}
header{padding:64px 0 40px;border-bottom:1px solid var(--ink);margin-bottom:44px}
h1{
  font-family:'Space Grotesk',sans-serif;font-weight:600;
  font-size:clamp(30px,5vw,42px);letter-spacing:-0.015em;line-height:1.12;
}
.dek{margin-top:16px;font-size:19px;color:var(--slate);line-height:1.55}
.publine{
  margin-top:22px;font-family:'IBM Plex Mono',monospace;
  font-size:12.5px;color:var(--slate);
  display:flex;gap:24px;flex-wrap:wrap;
}
.publine b{color:var(--pacific);font-weight:500}
article h2{
  font-family:'Space Grotesk',sans-serif;font-weight:600;
  font-size:24px;margin:52px 0 16px;letter-spacing:-0.01em;
}
article h3{
  font-family:'Space Grotesk',sans-serif;font-weight:500;
  font-size:19px;margin:36px 0 12px;
}
article p{margin:0 0 18px}
article ul{margin:0 0 22px 22px;padding:0}
article ul li{margin:0 0 8px;padding-left:6px}
article strong{font-weight:600}
article blockquote{
  border-left:2px solid var(--dune);padding:4px 0 4px 20px;
  margin:26px 0;color:var(--slate);font-size:16.5px;
}
article figure{margin:34px 0}
article img{width:100%;height:auto;display:block;border:1px solid var(--line)}
article figcaption{
  font-family:'IBM Plex Mono',monospace;font-size:12px;
  color:var(--slate);margin-top:10px;
}
article hr{
  border:none;height:8px;margin:44px 0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='8'%3E%3Cpath d='M0 4 Q7 0 14 4 T28 4' fill='none' stroke='%2320708C' stroke-width='1.2'/%3E%3C/svg%3E") repeat-x left center;
  opacity:.45;
}
.backline{
  margin-top:64px;padding-top:26px;border-top:1px solid var(--line);
  font-family:'IBM Plex Mono',monospace;font-size:13px;
}