/* Values copied from the storefront; no runtime dependency on its styles. */
:root {font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;color:#0d1524;background:#f6f7f9}
* {box-sizing:border-box} body {margin:0} a {color:#04704a;text-underline-offset:3px}
header {background:#fff;border-bottom:1px solid #dde2ea;padding:1rem;display:flex;gap:2rem;align-items:center;flex-wrap:wrap}
header nav {display:flex;gap:1.5rem} header strong {font-size:1.1rem}
main {max-width:70ch;margin:2.5rem auto;padding:0 1rem 3rem} h1,h2,h3 {line-height:1.2;letter-spacing:-.02em}
h2 {margin-top:2.5rem;scroll-margin-top:1rem} .toc {padding:1rem 1.5rem;background:#e2f4ec;border-radius:10px}
code {font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:#eef1f5;padding:.1em .3em}
pre {padding:1rem;background:#0d1524;color:#e6ebf3;border-radius:10px;overflow:auto;line-height:1.5}
pre code {background:none;padding:0;color:inherit} table {width:100%;border-collapse:collapse;font-size:.95rem}
th,td {border-bottom:1px solid #dde2ea;padding:.6rem;text-align:left;vertical-align:top} th {background:#eef1f5}
a:focus-visible {outline:3px solid #2f7de1;outline-offset:3px} @media(max-width:600px){table{display:block;overflow:auto}}