@font-face{font-family:"Plex Sans";src:url(/static/type/ibm-plex-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Sans";src:url(/static/type/ibm-plex-sans-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Plex Sans";src:url(/static/type/ibm-plex-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/static/type/ibm-plex-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
    --graphite-900:#16191e;--graphite-800:#23272e;--graphite-600:#3d434d;--graphite-400:#6b7380;--graphite-200:#c9ced6;
    --paper:#f4f5f7;--white:#ffffff;--cobalt:#1f4fd1;--cobalt-deep:#173c9f;--cobalt-tint:#e7edfb;
    --round:12px;--measure:44rem;--gutter:clamp(16px,4vw,40px);
    --sans:"Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Plex Mono",ui-monospace,Menlo,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--graphite-800);font:400 1.0625rem/1.65 var(--sans)}
img,svg{max-width:100%}
a{color:var(--cobalt);text-underline-offset:.18em}
a:hover{color:var(--cobalt-deep)}
h1,h2,h3{font-weight:600;line-height:1.22;color:var(--graphite-900);letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,4.2vw,2.75rem);margin:.2em 0 .45em}
h2{font-size:clamp(1.35rem,2.6vw,1.75rem);margin:2.2em 0 .6em}
h3{font-size:1.15rem;margin:1.6em 0 .4em}
p,ul,ol{margin:0 0 1.05em}
li{margin:.3em 0}
code,.mono{font-family:var(--mono);font-size:.92em}
abbr{text-decoration:none;border-bottom:1px dotted var(--graphite-400)}

.skiplink{position:absolute;left:-999px;top:0;background:var(--cobalt);color:var(--white);padding:.6em 1em;z-index:9}
.skiplink:focus{left:var(--gutter)}
.bound{max-width:72rem;margin:0 auto;padding:0 var(--gutter)}
.bound-narrow{max-width:var(--measure)}

.sitebar{border-bottom:1px solid var(--graphite-200);background:var(--white)}
.sitebar .bound{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.5rem;padding-top:.85rem;padding-bottom:.85rem}
.marque{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--graphite-900)}
.marque-initials{font:400 .95rem/1 var(--mono);letter-spacing:.08em;border:1.5px solid var(--graphite-900);border-radius:var(--round);padding:.45em .6em}
.marque-name{font-weight:600;font-size:1rem}
.mainnav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem 1.1rem;font-size:.95rem}
.mainnav a{color:var(--graphite-800);text-decoration:none}
.mainnav a:hover,.mainnav a[aria-current]{color:var(--cobalt);text-decoration:underline}

.pathbar{font-size:.85rem;color:var(--graphite-400);padding:1rem 0 0}
.pathbar ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem}
.pathbar li{margin:0}
.pathbar li+li::before{content:"/";margin-right:.3rem;color:var(--graphite-200)}
.pathbar a{color:var(--graphite-600)}

.lead-band{padding:clamp(2rem,6vw,4rem) 0}
.standfirst{font-size:1.15rem;color:var(--graphite-600);max-width:40rem}
.overline{font:400 .8rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--cobalt);margin:0 0 .4em}

.line{display:flex;flex-wrap:wrap;gap:1.25rem}
.unit{flex:1 1 100%;min-width:0}
@media (min-width:52rem){
    .size1of2{flex-basis:calc(50% - .625rem)}
    .size1of3{flex-basis:calc(33.333% - .84rem)}
    .size2of3{flex-basis:calc(66.666% - .42rem)}
}

.box{border-radius:var(--round);overflow:hidden}
.box-hd{padding:1rem 1.25rem .2rem}
.box-hd h2,.box-hd h3{margin:0}
.box-bd{padding:.6rem 1.25rem 1.1rem}
.box-bd>:last-child{margin-bottom:0}
.box-ft{padding:0 1.25rem 1.1rem;font-size:.95rem}

.media{display:flex;gap:1rem;align-items:flex-start}
.media-fig{flex:0 0 auto}
.media-bd{flex:1 1 auto;min-width:0}
.media-bd>:last-child{margin-bottom:0}

.regtable-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1.4em}
.regtable{border-collapse:collapse;width:100%;font-size:.95rem}
.regtable-figure{margin:0 0 1.4em}
.regtable-title{font-weight:600;margin:0 0 .5em;color:var(--graphite-900)}
.regtable-figure .regtable-scroll{margin:0}
.regtable th,.regtable td{text-align:left;vertical-align:top;padding:.6em .75em;border-bottom:1px solid var(--graphite-200)}
.regtable thead th{font:400 .78rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--graphite-600);border-bottom:2px solid var(--graphite-800)}
.regtable tbody th{font-weight:600}

