@import url('/docs/assets/c6-tokens.css');
@font-face{font-family:Inter;src:url('/docs/assets/brand/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
*{box-sizing:border-box}
html{font-family:Inter,Arial,sans-serif;background:var(--c6SurfaceCanvas);color:var(--c6TextPrimary);font-size:var(--c6FontSizeBody);line-height:1.6}
body{margin:0}
a{color:var(--c6ActionInk)}
.shell{max-width:880px;margin:0 auto;padding:32px 20px 64px}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--c6BorderDefault)}
.brand{display:inline-flex;align-items:center;flex:none;text-decoration:none}
.brand img{display:block;width:126px;height:auto}
nav{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:var(--c6FontSizeSmall)}
main{background:var(--c6SurfaceRaised);border:1px solid var(--c6BorderDefault);border-radius:var(--c6RadiusLg);margin-top:24px;padding:clamp(20px,4vw,48px)}
h1{font-size:var(--c6FontSizeH1);font-weight:600;line-height:1.18;margin:0 0 12px}
h2{font-size:var(--c6FontSizeH2);font-weight:600;line-height:1.25;margin:32px 0 10px}
p,li{max-width:75ch}
h1,h2,p,li,td,th{overflow-wrap:anywhere}
.table-scroll{max-width:100%;overflow-x:auto;margin:18px 0}
.table-scroll:focus-visible{outline:2px solid var(--c6ActionInk);outline-offset:3px}
table{width:100%;min-width:560px;border-collapse:collapse;font-size:var(--c6FontSizeSmall)}
th,td{padding:12px;text-align:left;vertical-align:top;border:1px solid var(--c6BorderDefault)}
th{font-weight:600;background:var(--c6SurfaceCanvas)}
ul{padding-left:22px}
.meta,.foot{color:var(--c6TextSecondary);font-size:var(--c6FontSizeSmall)}
.foot{margin-top:30px;padding-top:18px;border-top:1px solid var(--c6BorderDefault)}
@media(max-width:600px){.top{display:block}nav{margin-top:12px}}