/* Spoofey prose kit: everything inside a long-form article body (#article-body
   .article), shared by blog posts (blog-post.html) and help-centre articles
   (support-article.html, API endpoint pages included). The page itself owns
   the frame (hero, columns, sidebars) and the type scale; this file owns the
   pieces a post is written out of: links, lists, callouts, code, tables,
   images, quotes, dividers and the FAQ accordion.

   Markup comes from two renderers that must keep producing the same classes:
   renderMarkdown() in each page (client) and buildRenderer() in the API's
   blog-pages.js / support-pages.js (server, first paint). */

.article{--p-ink:#CDD4EA;--p-strong:#F5F7FF;--p-link:#9CC2FF;--p-line:rgba(147,197,253,.14);--p-panel:#0B1022;
  color:var(--p-ink);overflow-wrap:break-word;min-width:0;font-feature-settings:"ss01","cv11"}
.article > *:first-child{margin-top:0}
.article strong{color:var(--p-strong);font-weight:650}
.article em{color:#E2E7F8}

/* links: a quiet underline that lights up */
.article a{color:var(--p-link);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(156,194,255,.35);
  text-underline-offset:3.5px;transition:color .15s,text-decoration-color .15s}
.article a:hover{color:#fff;text-decoration-color:#9CC2FF}

/* inline code */
.article :not(pre) > code{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.84em;font-weight:500;color:#C7D2FE;
  background:rgba(99,102,241,.13);border:1px solid rgba(129,140,248,.22);border-radius:6px;padding:.12em .42em;white-space:nowrap}

/* ---------- lists ---------- */
.article ul,.article ol{margin:0 0 24px;padding:0;list-style:none}
.article li{position:relative;margin:0 0 10px;padding-left:28px}
.article li > ul,.article li > ol{margin:10px 0 0}
/* bullets: a small lit diamond, the site's facet motif */
.article ul > li::before{content:"";position:absolute;left:6px;top:.72em;width:7px;height:7px;border-radius:1.5px;transform:rotate(45deg);
  background:linear-gradient(135deg,#93C5FD,#6366F1);box-shadow:0 0 10px rgba(99,102,241,.55)}
.article ul ul > li::before{background:none;border:1px solid #818CF8;box-shadow:none}
/* numbers: a plain numeral in the accent, set like the text, no tile */
.article ol{counter-reset:ol}
.article ol > li{counter-increment:ol;padding-left:30px}
.article ol > li::before{content:counter(ol) ".";position:absolute;left:0;top:0;min-width:20px;
  font-weight:650;font-variant-numeric:tabular-nums;color:#93C5FD}
/* a top-level numbered list reads as steps: each number in a lit disc on
   the first line, the discs joined by a thin rail */
.article > ol{margin-bottom:28px}
.article > ol > li{padding:0 0 18px 44px;margin:0}
.article > ol > li:last-child{padding-bottom:0}
.article > ol > li::before{content:counter(ol);top:calc(.88em - 10px);width:26px;height:26px;min-width:0;border-radius:50%;
  display:grid;place-items:center;font:650 12.5px/1 'Geist',system-ui,sans-serif;color:#EEF2FF;
  background:linear-gradient(160deg,rgba(99,102,241,.62),rgba(37,99,235,.32));
  box-shadow:inset 0 0 0 1px rgba(165,180,252,.5),0 8px 18px -8px rgba(79,70,229,.9)}
.article > ol > li:not(:last-child)::after{content:"";position:absolute;left:12px;width:2px;border-radius:2px;
  top:calc(.88em + 20px);bottom:calc(14px - .88em);background:linear-gradient(180deg,rgba(129,140,248,.6),rgba(99,102,241,.18))}

/* ---------- callouts: > [!NOTE] / [!TIP] / [!WARNING] / [!DANGER] ----------
   A tinted panel lit from its top-left corner: the glyph and a short title
   on one line, the text lined up under the title. */
.callout{--c:#60A5FA;--c2:#BFDBFE;--c-rgb:96,165,250;position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:12px;
  margin:30px 0;padding:17px 20px 18px 18px;border-radius:16px;font-size:.94em;line-height:1.65;color:#D3D9EE;
  background:radial-gradient(130% 160% at 0% 0%,rgba(var(--c-rgb),.15),rgba(var(--c-rgb),0) 55%),linear-gradient(180deg,rgba(var(--c-rgb),.05),rgba(var(--c-rgb),.02)),var(--p-panel,#0B1022);
  border:1px solid rgba(var(--c-rgb),.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 40px -30px rgba(var(--c-rgb),.55)}
.callout .cicon{grid-column:1;grid-row:1;width:20px;height:20px;margin-top:1px;color:var(--c);filter:drop-shadow(0 0 6px rgba(var(--c-rgb),.45))}
.callout > div{grid-column:2;grid-row:1;min-width:0}
.callout > div::before,.callout .ctitle{display:block;margin-bottom:4px;font:600 14.5px/22px 'Geist',system-ui,sans-serif;letter-spacing:-.005em;color:var(--c2)}
.callout.note > div::before{content:"Note"}
.callout.tip > div::before{content:"Tip"}
.callout.warn > div::before{content:"Warning"}
.callout.danger > div::before{content:"Important"}
.callout p{margin:0 0 8px}.callout p:last-child{margin:0}
.callout strong{color:#fff}
.callout a{color:#fff;text-decoration-color:rgba(var(--c-rgb),.6)}
.callout :not(pre) > code{background:rgba(var(--c-rgb),.12);border-color:rgba(var(--c-rgb),.28);color:var(--c2)}
.callout.note{--c:#60A5FA;--c2:#BFDBFE;--c-rgb:96,165,250}
.callout.tip{--c:#2DD4BF;--c2:#99F6E4;--c-rgb:45,212,191}
.callout.warn{--c:#FBBF24;--c2:#FDE68A;--c-rgb:251,191,36}
.callout.danger{--c:#F87171;--c2:#FECACA;--c-rgb:248,113,113}
/* the server's first-paint callout has a .ctitle and no glyph */
.callout:has(> .ctitle){display:block;padding-left:20px}
.callout > .ctitle + p{margin-top:0}

/* ---------- code: a small window ---------- */
.code-wrap{position:relative;margin:28px 0;border-radius:14px;overflow:hidden;background:#090D1C;
  border:1px solid rgba(147,197,253,.16);box-shadow:0 30px 60px -40px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.04)}
.code-head{display:flex;align-items:center;gap:12px;padding:9px 10px 9px 14px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  border-bottom:1px solid rgba(147,197,253,.12);font:500 12px/1 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.02em;color:#8E9AC0;text-transform:lowercase}
/* the three window lights */
.code-head::before{content:"";flex:0 0 auto;width:40px;height:10px;
  background:radial-gradient(circle at 5px 5px,#FF5F57 4px,transparent 4.5px),radial-gradient(circle at 20px 5px,#FEBC2E 4px,transparent 4.5px),radial-gradient(circle at 35px 5px,#28C840 4px,transparent 4.5px);
  opacity:.85}
.code-head > span{flex:1}
.code-wrap pre{margin:0;padding:18px 20px 20px;overflow-x:auto;scrollbar-width:thin}
.code-wrap code,.code-wrap code.hljs{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:13.5px;line-height:1.7;background:none!important;padding:0!important}
.copy-btn{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:5px 10px;border-radius:8px;cursor:pointer;
  font:500 12px/1 'Geist',system-ui,sans-serif;text-transform:none;letter-spacing:0;color:#A9B4D6;
  background:rgba(255,255,255,.04);border:1px solid rgba(147,197,253,.18);transition:color .15s,background .15s,border-color .15s}
.copy-btn::before{content:"";width:12px;height:12px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='currentColor' stroke='none'%3E%3Cpath fill-opacity='0.48' d='M4 2L13 2L15 4L15 13L13 15L4 15L2 13L2 4Z'/%3E%3Cpath fill-opacity='0.92' d='M15 15L10 8L20 8Z'/%3E%3Cpath fill-opacity='0.72' d='M15 15L20 8L22 10Z'/%3E%3Cpath fill-opacity='0.52' d='M15 15L22 10L22 20Z'/%3E%3Cpath fill-opacity='0.44' d='M15 15L22 20L20 22Z'/%3E%3Cpath fill-opacity='0.52' d='M15 15L20 22L10 22Z'/%3E%3Cpath fill-opacity='0.72' d='M15 15L10 22L8 20Z'/%3E%3Cpath fill-opacity='0.92' d='M15 15L8 20L8 10Z'/%3E%3Cpath d='M15 15L8 10L10 8Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='currentColor' stroke='none'%3E%3Cpath fill-opacity='0.48' d='M4 2L13 2L15 4L15 13L13 15L4 15L2 13L2 4Z'/%3E%3Cpath fill-opacity='0.92' d='M15 15L10 8L20 8Z'/%3E%3Cpath fill-opacity='0.72' d='M15 15L20 8L22 10Z'/%3E%3Cpath fill-opacity='0.52' d='M15 15L22 10L22 20Z'/%3E%3Cpath fill-opacity='0.44' d='M15 15L22 20L20 22Z'/%3E%3Cpath fill-opacity='0.52' d='M15 15L20 22L10 22Z'/%3E%3Cpath fill-opacity='0.72' d='M15 15L10 22L8 20Z'/%3E%3Cpath fill-opacity='0.92' d='M15 15L8 20L8 10Z'/%3E%3Cpath d='M15 15L8 10L10 8Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.copy-btn:hover{color:#fff;background:rgba(99,102,241,.18);border-color:rgba(129,140,248,.45)}
/* highlight.js, retuned to the site palette (over atom-one-dark) */
.article .hljs,.ep-card .hljs{color:#D6DCF2}
.hljs-keyword,.hljs-built_in,.hljs-selector-tag{color:#A5B4FC}
.hljs-string,.hljs-attr + .hljs-string{color:#7EE7C7}
.hljs-attr,.hljs-property,.hljs-variable{color:#93C5FD}
.hljs-number,.hljs-literal{color:#FBBF77}
.hljs-comment{color:#5C6890;font-style:italic}
.hljs-title,.hljs-title.function_{color:#C4B5FD}
.hljs-meta,.hljs-punctuation{color:#7D88B0}

/* ---------- tables: a framed card ---------- */
.table-wrap{margin:28px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;border:1px solid var(--p-line,rgba(147,197,253,.14));
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 60%),var(--p-panel,#0B1022);scrollbar-width:thin}
.article table{width:100%;border-collapse:collapse;margin:0;font-size:.86em;line-height:1.5}
.table-wrap table{min-width:480px}
.article table:not(.table-wrap table){table-layout:fixed}
.article td,.article th{overflow-wrap:break-word;word-break:break-word}
.article th,.article td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--p-line,rgba(147,197,253,.12))}
.article tbody tr:last-child td{border-bottom:0}
.article th{font:600 12px/1.3 'Geist',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8E9AC0;background:rgba(255,255,255,.03)}
.article td:first-child{color:var(--p-strong);font-weight:550}
.article tbody tr{transition:background .15s}
.article tbody tr:hover{background:rgba(99,102,241,.06)}

/* ---------- images ---------- */
.article img:not(.avatar){display:block;max-width:100%;height:auto;margin:30px auto;border-radius:16px;border:1px solid rgba(147,197,253,.18);
  box-shadow:0 40px 80px -50px rgba(37,99,235,.7),0 0 0 1px rgba(6,9,18,.6)}
.article p > img:not(.avatar):only-child{margin:8px auto}
.article svg,.article iframe,.article video{max-width:100%}
.article svg:not(.cicon){height:auto}
.article iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:16px;margin:30px 0}

/* figures: an image alone in its paragraph, captioned with its alt text
   (article.js) */
.article .a-fig{margin:34px 0}
.article .a-fig img:not(.avatar){margin:0 auto}
/* a portrait (phone / modal) screenshot: cap it so it reads at roughly its
   real size instead of stretching to the full text column (article.js adds
   .is-portrait once it knows the image is taller than it is wide) */
.article .a-fig.is-portrait img:not(.avatar){max-width:400px}
.article figcaption{margin-top:12px;text-align:center;font:500 13.5px/1.5 'Geist',system-ui,sans-serif;color:#8E9AC0;text-wrap:balance}

/* section links: shown on hover, copy the URL to that heading (article.js) */
.article h2,.article h3{position:relative}
.h-link{display:inline-block;width:.62em;height:.62em;margin-left:.34em;vertical-align:.02em;opacity:0;text-decoration:none!important;
  background:#7D88B0;transition:opacity .15s,background .15s;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='currentColor' stroke='none'%3E%3Cpath fill-opacity='0.99' d='M7.79 10.34L5.79 12.34L6.77 12.99L8.61 11.15Z'/%3E%3Cpath fill-opacity='0.41' d='M8.61 11.15L6.77 12.99L7.74 13.64L9.42 11.96Z'/%3E%3Cpath fill-opacity='0.94' d='M5.79 12.34L4.64 15.11L5.89 15.11L6.77 12.99Z'/%3E%3Cpath fill-opacity='0.46' d='M6.77 12.99L5.89 15.11L7.13 15.11L7.74 13.64Z'/%3E%3Cpath fill-opacity='0.74' d='M4.64 15.11L5.89 18.11L6.77 17.23L5.89 15.11Z'/%3E%3Cpath fill-opacity='0.66' d='M5.89 15.11L6.77 17.23L7.65 16.35L7.13 15.11Z'/%3E%3Cpath fill-opacity='0.52' d='M5.89 18.11L8.89 19.36L8.89 18.11L6.77 17.23Z'/%3E%3Cpath fill-opacity='0.88' d='M6.77 17.23L8.89 18.11L8.89 16.87L7.65 16.35Z'/%3E%3Cpath fill-opacity='0.4' d='M8.89 19.36L11.66 18.21L11.01 17.23L8.89 18.11Z'/%3E%3Cpath d='M8.89 18.11L11.01 17.23L10.36 16.26L8.89 16.87Z'/%3E%3Cpath fill-opacity='0.41' d='M11.66 18.21L13.66 16.21L12.85 15.39L11.01 17.23Z'/%3E%3Cpath fill-opacity='0.99' d='M11.01 17.23L12.85 15.39L12.04 14.58L10.36 16.26Z'/%3E%3Cpath fill-opacity='0.41' d='M11.96 9.42L13.64 7.74L12.99 6.77L11.15 8.61Z'/%3E%3Cpath fill-opacity='0.99' d='M11.15 8.61L12.99 6.77L12.34 5.79L10.34 7.79Z'/%3E%3Cpath fill-opacity='0.4' d='M13.64 7.74L15.11 7.13L15.11 5.89L12.99 6.77Z'/%3E%3Cpath d='M12.99 6.77L15.11 5.89L15.11 4.64L12.34 5.79Z'/%3E%3Cpath fill-opacity='0.52' d='M15.11 7.13L16.35 7.65L17.23 6.77L15.11 5.89Z'/%3E%3Cpath fill-opacity='0.88' d='M15.11 5.89L17.23 6.77L18.11 5.89L15.11 4.64Z'/%3E%3Cpath fill-opacity='0.74' d='M16.35 7.65L16.87 8.89L18.11 8.89L17.23 6.77Z'/%3E%3Cpath fill-opacity='0.66' d='M17.23 6.77L18.11 8.89L19.36 8.89L18.11 5.89Z'/%3E%3Cpath fill-opacity='0.94' d='M16.87 8.89L16.26 10.36L17.23 11.01L18.11 8.89Z'/%3E%3Cpath fill-opacity='0.46' d='M18.11 8.89L17.23 11.01L18.21 11.66L19.36 8.89Z'/%3E%3Cpath fill-opacity='0.99' d='M16.26 10.36L14.58 12.04L15.39 12.85L17.23 11.01Z'/%3E%3Cpath fill-opacity='0.41' d='M17.23 11.01L15.39 12.85L16.21 13.66L18.21 11.66Z'/%3E%3Cpath fill-opacity='0.41' d='M10.41 15.22L15.22 10.41L14.4 9.6L9.6 14.4Z'/%3E%3Cpath fill-opacity='0.99' d='M9.6 14.4L14.4 9.6L13.59 8.78L8.78 13.59Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='currentColor' stroke='none'%3E%3Cpath fill-opacity='0.99' d='M7.79 10.34L5.79 12.34L6.77 12.99L8.61 11.15Z'/%3E%3Cpath fill-opacity='0.41' d='M8.61 11.15L6.77 12.99L7.74 13.64L9.42 11.96Z'/%3E%3Cpath fill-opacity='0.94' d='M5.79 12.34L4.64 15.11L5.89 15.11L6.77 12.99Z'/%3E%3Cpath fill-opacity='0.46' d='M6.77 12.99L5.89 15.11L7.13 15.11L7.74 13.64Z'/%3E%3Cpath fill-opacity='0.74' d='M4.64 15.11L5.89 18.11L6.77 17.23L5.89 15.11Z'/%3E%3Cpath fill-opacity='0.66' d='M5.89 15.11L6.77 17.23L7.65 16.35L7.13 15.11Z'/%3E%3Cpath fill-opacity='0.52' d='M5.89 18.11L8.89 19.36L8.89 18.11L6.77 17.23Z'/%3E%3Cpath fill-opacity='0.88' d='M6.77 17.23L8.89 18.11L8.89 16.87L7.65 16.35Z'/%3E%3Cpath fill-opacity='0.4' d='M8.89 19.36L11.66 18.21L11.01 17.23L8.89 18.11Z'/%3E%3Cpath d='M8.89 18.11L11.01 17.23L10.36 16.26L8.89 16.87Z'/%3E%3Cpath fill-opacity='0.41' d='M11.66 18.21L13.66 16.21L12.85 15.39L11.01 17.23Z'/%3E%3Cpath fill-opacity='0.99' d='M11.01 17.23L12.85 15.39L12.04 14.58L10.36 16.26Z'/%3E%3Cpath fill-opacity='0.41' d='M11.96 9.42L13.64 7.74L12.99 6.77L11.15 8.61Z'/%3E%3Cpath fill-opacity='0.99' d='M11.15 8.61L12.99 6.77L12.34 5.79L10.34 7.79Z'/%3E%3Cpath fill-opacity='0.4' d='M13.64 7.74L15.11 7.13L15.11 5.89L12.99 6.77Z'/%3E%3Cpath d='M12.99 6.77L15.11 5.89L15.11 4.64L12.34 5.79Z'/%3E%3Cpath fill-opacity='0.52' d='M15.11 7.13L16.35 7.65L17.23 6.77L15.11 5.89Z'/%3E%3Cpath fill-opacity='0.88' d='M15.11 5.89L17.23 6.77L18.11 5.89L15.11 4.64Z'/%3E%3Cpath fill-opacity='0.74' d='M16.35 7.65L16.87 8.89L18.11 8.89L17.23 6.77Z'/%3E%3Cpath fill-opacity='0.66' d='M17.23 6.77L18.11 8.89L19.36 8.89L18.11 5.89Z'/%3E%3Cpath fill-opacity='0.94' d='M16.87 8.89L16.26 10.36L17.23 11.01L18.11 8.89Z'/%3E%3Cpath fill-opacity='0.46' d='M18.11 8.89L17.23 11.01L18.21 11.66L19.36 8.89Z'/%3E%3Cpath fill-opacity='0.99' d='M16.26 10.36L14.58 12.04L15.39 12.85L17.23 11.01Z'/%3E%3Cpath fill-opacity='0.41' d='M17.23 11.01L15.39 12.85L16.21 13.66L18.21 11.66Z'/%3E%3Cpath fill-opacity='0.41' d='M10.41 15.22L15.22 10.41L14.4 9.6L9.6 14.4Z'/%3E%3Cpath fill-opacity='0.99' d='M9.6 14.4L14.4 9.6L13.59 8.78L8.78 13.59Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.article h2:hover .h-link,.article h3:hover .h-link,.h-link:focus-visible{opacity:1}
.h-link:hover{background:#C7D2FE}
.h-link.done{opacity:1;background:#5EEAD4;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='currentColor' stroke='none'%3E%3Cpath fill-opacity='0.85' d='M2.37 13.63L9.02 20.29L9 18L3.5 12.5Z'/%3E%3Cpath fill-opacity='0.85' d='M3.5 12.5L9 18L8.98 15.71L4.63 11.37Z'/%3E%3Cpath fill-opacity='0.7' d='M9.02 20.29L21.66 7.11L20.5 6L9 18Z'/%3E%3Cpath d='M9 18L20.5 6L19.34 4.89L8.98 15.71Z'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='currentColor' stroke='none'%3E%3Cpath fill-opacity='0.85' d='M2.37 13.63L9.02 20.29L9 18L3.5 12.5Z'/%3E%3Cpath fill-opacity='0.85' d='M3.5 12.5L9 18L8.98 15.71L4.63 11.37Z'/%3E%3Cpath fill-opacity='0.7' d='M9.02 20.29L21.66 7.11L20.5 6L9 18Z'/%3E%3Cpath d='M9 18L20.5 6L19.34 4.89L8.98 15.71Z'/%3E%3C/g%3E%3C/svg%3E")}
@media(hover:none){.h-link{display:none}}

/* ---------- divider: a hairline with a lit diamond ---------- */
.article hr{position:relative;border:0;height:1px;margin:48px 0;overflow:visible;
  background:linear-gradient(90deg,transparent,rgba(147,197,253,.28) 30%,rgba(147,197,253,.28) 70%,transparent)}
.article hr::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%) rotate(45deg);
  background:linear-gradient(135deg,#93C5FD,#6366F1);box-shadow:0 0 0 6px var(--void,#05070E),0 0 12px rgba(99,102,241,.7)}

/* ---------- FAQ accordion (!faq blocks) ---------- */
.faq{display:flex;flex-direction:column;gap:10px;margin:28px 0}
.faq-item{border:1px solid rgba(147,197,253,.14);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--p-panel,#0B1022);
  overflow:hidden;contain:layout paint;transition:border-color .25s ease,box-shadow .25s ease}
.faq-item:hover{border-color:rgba(129,140,248,.3)}
.faq-item.open{border-color:rgba(99,102,241,.5);box-shadow:0 24px 50px -32px rgba(79,70,229,.7)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:transparent;border:0;cursor:pointer;
  text-align:left;color:var(--p-strong,#F5F7FF);font:600 15.5px/1.4 'Geist',system-ui,sans-serif}
.faq-q .chev{width:26px;height:26px;padding:6px;flex-shrink:0;border-radius:8px;color:#A5B4FC;background:rgba(99,102,241,.12);transition:transform .3s ease,background .2s}
.faq-item.open .faq-q .chev{transform:rotate(180deg);background:rgba(99,102,241,.25)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a p{padding:0 20px 18px;color:#B9C1DC;font-size:15px;line-height:1.65;margin:0}
.faq-a p+p{padding-top:0}

@media(max-width:600px){
  .callout{column-gap:10px;padding:15px 16px 16px 15px}
  .code-wrap pre{padding:16px}
  .code-wrap code,.code-wrap code.hljs{font-size:12.5px}
  .article th,.article td{padding:11px 13px}
}