.sequence{list-style:none;counter-reset:seq;margin:0 0 1.4em;padding:0}
.sequence>li{counter-increment:seq;position:relative;padding:0 0 1.2rem 3.4rem;margin:0}
.sequence>li::before{content:counter(seq,decimal-leading-zero);position:absolute;left:0;top:0;font:400 .9rem/2.1rem var(--mono);width:2.4rem;height:2.1rem;text-align:center;border-radius:var(--round);background:var(--cobalt-tint);color:var(--cobalt-deep)}
.sequence>li::after{content:"";position:absolute;left:1.2rem;top:2.3rem;bottom:.2rem;border-left:2px solid var(--graphite-200)}
.sequence>li:last-child::after{display:none}
.sequence-title{display:block;font-weight:600;color:var(--graphite-900)}

.notebox{border-left:4px solid var(--cobalt);background:var(--cobalt-tint);border-radius:0 var(--round) var(--round) 0;padding:.9rem 1.1rem;margin:0 0 1.4em}
.notebox>:last-child{margin-bottom:0}

.cta-solid,.cta-line{display:inline-block;font-weight:600;text-decoration:none;border-radius:var(--round);padding:.75em 1.2em;line-height:1.2}
.cta-solid{background:var(--cobalt);color:var(--white)}
.cta-solid:hover{background:var(--cobalt-deep);color:var(--white)}
.cta-line{border:1.5px solid currentColor;color:var(--cobalt)}

.faqitem{border-top:1px solid var(--graphite-200);padding:.2rem 0}
.faqitem:last-of-type{border-bottom:1px solid var(--graphite-200)}
.faqitem summary{cursor:pointer;font-weight:600;padding:.8rem 0;color:var(--graphite-900)}
.faqitem[open] summary{color:var(--cobalt-deep)}
.faqitem-answer{padding:0 0 .8rem}

.refs{font-size:.9rem;color:var(--graphite-600);padding-left:1.2em}
.chiplist{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.chiplist li{margin:0}
.chiplist a{display:inline-block;border:1px solid var(--graphite-200);border-radius:var(--round);padding:.35em .8em;text-decoration:none;font-size:.95rem}

.entry{margin:0 0 1.1rem}
.entry-label{display:block;font-weight:600;margin:0 0 .3rem;color:var(--graphite-900)}
.entry-hint{display:block;font-size:.88rem;color:var(--graphite-400);margin:.25rem 0 0}
.entry input,.entry select,.entry textarea{width:100%;font:inherit;padding:.65em .75em;border:1.5px solid var(--graphite-200);border-radius:var(--round);background:var(--white);color:var(--graphite-900)}
.entry input:focus,.entry select:focus,.entry textarea:focus{outline:2px solid var(--cobalt);outline-offset:1px;border-color:var(--cobalt)}
.entry-set{border:0;margin:0 0 1rem;padding:0}
.entry-set legend{font-weight:600;padding:0;margin:0 0 .4rem}
.entry-tick{display:flex;gap:.5rem;align-items:flex-start;margin:.3rem 0}
.entry-tick input{width:auto;margin-top:.35em}
.honeypot{position:absolute;left:-5000px}

.basebar{margin-top:4rem;padding:2.5rem 0 3rem;font-size:.92rem}
.basebar a{color:var(--white)}
.basebar h2{font-size:.8rem;font-family:var(--mono);font-weight:400;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .6em;color:var(--graphite-200)}
.basebar ul{list-style:none;padding:0;margin:0}

.skin-graphite{background:var(--graphite-800);color:var(--graphite-200)}
.skin-graphite h1,.skin-graphite h2,.skin-graphite h3,.skin-graphite .regtable tbody th{color:var(--white)}
.skin-graphite .regtable-title{color:var(--white)}
.skin-graphite .standfirst{color:var(--graphite-200)}
.skin-graphite .overline{color:#9db6ff}
.skin-graphite .regtable th,.skin-graphite .regtable td{border-color:var(--graphite-600)}
.skin-graphite .regtable thead th{color:var(--graphite-200);border-color:var(--graphite-200)}
.skin-graphite .cta-line{color:var(--white)}
.skin-ink{background:var(--graphite-900);color:var(--graphite-200)}
.skin-paper{background:var(--paper)}
.skin-cobalt{border:1.5px solid var(--cobalt)}
.skin-rule{border-top:3px solid var(--graphite-800)}
.gap-top{margin-top:2.5rem}
.quiet{color:var(--graphite-400);font-size:.92rem}
