:root { color-scheme: light; --ink:#14202b; --muted:#66717d; --line:#dfe4e8; --nav:#172b3a; --blue:#1769aa; --red:#b42318; --green:#067647; --amber:#8a4b00; }
* { box-sizing: border-box; }
body { margin:0; color:var(--ink); background:#f5f7f9; font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.topbar { height:64px; padding:0 max(24px,calc((100% - 1100px)/2)); background:var(--nav); display:flex; align-items:center; justify-content:space-between; }
.brand-lockup { display:flex; align-items:center; gap:9px; }.brand { color:white; font-weight:750; font-size:19px; text-decoration:none; }.version-badge { padding:2px 7px; border:1px solid rgba(255,255,255,.32); border-radius:999px; color:rgba(255,255,255,.78); font-size:11px; font-weight:750; letter-spacing:.03em; }
.topnav { display:flex; align-items:center; gap:18px; }.topnav a,.link-button { color:white; text-decoration:none; opacity:.9; }.topnav a:hover,.link-button:hover { opacity:1; text-decoration:underline; }.topnav form { margin:0; }
.container { width:min(1100px,calc(100% - 32px)); margin:38px auto 80px; }
h1 { font-size:30px; letter-spacing:-.025em; margin:0 0 8px; } h2 { font-size:19px; margin-top:0; }
.muted { color:var(--muted); }.heading-row,.actions { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.card { background:white; border:1px solid var(--line); border-radius:10px; padding:24px; margin:20px 0; box-shadow:0 1px 2px rgba(16,24,40,.04); }
.narrow { max-width:520px; margin:80px auto; }.banner { padding:13px 16px; border-radius:8px; margin-bottom:24px; }
.warning { background:#fff7e6; border-color:#f5c56b; color:var(--amber); }.demo { background:#e8f2ff; border:1px solid #7db4e6; color:#174e7a; }.error { background:#fff5f4; border-color:#f4aaa4; color:#7a271a; }.success { background:#ecfdf3; border-color:#8ee0b5; color:var(--green); }
.button { display:inline-block; border:0; border-radius:7px; padding:10px 15px; font-weight:700; text-decoration:none; cursor:pointer; font:inherit; }
.button:disabled { opacity:.45; cursor:not-allowed; }.primary { background:var(--blue); color:white; }.secondary { background:#e8edf1; color:var(--ink); }.danger { background:var(--red); color:white; }
.link-button { color:white; background:transparent; border:0; cursor:pointer; font:inherit; }
.table-wrap { overflow:auto; background:white; border:1px solid var(--line); border-radius:10px; } table { width:100%; border-collapse:collapse; }
th,td { text-align:left; padding:15px 17px; border-bottom:1px solid var(--line); vertical-align:middle; } th { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.05em; } tr:last-child td { border-bottom:0; }.action { text-align:right; }
.badge { display:inline-block; padding:4px 9px; border-radius:999px; font-size:12px; font-weight:750; }.eligible { background:#dff7e9; color:var(--green); }.ineligible { background:#f1f3f5; color:var(--muted); cursor:help; }.ineligible:focus { outline:2px solid var(--blue); outline-offset:2px; }
.summary-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:22px; margin:0; }.summary-grid div { border-left:3px solid #c9d7e2; padding-left:12px; }.summary-grid dt { color:var(--muted); font-size:12px; text-transform:uppercase; }.summary-grid dd { margin:4px 0 0; font-weight:750; font-size:18px; }
details { margin:12px 0; } summary { cursor:pointer; font-weight:700; } pre { overflow:auto; padding:15px; border-radius:7px; background:#101820; color:#e6edf3; font-size:12px; }
.order-summary-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; }.order-summary { padding:18px; border:1px solid var(--line); border-radius:9px; background:#f9fbfc; }.order-summary h3 { margin:5px 0 12px; font-size:19px; }.order-summary ul { margin:0; padding-left:20px; }.order-summary li + li { margin-top:7px; }.order-label { color:var(--blue); font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.actions { justify-content:flex-end; margin-top:24px; }.actions form { margin:0; }.action .button { white-space:nowrap; }
.loading-overlay { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:24px; background:rgba(20,32,43,.64); backdrop-filter:blur(2px); }
.loading-overlay[hidden] { display:none; }.loading-panel { width:min(460px,100%); display:grid; grid-template-columns:28px 1fr; column-gap:14px; row-gap:3px; align-items:center; padding:22px; border-radius:11px; background:white; box-shadow:0 16px 50px rgba(0,0,0,.25); }.loading-panel strong { font-size:17px; }.loading-panel .muted { grid-column:2; }.spinner { width:26px; height:26px; grid-row:1 / span 2; border:3px solid #c9d7e2; border-top-color:var(--blue); border-radius:50%; animation:spin .75s linear infinite; }@keyframes spin { to { transform:rotate(360deg); } }
.doc-list li + li { margin-top:8px; }.code-block { overflow:auto; padding:15px; border-radius:7px; background:#101820; color:#e6edf3; font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:pre; }.callout { border-left:4px solid var(--blue); padding:12px 16px; background:#eef6fc; }
@media (max-width:700px) { .topbar { height:auto; min-height:64px; padding-top:12px; padding-bottom:12px; gap:16px; }.topnav { gap:10px; flex-wrap:wrap; justify-content:flex-end; }.topnav a { font-size:13px; }.heading-row { align-items:flex-start; }.action { min-width:190px; } h1 { font-size:25px; } }