*{margin:0;padding:0;box-sizing:border-box}
  :root{
    --bg:#F1F1ED; --bg2:#F7F7F4; --surface:#FCFCFA; --surface-raised:#FFFFFF;
    --line:#E5E5DF; --line2:#CFCFC6; --line-strong:#A9A99D;
    --ink:#0E0F10; --soft:#35383C; --dim:#565A5E; --faint:#696D72; --quiet:#85898E;
    --blue:#1B62D6; --blue-bright:#2F80FF; --blue-deep:#12428F;
    --green:#14683A; --red:#C2352F;
  }
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
  body{
    background:var(--bg);color:var(--ink);
    font-family:'Inter',-apple-system,system-ui,sans-serif;
    -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
    line-height:1.6;
  }
  a{color:inherit}
  .wrap{max-width:760px;margin:0 auto;padding:0 22px}

  .nav{
    position:sticky;top:0;z-index:100;background:rgba(247,247,244,.86);
    backdrop-filter:blur(10px);border-bottom:1px solid var(--line);
  }
  .nav-in{max-width:960px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between}
  .brand{font-family:'Inter';font-weight:900;letter-spacing:.28em;font-size:15px;color:var(--ink);text-decoration:none}
  .nav-cta{
    background:var(--blue);color:var(--bg);text-decoration:none;
    font-weight:700;font-size:13.5px;padding:9px 16px;border-radius:9px;transition:background .18s;
  }
  .nav-cta:hover{background:var(--blue-bright)}

  .hero{padding:64px 0 40px}
  .eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--faint);margin-bottom:18px}
  h1{font-size:clamp(30px,5.2vw,46px);font-weight:900;letter-spacing:-.03em;line-height:1.06}
  h1 em{font-style:normal;color:var(--blue)}
  .lede{color:var(--soft);font-size:17px;margin-top:20px;max-width:62ch}
  .cta-row{margin-top:32px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
  .bigcta{
    background:var(--blue);color:var(--bg);text-decoration:none;border-radius:10px;
    padding:16px 30px;font-weight:700;font-size:16px;
    display:inline-flex;align-items:center;justify-content:center;min-height:54px;transition:background .18s;
  }
  .bigcta:hover{background:var(--blue-bright)}
  .cta-sub{color:var(--dim);font-size:13.5px}

  section.block{padding:34px 0;border-top:1px solid var(--line)}
  h2{font-size:clamp(23px,3.4vw,30px);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin-bottom:16px}
  h2 em{font-style:normal;color:var(--blue)}
  h3{font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px;color:var(--ink)}
  p.body{color:var(--soft);font-size:16px;margin-bottom:16px}
  p.body:last-child{margin-bottom:0}
  strong{color:var(--ink);font-weight:700}
  .answer{border-left:3px solid var(--blue);background:var(--surface);border-radius:0 10px 10px 0;padding:16px 20px;font-size:16.5px;color:var(--ink);margin-top:20px}

  .bands{margin-top:24px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
  .bhead{display:grid;grid-template-columns:96px 96px 1fr;gap:14px;padding:11px 16px;background:var(--bg2);
    font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
  .brow{display:grid;grid-template-columns:96px 96px 1fr;gap:14px;padding:13px 16px;border-top:1px solid var(--line);background:var(--surface);align-items:baseline}
  .brow .m,.brow .w{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--blue);font-weight:600;font-variant-numeric:tabular-nums}
  .brow .d{font-size:15px;color:var(--dim)}
  .brow .d b{color:var(--ink)}
  .brow.key{background:var(--surface-raised)}

  ul.checks{list-style:none;display:grid;gap:12px;margin-top:8px}
  ul.checks li{position:relative;padding-left:26px;color:var(--soft);font-size:16px}
  ul.checks li::before{content:'';position:absolute;left:4px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--blue)}
  ul.checks li b{color:var(--ink)}

  .split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
  .card{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--surface)}
  .card .k{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue-deep);margin-bottom:10px}
  .card p{color:var(--soft);font-size:15px;margin-top:8px}

  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
  .step{border-top:1px solid var(--line2);padding-top:16px}
  .step .k{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--blue-deep);margin-bottom:8px}

  details.faq{border-bottom:1px solid var(--line);padding:20px 0}
  details.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:14px;font-weight:700;font-size:17px}
  details.faq summary::-webkit-details-marker{display:none}
  details.faq summary::after{content:"+";color:var(--blue);font-weight:600}
  details.faq[open] summary::after{content:"−"}
  details.faq .a{margin-top:12px;color:var(--soft);font-size:15.5px}

  .note{border:1px solid var(--line2);border-radius:10px;padding:16px 18px;background:rgba(14,15,16,.018);color:var(--dim);font-size:14px;line-height:1.7;margin-top:8px}

  .final{text-align:center;padding:56px 0 30px}
  .final h2{margin-bottom:14px}
  .final p{color:var(--dim);font-size:16px;margin-bottom:26px}

  footer{border-top:1px solid var(--line);padding:34px 22px;text-align:center;color:var(--faint);font-size:13px;line-height:1.9}
  footer a{color:var(--dim);text-decoration:none}
  footer a:hover{color:var(--blue)}
  .foot-brand{font-family:'Inter';font-weight:900;letter-spacing:.28em;color:var(--soft);margin-bottom:8px}

  @media(max-width:640px){
    .steps,.split{grid-template-columns:1fr}
    .hero{padding:44px 0 30px}
    .bigcta{width:100%}
    .bhead,.brow{grid-template-columns:70px 70px 1fr;gap:10px}
  }

  .skip-link{position:absolute;left:12px;top:-80px;padding:12px;background:var(--ink);color:white;z-index:200}
  .skip-link:focus{top:12px}
  :focus-visible{outline:3px solid var(--blue);outline-offset:4px}
  .nav-cta,.bigcta{color:#fff}
  .breadcrumb{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--dim);margin-bottom:28px}
  .breadcrumb a{text-underline-offset:3px}
  .hero .eyebrow{letter-spacing:.13em;line-height:1.7}
  .guide-meta{font-size:12px;color:var(--dim);margin-top:22px}
  .contents{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:0 0 34px}
  .contents h2{font-size:16px;margin-bottom:12px}
  .contents ol{padding-left:20px;display:grid;gap:9px;font-size:14px;color:var(--soft)}
  .contents a{text-decoration:none}.contents a:hover{text-decoration:underline}
  section[id]{scroll-margin-top:95px}
  .block p.body{line-height:1.85}
  .block p.body a,.block li a{color:var(--blue-deep);text-decoration:underline;text-underline-offset:3px}
  .block ul.checks{margin:20px 0;line-height:1.8}
  .table-scroll{overflow-x:auto;margin:22px 0;border:1px solid var(--line2);border-radius:10px}
  table{width:100%;border-collapse:collapse;font-size:14px;text-align:left;background:var(--surface)}
  caption{text-align:left;padding:15px;color:var(--dim);font-size:13px}
  th,td{padding:15px;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.6}
  thead th{background:var(--bg2);color:var(--blue-deep);font-size:12px}
  tbody tr:last-child>*{border-bottom:0}
  .related-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
  .related-links a{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--line2);background:var(--surface);border-radius:10px;padding:18px;font-size:14px;font-weight:600;text-decoration:none}
  .related-links a:hover{border-color:var(--blue)}
  .related-links span{color:var(--blue)}
  .source-list{padding-left:20px;color:var(--dim);font-size:13px;line-height:1.7;display:grid;gap:9px}
  .source-list a{overflow-wrap:anywhere}
  @media(max-width:640px){.related-links{grid-template-columns:1fr}.nav-in{padding:12px 18px}.nav-cta{font-size:12px;padding:9px 12px}.brand{font-size:13px}.hero{padding-top:30px}th,td{padding:11px 9px;font-size:13px}.eyebrow{font-size:10px}}