.term-interactive-demo.graphql-demo{border:1px solid var(--line);background:var(--color-white);border-radius:10px;gap:14px;padding:18px;display:grid}.term-interactive-demo.graphql-demo .graphql-demo-main{grid-template-columns:1fr;gap:14px;display:grid}.term-interactive-demo.graphql-demo .graphql-builder{border:1px solid var(--line);background:var(--soft);border-radius:9px;gap:11px;padding:13px;display:grid}.term-interactive-demo.graphql-demo .graphql-schema{gap:5px;display:grid}.term-interactive-demo.graphql-demo .graphql-schema small,.term-interactive-demo.graphql-demo .graphql-fields legend,.term-interactive-demo.graphql-demo .graphql-scenario>span{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.term-interactive-demo.graphql-demo .graphql-schema pre{border:1px solid var(--line);background:var(--color-white);color:#3a3a44;font-family:var(--font-geist-mono), ui-monospace, monospace;white-space:pre;border-radius:7px;margin:0;padding:10px 12px;font-size:12px;line-height:1.55;overflow-x:auto}.term-interactive-demo.graphql-demo .graphql-fields{border:0;gap:9px;margin:0;padding:0;display:grid}.term-interactive-demo.graphql-demo .graphql-fields-group{gap:5px;display:grid}.term-interactive-demo.graphql-demo .graphql-fields-group-label{color:#6a6a74;font-size:11px;font-weight:750}.term-interactive-demo.graphql-demo .graphql-fields-row{flex-wrap:wrap;gap:7px;display:flex}.term-interactive-demo.graphql-demo .graphql-field-toggle{border:1px solid var(--line);background:var(--color-white);color:#4a4a54;cursor:pointer;border-radius:7px;align-items:center;gap:7px;padding:6px 9px;font-size:12px;font-weight:650;transition:border-color .15s ease-out,background-color .15s ease-out,color .15s ease-out;display:inline-flex}.term-interactive-demo.graphql-demo .graphql-field-toggle:hover{border-color:var(--ink);color:var(--ink)}.term-interactive-demo.graphql-demo .graphql-field-toggle:focus-within{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.graphql-demo .graphql-field-toggle.is-on{border-color:var(--ink);background:var(--ink);color:var(--color-white)}.term-interactive-demo.graphql-demo .graphql-field-toggle span{grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:baseline;gap:0 6px;display:inline-grid}.term-interactive-demo.graphql-demo .graphql-field-toggle b{color:inherit;font-family:var(--font-geist-mono), ui-monospace, monospace;grid-row:1;font-size:12px;font-weight:800}.term-interactive-demo.graphql-demo .graphql-field-toggle i{color:currentColor;opacity:.75;font-family:var(--font-geist-mono), ui-monospace, monospace;grid-row:1;font-size:11px;font-style:normal;font-weight:650}.term-interactive-demo.graphql-demo .graphql-field-toggle em{color:currentColor;opacity:.8;grid-area:2/1/auto/-1;font-size:10px;font-style:normal;font-weight:600}.term-interactive-demo.graphql-demo .graphql-field-toggle.is-on em,.term-interactive-demo.graphql-demo .graphql-field-toggle.is-on i{opacity:.85}.term-interactive-demo.graphql-demo input[type=checkbox]{width:15px;min-width:15px;height:15px;min-height:15px;accent-color:var(--ink);margin:0}.term-interactive-demo.graphql-demo .graphql-scenario{grid-template-columns:1fr;gap:5px;display:grid}.term-interactive-demo.graphql-demo .graphql-scenario select{width:100%}.term-interactive-demo.graphql-demo .graphql-query{border:1px dashed var(--ink);background:var(--color-white);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;white-space:pre;border-radius:7px;margin:0;padding:10px 12px;font-size:12.5px;font-weight:700;line-height:1.55;overflow-x:auto}.term-interactive-demo.graphql-demo .graphql-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.term-interactive-demo.graphql-demo .graphql-cta{border:1px solid var(--color-rausch-600);background:var(--color-rausch-600);min-height:38px;color:var(--color-white);font:inherit;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 20px;font-size:14px;font-weight:750;transition:background-color .15s ease-out,border-color .15s ease-out;display:inline-flex}.term-interactive-demo.graphql-demo .graphql-cta:hover:not(:disabled){border-color:var(--color-rausch-600);background:color-mix(in srgb, var(--color-rausch-600) 88%, #000);color:var(--color-white)}.term-interactive-demo.graphql-demo .graphql-cta:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.graphql-demo .graphql-cta:disabled{opacity:.55;cursor:default}.term-interactive-demo.graphql-demo .graphql-reset{border:1px solid var(--line);background:var(--color-white);min-height:38px;color:var(--ink);font:inherit;border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;font-size:13px;font-weight:650;transition:border-color .15s ease-out,background-color .15s ease-out;display:inline-flex}.term-interactive-demo.graphql-demo .graphql-reset:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.graphql-demo .graphql-reset:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.graphql-demo .graphql-response-card{border:1px solid var(--line);background:var(--color-white);border-radius:9px;align-content:start;gap:10px;padding:13px;display:grid}.term-interactive-demo.graphql-demo .graphql-response-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.term-interactive-demo.graphql-demo .graphql-response-head small{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.term-interactive-demo.graphql-demo .graphql-response-size{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:12px;font-weight:750}.term-interactive-demo.graphql-demo .graphql-response-fields{gap:6px;margin:0;display:grid}.term-interactive-demo.graphql-demo .graphql-field{border:1px solid var(--line);background:var(--color-white);border-radius:6px;flex-wrap:wrap;align-items:center;gap:5px 8px;padding:7px 10px;display:flex}.term-interactive-demo.graphql-demo .graphql-field.is-ok{background:#f6fbf8;border-color:#c9e2d2}.term-interactive-demo.graphql-demo .graphql-field.is-failed{background:#fdf8ec;border-color:#e6cfa1}.term-interactive-demo.graphql-demo .graphql-field.is-forbidden{background:#f6f7fa;border-style:dashed;border-color:#c4c9d4}.term-interactive-demo.graphql-demo .graphql-field dt{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;margin:0;font-size:12px;font-weight:800}.term-interactive-demo.graphql-demo .graphql-field.is-forbidden dt{color:#5b6478}.term-interactive-demo.graphql-demo .graphql-field dd{color:#2a2a32;font-family:var(--font-geist-mono), ui-monospace, monospace;margin:0;font-size:12px;font-weight:650}.term-interactive-demo.graphql-demo .graphql-field.is-ok dd{color:#2f6a45}.term-interactive-demo.graphql-demo .graphql-field-group{border:1px solid var(--line);background:#fafafb;border-radius:7px;gap:5px;padding:8px 10px;display:grid}.term-interactive-demo.graphql-demo .graphql-field-group-label{color:#6a6a74;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:800}.term-interactive-demo.graphql-demo .graphql-field-group .graphql-field{border-color:#d6eade}.term-interactive-demo.graphql-demo .graphql-forbidden-tag{color:#5b6478;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#e6e8ee;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:800}.term-interactive-demo.graphql-demo .graphql-failed-tag{color:#8a6322;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#f3e3bf;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:800}.term-interactive-demo.graphql-demo .graphql-errors{background:#fdf8ec;border:1px solid #e6cfa1;border-left-width:3px;border-radius:6px;gap:4px;padding:9px 10px;display:grid}.term-interactive-demo.graphql-demo .graphql-errors small{color:#8a6322;letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.term-interactive-demo.graphql-demo .graphql-errors pre{color:#6b4f1e;font-family:var(--font-geist-mono), ui-monospace, monospace;white-space:pre;margin:0;font-size:11px;line-height:1.5;overflow-x:auto}.term-interactive-demo.graphql-demo .graphql-response-placeholder{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:7px;padding:14px 10px;font-size:12px;line-height:1.55}.term-interactive-demo.graphql-demo .graphql-contrast{grid-template-columns:1fr 1fr;gap:10px;display:grid}.term-interactive-demo.graphql-demo .graphql-contrast-card{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:4px;padding:11px 12px;display:grid}.term-interactive-demo.graphql-demo .graphql-contrast-card.is-graphql{border-color:var(--ink);background:var(--soft)}.term-interactive-demo.graphql-demo .graphql-contrast-card.is-rest{background:#f8f8fa;border-style:dashed;border-color:#c7c7cf}.term-interactive-demo.graphql-demo .graphql-contrast-card small{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.term-interactive-demo.graphql-demo .graphql-contrast-card.is-graphql small{color:var(--ink)}.term-interactive-demo.graphql-demo .graphql-contrast-card b{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:16px;font-weight:800}.term-interactive-demo.graphql-demo .graphql-contrast-card p{color:#4a4a54;font-family:var(--font-geist-mono), ui-monospace, monospace;margin:0;font-size:11.5px;font-weight:650;line-height:1.5}.term-interactive-demo.graphql-demo .graphql-demo-status{color:#6c6c76;margin:0;font-size:13px;line-height:1.6}.graphql-recap,.graphql-how-steps{gap:9px;margin:0;padding:0;list-style:none;display:grid}.graphql-recap li,.graphql-how-steps li{color:#4a4a54;font-size:13px;line-height:1.6}.graphql-recap li b,.graphql-how-steps li b{color:var(--ink)}.graphql-recap code,.graphql-how-steps code{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;background:#eceef2;border-radius:3px;padding:1px 5px;font-size:12px}.graphql-how-steps{counter-reset:gql-step}.graphql-how-steps li{counter-increment:gql-step;padding-left:28px;position:relative}.graphql-how-steps li:before{background:var(--ink);width:20px;height:20px;color:var(--color-white);content:counter(gql-step);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:1px;left:0}.graphql-examples{gap:11px;display:grid}.graphql-examples article{border-radius:9px;gap:6px;padding:13px;display:grid}.graphql-examples article.is-good{border:1px solid var(--ink);background:var(--color-white)}.graphql-examples article.is-bad{background:#f8f8fa;border:1px dashed #c7c7cf}.graphql-examples article small{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:700}.graphql-example-request{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.graphql-example-request b{background:var(--ink);color:var(--color-white);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:5px;padding:3px 8px;font-size:12px;font-weight:800}.graphql-example-request code{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:12.5px;font-weight:750}.graphql-example-status{color:var(--color-white);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:800}.graphql-example-status.is-success{background:#2f7a4a}.graphql-example-status.is-mask{background:#5b6478}.graphql-examples article p{color:#4a4a54;margin:0;font-size:13px;line-height:1.6}.graphql-examples article p code{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:12px}.term-card .term-preview.graphql-card-preview{background:linear-gradient(140deg,#fbfbff 0%,#f3f5fb 100%);border-color:#d7dbe6;gap:7px;padding:12px}.term-card .term-preview.graphql-card-preview>small{color:#6f7a96}.term-card .term-preview.graphql-card-preview .graphql-card-query{color:#2a3350;font-family:var(--font-geist-mono), ui-monospace, monospace;white-space:pre;background:#fff;border:1px solid #dde2f0;border-radius:6px;margin:0;padding:7px 8px;font-size:10px;font-weight:700;line-height:1.45;overflow-x:auto}.term-card .term-preview.graphql-card-preview .graphql-card-response{flex-wrap:wrap;gap:4px;display:flex}.term-card .term-preview.graphql-card-preview .graphql-card-on{color:#2f6a45;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#e5f6ed;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.term-card .term-preview.graphql-card-preview .graphql-card-off{color:#7a7a84;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#ececf0;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;text-decoration:line-through}.term-card .term-preview.graphql-card-preview>strong.graphql-card-verdict{color:var(--preview-ink,#222);text-overflow:clip;white-space:normal;margin:2px 0 0;font-size:11px;font-weight:800;line-height:1.5;display:block;overflow:visible}@media (max-width:760px){.term-interactive-demo.graphql-demo .graphql-demo-main{grid-template-columns:1fr}}@media (max-width:520px){.term-interactive-demo.graphql-demo .graphql-contrast{grid-template-columns:1fr}.term-interactive-demo.graphql-demo .graphql-cta{flex:140px}}@media (prefers-reduced-motion:reduce){.term-interactive-demo.graphql-demo .graphql-cta,.term-interactive-demo.graphql-demo .graphql-reset,.term-interactive-demo.graphql-demo .graphql-field-toggle{transition:none}}.term-card .term-preview.graphql-card-preview{--gql-ink:#e8f6ea;--gql-lime:#b6e05a;gap:8px;padding:10px;color:var(--gql-ink)!important;background:radial-gradient(circle at 80% 18%,#b6e05a29,#0000 34%),linear-gradient(168deg,#15241c,#0f1a14)!important;border-color:#1c2a22!important;grid-template-columns:1fr!important;display:grid!important}.graphql-card-slip{background:#173024;border:1px solid #2a4034;border-radius:12px;gap:5px;padding:10px;display:grid;box-shadow:0 10px 22px #08100c59}.graphql-card-slip header{justify-content:space-between;gap:8px;display:flex}.graphql-card-slip small{font-weight:850;color:#8aa892!important;font-size:8px!important}.graphql-card-slip header b{background:var(--gql-lime);border-radius:999px;padding:2px 6px;color:#142016!important;font-size:8px!important}.graphql-card-slip strong{color:var(--gql-ink)!important;font-size:13px!important}.graphql-card-slip p{margin:0;color:#d5ead8!important;font-size:11px!important}.graphql-card-slip span{color:#8aa892!important;font-size:9px!important}.graphql-card-conclusion{margin:0;font-weight:650;line-height:1.45;color:#d5ead8!important;font-size:10px!important}.term-interactive-demo.graphql-demo{--gql-ink:#e8f6ea;--gql-lime:#b6e05a;--gql-fail:#d4654f;color:var(--gql-ink);background:#121c16;border-color:#1c2a22;gap:12px;padding:12px;display:grid}.graphql-demo-card{background:#173024;border:1px solid #2a4034;border-radius:16px;gap:8px;padding:18px;display:grid;box-shadow:6px 16px 32px #08100c59}.graphql-demo-card.is-overfetch{background:#24301c}.graphql-demo-card.is-broken{border-color:var(--gql-fail);background:#2a1c1c}.graphql-demo-card header{justify-content:space-between;gap:8px;display:flex}.graphql-demo-card small{color:#8aa892;font-size:12px;font-weight:800}.graphql-demo-stamp{background:var(--gql-lime);color:#142016;border-radius:999px;padding:4px 8px;font-size:12px}.graphql-demo-card.is-broken .graphql-demo-stamp{background:var(--gql-fail);color:#fff7f4}.graphql-demo-card code{color:#b6e05a}.graphql-demo-card h3{letter-spacing:-.04em;margin:0;font-size:clamp(22px,3vw,30px)}.graphql-demo-card p,.graphql-demo-card li{color:#d5ead8;margin:0}.graphql-demo-fail{color:#ffd4c8;background:#3a2220;border-radius:8px;padding:8px 10px}.graphql-demo-skip{color:#8aa892!important}.graphql-demo-card ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.graphql-demo-controls{flex-wrap:wrap;gap:8px;display:flex}.term-interactive-demo.graphql-demo button{color:var(--gql-ink);background:#173024;border-color:#2a4034;border-radius:11px;min-height:40px;padding:8px 12px;font-weight:800}.term-interactive-demo.graphql-demo button:hover,.term-interactive-demo.graphql-demo button[aria-pressed=true]{border-color:var(--gql-lime);background:var(--gql-lime);color:#142016}.term-interactive-demo.graphql-demo button:focus-visible{outline-offset:3px;outline:3px solid #b6e05a73!important}.term-interactive-demo.graphql-demo .graphql-demo-recover{border-color:var(--gql-fail);background:var(--gql-fail);color:#fff7f4}.graphql-demo-note{margin:0;font-size:14px;line-height:1.55}.graphql-examples article.is-good{border-left:3px solid #2f6b4f}.graphql-examples article.is-bad{border-left:3px solid #d4654f}@media (max-width:780px){.graphql-demo-controls{flex-direction:column}.term-interactive-demo.graphql-demo button{width:100%}}