.learning-article{min-width:0;color:var(--text)}.learning-article :is(.chakra-card,.chakra-card__body,.chakra-stack,.chakra-tabs,.chakra-tabs__tab-panel){min-width:0}.learning-article .chakra-stack>*{min-width:0;max-width:100%}.learning-article>.chakra-stack>:first-child .chakra-heading{letter-spacing:-.8px;line-height:1.2}.learning-article .chakra-card__body{padding:clamp(18px,2vw,24px)}.learning-code .code-window{margin:0}.learning-code .code-window pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.learning-code .code-window-compact pre{padding:10px 12px;font-size:12px}.learning-code pre:focus-visible{outline:2px solid var(--code-identity);outline-offset:-2px}.restyle-app .syntax-inline{background:var(--carbon-bg);color:var(--code-text);border:1px solid var(--carbon-border);border-radius:4px;font-family:var(--font-code);white-space:pre-wrap;overflow-wrap:anywhere;padding:1px 5px}.learning-article :is(.learning-table-scroll,.chakra-table__container){max-width:100%;min-width:0;overflow-x:auto;white-space:normal;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.learning-article .learning-table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.learning-article table{width:100%}.learning-article :is(th,td){border-color:var(--line)}.learning-article th{color:var(--muted);background:color-mix(in srgb,var(--surface) 75%,transparent)}.learning-article td{overflow-wrap:anywhere}.learning-article .chakra-tabs__tablist{flex-wrap:wrap;gap:4px;border-color:var(--line)}.learning-article .chakra-tabs__tab{white-space:normal}.learning-article .learning-warning{--panel-tint: var(--status-danger);border-color:color-mix(in srgb,var(--status-danger) 30%,var(--line))}@media(max-width:760px){.learning-article .learning-row{flex-wrap:wrap}.learning-article .chakra-heading{overflow-wrap:anywhere}.learning-article .chakra-tabs__tab-panel{padding-inline:0}.learning-article :is(th,td){padding-inline:10px}}@media(prefers-reduced-motion:reduce){.learning-article :is(.chakra-card,.chakra-button){transition:none;transform:none}}.learning-reading-column{width:100%;max-width:820px;margin-inline:auto}:is(.syntax-reference,.examples-reference) .learning-code .code-window pre{white-space:pre;overflow-wrap:normal;padding:12px 14px;font-size:13px;line-height:1.7}:is(.syntax-reference,.examples-reference) .code-toolbar{height:32px}