:root{
  --paper:#EDEEF0;
  --paper-2:#E2E4E8;
  --card:#FFFFFF;
  --ink:#16181C;
  --ink-2:#3D4148;
  --muted:#71767F;
  --line:rgba(22,24,28,0.13);
  --line-2:rgba(22,24,28,0.07);
  --amber:#C2571F;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--paper);color:var(--ink);
  font:400 16px/1.68 'Manrope',system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
  display:flex;flex-direction:column;min-height:100vh;
}
a{color:inherit}
.wrap{max-width:760px;margin:0 auto;padding:0 20px;width:100%}

/* header */
.hdr{
  border-bottom:1px solid var(--line-2);
  background:rgba(244,242,237,.9);backdrop-filter:blur(10px);
  position:sticky;top:0;z-index:10
}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:62px;gap:16px}
.logo{font:900 20px/1 'Manrope',sans-serif;letter-spacing:.02em;text-decoration:none}
.logo i{font-style:normal;color:var(--amber)}
.back{font-size:14px;color:var(--muted);text-decoration:none;white-space:nowrap}
.back:hover{color:var(--ink)}

/* content */
main{flex:1;padding:46px 0 64px}
h1{
  font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.02em;
  font-size:clamp(28px,5vw,40px);line-height:1.08;margin-bottom:28px
}
h2{
  font-family:'Manrope',sans-serif;font-weight:700;letter-spacing:-.01em;
  font-size:19px;margin:36px 0 12px;padding-top:22px;border-top:1px solid var(--line-2)
}
h2:first-of-type{border-top:none;padding-top:0;margin-top:26px}
p{margin-bottom:14px;color:var(--ink-2)}
ul,ol{margin:0 0 16px 20px;color:var(--ink-2)}
li{margin-bottom:8px}
b,strong{color:var(--ink);font-weight:600}
.lede{
  font-size:17px;color:var(--ink-2);
  padding-bottom:22px;border-bottom:1px solid var(--line-2)
}
.updated{font-size:13.5px;color:var(--muted);margin-top:34px}

.box{
  background:var(--card);border:1px solid var(--line);border-radius:16px;
  padding:22px 24px;margin:22px 0
}
.box p:last-child{margin-bottom:0}

.todo{
  background:#FDF6EC;border:1px solid #E8C79A;border-radius:14px;
  padding:16px 20px;margin:20px 0;font-size:14.5px;color:#6B4A12
}

.rows{list-style:none;margin:0}
.rows li{
  display:flex;gap:14px;flex-wrap:wrap;
  padding:13px 0;border-bottom:1px solid var(--line-2);margin:0
}
.rows li:last-child{border-bottom:none}
.rows b{
  flex:none;min-width:170px;
  font:700 11.5px/1.5 'Manrope',sans-serif;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted)
}
.rows span{color:var(--ink);flex:1}

/* footer */
footer{
  border-top:1px solid var(--line-2);padding:28px 0;
  font-size:13px;color:var(--muted);text-align:center;background:var(--paper-2)
}
.legal-nav{
  display:flex;gap:8px 22px;justify-content:center;flex-wrap:wrap;margin-bottom:16px
}
.legal-nav a{color:var(--ink-2);text-decoration:none;font-size:14px}
.legal-nav a:hover{color:var(--ink);text-decoration:underline}

@media(max-width:560px){
  .rows li{flex-direction:column;gap:3px}
  .rows b{min-width:0}
}