@font-face{
    font-family:'Space Grotesk';
    src:url('fonts/space-grotesk-600.woff2') format('woff2');
    font-weight:600; font-style:normal; font-display:swap;
  }
  @font-face{
    font-family:'Space Grotesk';
    src:url('fonts/space-grotesk-700.woff2') format('woff2');
    font-weight:700; font-style:normal; font-display:swap;
  }
  @font-face{
    font-family:'IBM Plex Sans';
    src:url('fonts/ibm-plex-sans-400.woff2') format('woff2');
    font-weight:400; font-style:normal; font-display:swap;
  }
  @font-face{
    font-family:'IBM Plex Sans';
    src:url('fonts/ibm-plex-sans-500.woff2') format('woff2');
    font-weight:500; font-style:normal; font-display:swap;
  }
  @font-face{
    font-family:'IBM Plex Sans';
    src:url('fonts/ibm-plex-sans-600.woff2') format('woff2');
    font-weight:600; font-style:normal; font-display:swap;
  }
  @font-face{
    font-family:'IBM Plex Mono';
    src:url('fonts/ibm-plex-mono-400.woff2') format('woff2');
    font-weight:400; font-style:normal; font-display:swap;
  }
  @font-face{
    font-family:'IBM Plex Mono';
    src:url('fonts/ibm-plex-mono-500.woff2') format('woff2');
    font-weight:500; font-style:normal; font-display:swap;
  }
  :root{
    --paper:#FFFFFF;
    --paper-2:#FFFFFF;
    --ink:#0F1E2B;
    --ink-soft:#5B6570;
    --navy:#191E52;
    --amber:#C79A3D;
    --amber-deep:#A67D2C;
    --line:#C6CACE;
  }
  *{box-sizing:border-box;}
  body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:'IBM Plex Sans', sans-serif;
    line-height:1.7;
  }
  h1,h2,h3{font-family:'Space Grotesk', sans-serif; font-weight:600; letter-spacing:-0.01em;}
  header{
    background:var(--paper); color:var(--navy);
    padding:28px 24px;
    border-bottom:1px solid var(--line);
  }
  header .wrap{max-width:820px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
  header a.back{
    color:var(--ink-soft);
    text-decoration:none;
    font-size:14px;
  }
  header a.logo{color:var(--navy); text-decoration:none; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:18px; display:flex; align-items:center;}
  header a.logo img{height:36px; width:auto; display:block;}
  .wrap{max-width:820px; margin:0 auto; padding:0 24px;}
  main{padding:56px 0 90px;}
  h1{font-size:clamp(26px,3.4vw,34px); margin-bottom:8px;}
  .sub{color:var(--ink-soft); margin-bottom:44px; font-size:15px;}
  h2{font-size:20px; margin-top:44px; margin-bottom:14px; border-bottom:1px solid var(--line); padding-bottom:10px;}
  h3{font-size:16.5px; margin-top:28px; margin-bottom:10px;}
  p{margin:0 0 14px; font-size:15.5px;}
  ul{margin:0 0 14px; padding-left:20px;}
  li{margin-bottom:6px; font-size:15.5px;}
  footer{
    background:var(--navy); color:rgba(239,233,220,0.6);
    padding:28px 24px; text-align:center; font-size:13.5px;
  }
  footer a{color:rgba(239,233,220,0.85);}