@font-face{font-family:'Kiak';src:url('/fonts/Kiak-Bold.woff2') format('woff2'),url('/fonts/Kiak-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
:root{
  --ink:#0E0D0C; --cream:#FAF8F6; --paper:#FFFFFF;
  --orange:#FC5400; --stone:#6B6560; --body:#33302D;
  --line:rgba(14,13,12,.14); --line-2:rgba(14,13,12,.08);
  --display:'Kiak',Georgia,'Times New Roman',serif;
  --cool:'Instrument Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
  --text:'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif;
  --cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="10" r="5.5" fill="none" stroke="%23FC5400" stroke-width="5"/></svg>') 10 10,auto;
  --cursor-p:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><circle cx="13" cy="13" r="7.25" fill="none" stroke="%23FC5400" stroke-width="7.5"/></svg>') 13 13,pointer;
}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--body);font-family:var(--text);
  font-size:1.0125rem;line-height:1.7;-webkit-font-smoothing:antialiased;cursor:var(--cursor)}
a{cursor:var(--cursor-p)}
::selection{background:var(--orange);color:#fff}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.wrap{max-width:720px;margin:0 auto;padding-inline:clamp(1.25rem,5vw,2rem);width:100%}
.top{padding-block:clamp(2.25rem,6vw,3.5rem) 0;display:flex;align-items:baseline;
  justify-content:space-between;gap:1rem;flex-wrap:wrap}
.mark{font-family:var(--display);font-weight:700;font-size:1.5rem;letter-spacing:-.03em;
  word-spacing:-.12em;color:var(--ink);text-decoration:none}
.mark em{font-style:normal;color:var(--orange)}
.back{font-family:var(--cool);font-weight:600;font-size:.82rem;color:var(--stone);
  text-decoration:none;border-bottom:1px solid var(--orange);padding-bottom:2px}
.back:hover{color:var(--orange)}
h1{font-family:var(--display);font-weight:700;font-size:clamp(2.4rem,7vw,3.6rem);line-height:1;
  letter-spacing:-.03em;color:var(--ink);margin:clamp(2.5rem,7vw,4rem) 0 .6rem}
.updated{font-family:var(--cool);font-weight:600;font-size:.655rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--stone);opacity:.85;margin:0 0 2.4rem}
h2{font-family:var(--display);font-weight:700;font-size:1.32rem;letter-spacing:-.02em;color:var(--ink);
  margin:2.5rem 0 .55rem}
p{margin:0 0 1rem;max-width:66ch}
ul{margin:0 0 1rem;padding-left:0;list-style:none}
li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;max-width:66ch}
li::before{content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;border-radius:50%;
  border:2.5px solid var(--orange);box-sizing:border-box}
strong{color:var(--ink);font-weight:600}
a.inline{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--orange)}
a.inline:hover{color:var(--orange)}
.note{background:var(--paper);border:1px solid var(--line);padding:1.1rem 1.25rem;margin:2rem 0 0;
  font-size:.875rem;color:var(--stone)}
.note b{color:var(--orange);font-family:var(--cool);font-weight:700;font-size:.72rem;
  letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:.45rem}
footer{margin-top:clamp(3rem,8vw,4.5rem);border-top:1px solid var(--line);padding-block:1.75rem 3.5rem;
  font-family:var(--cool);font-weight:600;font-size:.82rem;color:var(--stone);
  display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;justify-content:space-between}
footer a{color:var(--stone);text-decoration:none}
footer a:hover{color:var(--orange)}
.foot-nav{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem}