article{h2{color:color-mix(in srgb,var(--javascript) 50%,black);font-size:var(--fs-2xl);margin-bottom:var(--space-lg);border-bottom:var(--bw-thick) solid var(--javascript);padding-bottom:var(--space-sm);letter-spacing:var(--ls-medium)}h3{color:var(--javascript-secondary);font-size:var(--fs-xl);margin-bottom:var(--space-lg);border-bottom:var(--bw-medium) dashed color-mix(in srgb,var(--javascript-secondary) 60%,transparent);padding-bottom:var(--space-sm);letter-spacing:var(--ls-medium)}section p{font-size:var(--fs-base);color:var(--gray-900);margin-bottom:var(--space-lg);line-height:var(--lh-medium);&:nth-of-type(2){background:color-mix(in srgb,var(--javascript) 40%,transparent);border-left:var(--bw-xl) solid var(--javascript);padding:var(--space-md);border-radius:var(--br-md)}>a{padding:0 var(--space-xs);border-radius:var(--br-sm);text-decoration:none;font-weight:var(--fw-medium);color:var(--primary-hover);transition:var(--transition-fast);&:hover{background:color-mix(in srgb,var(--javascript) 70%,transparent)}}}section{margin:var(--space-2xl) 0;&:first-child{margin-top:0}&:last-child{margin-bottom:0}}table{width:100%;margin-bottom:var(--space-xl);border-collapse:collapse;font-size:var(--fs-base);caption{margin-bottom:var(--space-sm);color:var(--gray-700);font-size:var(--fs-sm);text-align:left}th,td{padding:var(--space-sm) var(--space-md);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-wide)}tbody tr:hover{background:color-mix(in srgb,var(--javascript) 15%,transparent)}}ol{list-style-position:inside;margin:var(--space-lg) 0;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);background:color-mix(in srgb,var(--primary-light) 50%,transparent);border-radius:var(--br-md);letter-spacing:var(--ls-medium);font-size:var(--fs-base);>li::marker{color:var(--black);font-weight:var(--fw-semibold)}}details{background:var(--white);border:var(--bw-medium) solid var(--javascript-secondary);border-radius:var(--br-sm);overflow:hidden;margin-top:var(--space-lg);transition:var(--transition-slow);&:open{summary{background:color-mix(in srgb,var(--javascript-secondary) 10%,transparent);border-bottom:var(--bw-thin) solid var(--javascript-secondary)}svg{transform:rotate(.125turn);fill:var(--javascript-secondary)}}summary{padding:var(--space-lg);font-weight:var(--fw-semibold);font-size:var(--fs-base);color:var(--javascript-secondary);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;letter-spacing:var(--ls-medium);svg{width:16px;height:16px;fill:var(--javascript-secondary);transition-duration:var(--transition-fast)}}p{padding:var(--space-md) var(--space-md) 0}}svg{width:var(--fs-2xl);height:auto;vertical-align:middle;transition-duration:var(--transition-slow);margin-left:var(--space-sm)}code{font-weight:var(--fw-bold);color:color-mix(in srgb,var(--javascript) 50%,black)}pre{background:var(--javascript-secondary);color:var(--gray-100);padding:var(--space-lg);border-radius:var(--br-md);overflow-x:auto;margin-bottom:var(--space-lg);font-size:var(--fs-sm);line-height:var(--lh-relaxed);code{font-weight:var(--fw-normal);color:inherit;background:none;padding:0}&::-webkit-scrollbar{width:10px;height:10px}&::-webkit-scrollbar-track{background:color-mix(in srgb,var(--javascript-secondary) 70%,black);border-radius:0 0 var(--br-lg) var(--br-lg)}&::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--javascript) 70%,transparent);border-radius:var(--br-lg)}&::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--javascript) 90%,transparent)}}dl{display:flex;flex-direction:column;gap:var(--space-sm);margin:0;padding:0;>div{display:grid;grid-template-columns:minmax(80px,150px) 1fr;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--gray-50);border:var(--bw-medium) solid var(--gray-300);border-left:var(--bw-thick) solid var(--primary-hover);border-radius:var(--br-sm);transition:background-color var(--transition-base),border-color var(--transition-base);&:hover{background:var(--white);border-color:var(--primary-light);border-left:var(--bw-thick) solid var(--primary-hover)}&:last-child{margin-bottom:var(--space-lg)}dt{margin:0;font-size:var(--fs-base);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-wide);color:var(--primary-dark);text-transform:uppercase}dd{font-size:var(--fs-sm);font-weight:var(--fw-medium);line-height:var(--lh-normal);color:var(--gray-800)}}}}section[aria-labelledby=overview],section[aria-labelledby=start]{>a{display:block;width:fit-content;margin:var(--space-md) auto;position:relative;text-decoration:none;padding:var(--space-sm) var(--space-xl);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--javascript-secondary);border-radius:var(--br-md);outline:var(--bw-medium) solid var(--javascript-secondary);transition:var(--transition-slow);z-index:1;&:before{content:"";position:absolute;top:0;left:0;width:5%;height:100%;border-radius:var(--br-md);transition:var(--transition-slow);background:var(--javascript);z-index:-1}&:hover:before{width:100%}&:hover{color:var(--javascript-secondary);animation:shake;svg{transform:scale(1.1)}}}}section[aria-labelledby=benefits],section[aria-labelledby=use-cases]{>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;gap:var(--space-lg);li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-md);background:var(--white);color:var(--gray-900);border-radius:var(--br-sm);border:var(--bw-medium) dashed var(--javascript-secondary);transition:var(--transition-slow);&: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(--fs-lg);letter-spacing:var(--ls-medium);border:none;margin:0}}}}section[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)}}}section[aria-labelledby=compatibility]{>ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl);li{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-sm);font-size:var(--fs-sm);border-radius:var(--br-sm);padding:var(--space-lg) 0;transition:var(--transition-base);background:color-mix(in srgb,var(--javascript) 20%,transparent);border:var(--bw-thick) solid var(--javascript);&:hover{transform:scale(1.025);box-shadow:0 2px 10px color-mix(in srgb,var(--javascript) 75%,transparent)}}}}