body{
  margin:0;
  background:var(--paper);
  color:var(--graphite);
  font-family:'Inter',sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--teal);}
img{max-width:100%;display:block;}


header{
  border-bottom:1px solid var(--line);
  padding:18px 32px;
  display:flex;align-items:center;justify-content:space-between;
}
.logo-mark{height:30px;}
.lang-toggle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;}
.lang-toggle button{
  background:none;border:none;cursor:pointer;color:var(--graphite);
  font-family:'Inter',sans-serif;font-weight:600;font-size:13px;padding:4px 2px;opacity:0.45;
}
.lang-toggle button.active{color:var(--navy);opacity:1;border-bottom:1px solid var(--sage);}
.lang-toggle .sep{opacity:0.3;}

main{max-width:740px;margin:0 auto;padding:64px 32px 100px;}
.back-link{
  display:inline-block;font-size:13px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;
  color:var(--teal);margin-bottom:28px;text-decoration:none;border-bottom:1px solid transparent;
}
.back-link:hover{border-color:var(--sage);}

h1{
  font-family:'EB Garamond',serif;font-weight:700;color:var(--navy);
  font-size:38px;margin:0 0 10px;line-height:1.2;
}
.meta-line{font-size:13px;color:var(--graphite);opacity:0.75;margin-bottom:40px;}

h2{
  font-family:'EB Garamond',serif;font-weight:700;color:var(--navy);
  font-size:21px;margin:44px 0 14px;padding-top:22px;border-top:1px solid var(--line);
}
main > h2:first-of-type{padding-top:0;border-top:none;margin-top:0;}
h3{
  font-family:'Inter',sans-serif;font-weight:600;color:var(--teal);
  font-size:14.5px;margin:26px 0 10px;text-transform:uppercase;letter-spacing:0.03em;
}
p{margin:0 0 14px;font-size:15.5px;color:var(--graphite);}
p.sig{margin:0 0 4px;font-size:14.5px;color:var(--navy);font-weight:600;}
ul{margin:0 0 16px;padding-left:20px;}
li{margin-bottom:8px;font-size:15.5px;color:var(--graphite);}
.callout{
  background:var(--panel);border-left:3px solid var(--sage);
  padding:16px 20px;font-size:14px;font-style:italic;color:var(--graphite);
  margin-bottom:36px;
}
footer{
  border-top:1px solid var(--line);padding:32px;text-align:center;
  font-size:12.5px;color:var(--graphite);opacity:0.72;
}
footer a{color:var(--teal);}
@media(max-width:600px){
  main{padding:44px 20px 80px;}
  h1{font-size:30px;}
  header{padding:16px 20px;}
}