.markdown-prose{color:var(--gray-11);font-size:14.5px;line-height:1.8}.markdown-prose>p:first-of-type:first-letter{float:left;color:var(--accent-9);margin-top:6px;margin-right:8px;font-size:3.2em;font-weight:800;line-height:.8}.markdown-prose h1,.markdown-prose h2,.markdown-prose h3{color:var(--gray-12);letter-spacing:-.01em;margin-top:1.5em;margin-bottom:.5em;scroll-margin-top:60px;font-weight:700}.markdown-prose h1{border-bottom:1px solid var(--gray-4);padding-bottom:.4em;font-size:1.75rem}.markdown-prose h2{background-image:linear-gradient(90deg, var(--cat-from), var(--cat-to), transparent);background-position:bottom;background-repeat:no-repeat;background-size:100% 1px;border-bottom:none;padding-bottom:.4em;font-size:1.3rem}.markdown-prose h3{align-items:center;gap:8px;font-size:1.1rem;display:flex}.markdown-prose h3:before{content:"";background:var(--cat-from);border-radius:50%;flex-shrink:0;width:6px;height:6px}.markdown-prose h2.md-seek,.markdown-prose h3.md-seek{cursor:pointer;transition:color .15s}.markdown-prose h2.md-seek:after,.markdown-prose h3.md-seek:after{content:"▶";color:var(--cat-from);opacity:.5;vertical-align:middle;margin-left:.5em;font-size:.6em;transition:opacity .15s}.markdown-prose h2.md-seek:hover,.markdown-prose h3.md-seek:hover{color:var(--cat-from)}.markdown-prose h2.md-seek:hover:after,.markdown-prose h3.md-seek:hover:after{opacity:1}.markdown-prose h2.md-seek:focus-visible,.markdown-prose h3.md-seek:focus-visible{outline:2px solid var(--cat-from);outline-offset:3px;border-radius:4px}.markdown-prose p{color:var(--gray-11);margin-bottom:.85em}.markdown-prose ul,.markdown-prose ol{margin-bottom:.85em;padding-left:1.5em}.markdown-prose li{color:var(--gray-11);margin-bottom:.3em}.markdown-prose strong{color:var(--gray-12);font-weight:600}.markdown-prose em{font-style:italic}.markdown-prose code{font-family:var(--font-mono,monospace);background:var(--gray-3);border:1px solid var(--gray-4);border-radius:4px;padding:1px 5px;font-size:.85em}.markdown-prose pre{background:var(--gray-2);border:1px solid var(--gray-4);border-radius:10px;margin-bottom:1em;padding:0;position:relative;overflow:hidden}.markdown-prose pre code{background:0 0;border:none;padding:16px 18px;font-size:13px;line-height:1.7;display:block;overflow-x:auto}.code-pair-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:768px){.code-pair-grid{grid-template-columns:1fr}}.code-triple-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}@media (max-width:768px){.code-triple-grid{grid-template-columns:1fr 1fr}.code-triple-grid>:last-child{grid-column:1/-1}}@media (max-width:480px){.code-triple-grid{grid-template-columns:1fr}.code-triple-grid>:last-child{grid-column:auto}}.live-preview-wrapper{border:1px solid var(--gray-4);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.live-preview-wrapper iframe{background:var(--gray-1);border:none;flex:1;min-height:200px}.code-block-wrapper{border-radius:8px;min-width:0;position:relative;overflow:hidden}.code-block-bar{background:linear-gradient(90deg, var(--gray-3), var(--gray-2));border-bottom:1px solid var(--gray-4);align-items:center;gap:8px;padding:8px 14px;display:flex}.code-block-dots{gap:6px;display:flex}.code-block-dots span{border-radius:50%;width:10px;height:10px}.code-block-dots span:first-child{background:var(--red-9)}.code-block-dots span:nth-child(2){background:var(--amber-9)}.code-block-dots span:nth-child(3){background:var(--green-9)}.code-playground-textarea{resize:none;background:var(--gray-2);width:100%;color:var(--gray-12);font-size:var(--font-size-1);font-family:var(--font-mono,monospace);tab-size:2;border:none;outline:none;margin:0;padding:16px;line-height:1.7;display:block}.callout{border-left:3px solid;border-radius:0 6px 6px 0;margin-bottom:16px;padding:12px 16px}.callout-speak{border-left-color:var(--violet-8)}.callout-warn{border-left-color:var(--orange-8);background:var(--orange-2)}.callout-tip{border-left-color:var(--blue-8);background:var(--blue-2)}.timing-badge{color:var(--orange-11);background:var(--orange-3);border:1px solid var(--orange-6);border-radius:6px;margin-bottom:12px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.code-block-lang{color:var(--gray-8);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500;font-family:var(--font-mono,monospace);margin-left:auto}.markdown-prose blockquote{border-left:3px solid var(--accent-7);color:var(--gray-10);background:#ffffff05;border-radius:0 8px 8px 0;margin-bottom:.85em;margin-left:0;padding:12px 16px 12px 20px;font-style:italic;position:relative}.markdown-prose blockquote:before{content:"“";color:var(--accent-5);font-size:2.5em;font-style:normal;line-height:1;position:absolute;top:-4px;left:6px}.markdown-prose blockquote.callout{border-left-width:4px;border-radius:8px;padding:14px 18px 14px 22px;font-style:normal}.markdown-prose blockquote.callout:before{display:none}.markdown-prose blockquote.callout--takeaway{border-left-color:var(--jade-9);background:var(--jade-a2)}.markdown-prose blockquote.callout--note{border-left-color:var(--blue-9);background:var(--blue-a2)}.markdown-prose blockquote.callout--warning{border-left-color:var(--amber-9);background:var(--amber-a2)}.markdown-prose blockquote.callout--tip{border-left-color:var(--violet-9);background:var(--violet-a2)}.markdown-prose hr{background:linear-gradient(90deg, transparent, var(--cat-from), var(--cat-to), transparent);opacity:.4;border:none;height:1px;margin:2em 0}.markdown-prose table{border-collapse:collapse;width:100%;margin:1.25em 0;font-size:13px;display:block;overflow-x:auto}.markdown-prose th,.markdown-prose td{border:1px solid var(--gray-4);text-align:left;vertical-align:top;padding:.5em .75em}.markdown-prose th{background:var(--gray-3);color:var(--gray-12);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.markdown-prose tr:nth-child(2n) td{background:var(--gray-2)}.markdown-prose a{color:var(--accent-11);text-decoration:underline;-webkit-text-decoration-color:var(--accent-5);text-decoration-color:var(--accent-5);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s,text-decoration-color .15s}.markdown-prose a:hover{color:var(--accent-12);-webkit-text-decoration-color:var(--accent-11);text-decoration-color:var(--accent-11)}