.container{display:flex;flex:1;overflow:hidden}main{flex:1;overflow-y:auto;padding:2rem}@media(max-width:768px){body,.container{flex-direction:column}main{padding:1.5rem}}@media(max-width:480px){main{padding:1rem}}main{padding-block:2rem;padding-inline:4rem;line-height:1.6}main h2:not([class]):before,main h3:not([class]):before,main h4:not([class]):before{content:attr(data-counter) ". ";color:var(--text-muted)}main h2{font-size:1.35rem;color:var(--text-primary);margin-top:2.5rem;margin-bottom:1.25rem;font-weight:600;padding-bottom:.25rem;border-bottom:1px solid var(--border)}main h3{font-size:1.1rem;color:var(--text-primary);margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}main h4{font-size:.975rem;color:var(--text-primary);margin-top:1rem;margin-bottom:.5rem;font-weight:500}main p{margin-bottom:1.25rem;color:var(--text-secondary);line-height:1.75}main a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}main a:hover{color:var(--text-primary);border-bottom-color:var(--code-keyword)}main section{padding-bottom:1.125rem}main code{font-family:JetBrains Mono,Menlo,monospace;background-color:var(--code-bg);border:1px solid var(--border);border-radius:4px;color:var(--code-text);font-size:.875em;padding:.15em .4em}main pre{background-color:var(--code-bg);border:1px solid var(--border);border-radius:8px;overflow-x:auto;margin:1.5rem 0;color:var(--code-text);font-size:.85rem;line-height:1.65;tab-size:4}main pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit}main ul,main ol{margin-left:1.5rem;margin-bottom:1.25rem}main li{margin-bottom:.5rem;color:var(--text-secondary);line-height:1.65}main li>code,main p>code{background-color:var(--code-bg);border:1px solid var(--border);padding:.15em .4em;border-radius:3px;font-size:.875em}main .comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:2rem 0}main .comparison-item{padding:1.25rem;background-color:var(--aside-bg);border:1px solid var(--border);border-radius:8px;transition:border-color .15s ease,transform .15s ease}main .comparison-item:hover{border-color:var(--text-accent);transform:translateY(-1px)}main .comparison-item h4{color:var(--text-primary);font-weight:600;margin-bottom:.75rem;font-size:.975rem}main .comparison-item p{font-size:.875rem;margin-bottom:0}@media(max-width:768px){main{padding:1.5rem}main h1{font-size:1.75rem}main h2{font-size:1.25rem}main h3{font-size:1.025rem}main .comparison{grid-template-columns:1fr;gap:1rem}main pre{padding:.75rem}}@media(max-width:480px){main{padding:1rem}main h1{font-size:1.5rem}main h2{font-size:1.15rem}main pre{font-size:.8rem;padding:.5rem}main code{font-size:.825em}}main table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.875rem;background-color:var(--aside-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}main thead{background-color:var(--code-bg);border-bottom:1px solid var(--border)}main th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.6px}main td{padding:.75rem 1rem;border-bottom:1px solid var(--border);color:var(--text-secondary);line-height:1.6}main tbody tr:last-child td{border-bottom:none}main tbody tr{transition:background-color .15s ease}main tbody tr:hover{background-color:var(--hover-bg)}main td code,main th code{background-color:var(--code-bg);border:1px solid var(--border);padding:.15em .4em;border-radius:3px;font-size:.825em}main td a{color:var(--accent);border-bottom:1px solid transparent;transition:border-color .15s ease}main td a:hover{border-bottom-color:var(--code-keyword)}@media(max-width:768px){main table{font-size:.825rem}main th,main td{padding:.625rem .875rem}main th{font-size:.7rem}}@media(max-width:480px){main table{display:block;overflow-x:auto;white-space:nowrap;border-radius:4px}main th,main td{padding:.5rem .625rem}}main blockquote{border-left:2px solid var(--border);margin:1.5rem 0;padding:.75rem 1.25rem;border-radius:0 6px 6px 0}main blockquote p{color:var(--text-muted);font-style:italic;margin-bottom:0;line-height:1.7}main blockquote p:not(:last-child){margin-bottom:.75rem}