main>section{& h2{color:color-mix(in srgb, var(--javascript) 50%, black);border-color:var(--javascript)}& h3{color:var(--javascript-secondary);border-color:var(--javascript-secondary)}& p{&[data-type=note]{--p-background:var(--quinary-light);--p-border:var(--javascript)}&>a{color:color-mix(in srgb, var(--javascript) 75%, black);&:hover{color:color-mix(in srgb, var(--javascript) 60%, black)}}}& a:has(>svg){outline-color:var(--javascript-secondary);--a-background:var(--javascript);--text-color:rgb(from var(--javascript-secondary) 0 calc(g - 35) calc(b - 11));width:fit-content;display:block;&:before{width:5%}}& table{width:100%;margin-bottom:var(--space-5);border-collapse:collapse;font-size:var(--text-base);& caption{margin-bottom:var(--space-2);color:var(--neutral-700);font-size:var(--text-sm);text-align:left}& th,& td{padding:var(--space-2) var(--space-3);border-bottom:var(--bw-thin) solid var(--javascript);text-align:left}& th{color:var(--javascript-secondary);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wider)}& tbody tr:hover{background:color-mix(in srgb, var(--javascript) 15%, transparent)}}&[aria-labelledby=functions]{& table{& th,& td{border-bottom:var(--bw-thin) solid var(--javascript-secondary)}& th{color:var(--javascript-secondary)}& tbody tr:hover{background:color-mix(in srgb, var(--javascript-secondary) 7%, transparent)}}}& ol{margin:var(--space-4) 0;padding:var(--space-4);gap:var(--space-4);background:color-mix(in srgb, var(--primary-light) 50%, transparent);border-radius:var(--radius-lg);letter-spacing:var(--ls-wide);font-size:var(--text-base);flex-direction:column;list-style-position:inside;display:flex;&>li::marker{color:#000;font-weight:var(--fw-semibold)}}&[aria-labelledby=faq] details{--details-color:color-mix(in srgb, var(--javascript-secondary) 50%, white);--details-active:var(--javascript-secondary)}& code{font-weight:var(--fw-bold);color:color-mix(in srgb, var(--javascript) 50%, black)}& pre{background:var(--javascript-secondary);color:var(--neutral-100);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);font-size:var(--text-sm);line-height:var(--lh-relaxed);overflow-x:auto;& code{font-weight:var(--fw-regular);color:inherit;background:0 0;padding:0}&::-webkit-scrollbar{width:8px;height:8px}&::-webkit-scrollbar-track{background:color-mix(in srgb, var(--javascript-secondary) 70%, black);border-radius:0 0 var(--radius-xl) var(--radius-xl)}&::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--javascript) 70%, transparent);border-radius:var(--radius-xl)}&::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--javascript) 90%, transparent)}}& dl{gap:var(--space-2);flex-direction:column;margin:0;padding:0;display:flex;&>div{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--neutral-50);border:var(--bw-medium) solid var(--neutral-300);border-left:var(--bw-thick) solid var(--primary-hover);border-radius:var(--radius-md);transition:background-color var(--duration-normal), border-color var(--duration-normal);grid-template-columns:minmax(80px,150px) 1fr;display:grid;&:hover{border-color:var(--primary-light);border-left:var(--bw-thick) solid var(--primary-hover);background:#fff}&:last-child{margin-bottom:var(--space-4)}& dt{font-size:var(--text-base);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-wider);color:var(--primary-dark);text-transform:uppercase;margin:0}& dd{font-size:var(--text-sm);font-weight:var(--fw-medium);line-height:var(--lh-normal);color:var(--neutral-800)}}}&[aria-labelledby=benefits],&[aria-labelledby=use-cases]{&>ul{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid;& li{text-align:center;padding:var(--space-3);color:var(--neutral-800);border-radius:var(--radius-md);border:var(--bw-medium) dashed var(--javascript-secondary);transition:var(--duration-slow);background:#fff;flex-direction:column;align-items:center;display:flex;&:hover{background:color-mix(in srgb, var(--javascript-secondary) 2.5%, transparent);box-shadow:0 5px 10px color-mix(in srgb, var(--javascript-secondary) 25%, transparent)}&>h3{color:var(--javascript-secondary);font-size:var(--text-lg);letter-spacing:var(--ls-wide);border:none;margin:0}}}}&[aria-labelledby=compatibility]{&>ul{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid;& li{text-align:center;justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-md);padding:var(--space-4) 0;transition:var(--duration-normal);background:color-mix(in srgb, var(--javascript) 20%, transparent);border:var(--bw-thick) solid var(--javascript);flex-direction:column;display:flex;&:hover{box-shadow:0 2px 10px color-mix(in srgb, var(--javascript) 75%, transparent);transform:scale(1.025)}}}}}