:root{
  --teal-deep:#1F4D4D;
  --teal:#3D7F7A;
  --mint:#DDEBE3;
  --cream:#F9F3E7;
  --gold:#D4AF37;
  --ink:#1F4D4D;
  --ink-soft:#4C6D68;
  --line:#E4DFCF;
  --font-display:'Frank Ruhl Libre',serif;
  --font-sub:'Rubik',sans-serif;
  --font-body:'Open Sans',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--cream);color:var(--ink);line-height:1.75;font-size:17px;text-wrap:pretty}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
a{color:var(--teal)}
.container{max-width:820px;margin:0 auto;padding:40px 24px 90px}
header{padding:20px 0;border-bottom:1px solid var(--line)}
.back-link{font-family:var(--font-sub);font-weight:600;color:var(--teal-deep);text-decoration:none}
.back-link:hover{text-decoration:underline}
h1{font-family:var(--font-display);font-weight:500;color:var(--teal-deep);font-size:2rem;margin-bottom:8px}
.updated{color:var(--ink-soft);font-size:.92rem;margin-bottom:32px}
h2{font-family:var(--font-sub);font-weight:600;color:var(--teal-deep);font-size:1.2rem;margin:32px 0 10px}
p,li{margin-bottom:14px}
ul,ol{padding-inline-start:22px;margin-bottom:14px}
li{margin-bottom:8px}
strong{color:var(--teal-deep)}
.box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin:20px 0}
footer{padding:24px;text-align:center;color:var(--ink-soft);font-size:.85rem;border-top:1px solid var(--line)}
footer a{color:var(--ink-soft)}