.page-module__N-2bpa__elementDemo{color:var(--primary);font-weight:500}.page-module__N-2bpa__spanDemo{color:var(--accent);font-style:italic}.page-module__N-2bpa__highlight{background:#ecc980;background:lab(82.8304% 5.81437 41.2834);border-radius:.25rem;margin:.25rem 0;padding:.5rem}.page-module__N-2bpa__dark .page-module__N-2bpa__highlight{background:#4c3700;background:lab(24.6587% 6.76294 38.2399)}.page-module__N-2bpa__highlightImportant{border-left:4px solid var(--destructive);font-weight:700}.page-module__N-2bpa__subtle{opacity:.7;font-size:.875rem}.page-module__N-2bpa__uniqueElement{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-align:center;border-radius:var(--radius);padding:1rem}.page-module__N-2bpa__note{color:var(--muted-foreground);font-size:.875rem;font-style:italic}.page-module__N-2bpa__attrInputs{flex-direction:column;gap:.5rem;display:flex}.page-module__N-2bpa__attrInput{border:2px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);max-width:250px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.page-module__N-2bpa__attrInput:focus{border-color:var(--primary);box-shadow:0 0 0 3px oklch(from var(--primary)l c h/.15);outline:none}.page-module__N-2bpa__attrInputEmail{border-color:var(--primary)}.page-module__N-2bpa__attrLink{color:var(--primary);text-underline-offset:2px;margin:.25rem .5rem;text-decoration:underline;display:inline-block}.page-module__N-2bpa__externalLink{padding-right:1.25rem;position:relative}.page-module__N-2bpa__externalLink:after{content:"↗";position:absolute;top:-2px;right:0}.page-module__N-2bpa__interactiveList{flex-direction:column;gap:.75rem;display:flex}.page-module__N-2bpa__pseudoBtn{background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);cursor:pointer;border:none;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:transform .2s,box-shadow .2s,background-color .2s}.page-module__N-2bpa__pseudoBtn:hover:not(:disabled){box-shadow:0 8px 25px oklch(from var(--primary)l c h/.3);transform:translateY(-2px)}.page-module__N-2bpa__pseudoBtn:active:not(:disabled){transform:translateY(0)}.page-module__N-2bpa__pseudoBtn:disabled{opacity:.5;cursor:not-allowed}.page-module__N-2bpa__pseudoList{margin:0;padding:0;list-style:none}.page-module__N-2bpa__pseudoList li{border-left:3px solid #0000;padding:.5rem .75rem;transition:all .2s}.page-module__N-2bpa__pseudoList li:first-child{color:var(--primary);border-left-color:var(--primary);font-weight:700}.page-module__N-2bpa__pseudoList li:last-child{color:var(--secondary);border-left-color:var(--secondary)}.page-module__N-2bpa__pseudoList li:hover{background-color:var(--muted);padding-left:1rem}.page-module__N-2bpa__parentDemo{border:2px dashed var(--border);border-radius:var(--radius);padding:1rem}.page-module__N-2bpa__parentDemo>p{border-left:3px solid var(--primary);margin:.75rem 0;padding-left:1rem}.page-module__N-2bpa__parentDemoNested{background-color:var(--muted);border-radius:calc(var(--radius) - 2px);margin:.75rem 0;padding:.75rem}.page-module__N-2bpa__adjacentSibling{color:var(--accent);margin-top:.5rem;font-weight:700;display:inline-block}.page-module__N-2bpa__colourShowcase p{border-radius:calc(var(--radius) - 2px);font-family:var(--font-jetbrains-mono),monospace;margin:.5rem 0;padding:.75rem;font-size:.8125rem}.page-module__N-2bpa__typographyShowcase p{margin:.75rem 0}.page-module__N-2bpa__displayShowcase{font-size:.875rem}.page-module__N-2bpa__displayBlock{background:var(--muted);border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);margin:.5rem 0;padding:.75rem;display:block}.page-module__N-2bpa__displayInline{background:oklch(from var(--primary)l c h/.1);border-radius:calc(var(--radius) - 4px);margin:0 .25rem;padding:.25rem .5rem;display:inline}.page-module__N-2bpa__displayInlineBlock{background:oklch(from var(--secondary)l c h/.1);border-radius:calc(var(--radius) - 2px);margin:.5rem;padding:.5rem .75rem;display:inline-block}.page-module__N-2bpa__displayNone{display:none}.page-module__N-2bpa__specificityDemo{background:var(--muted);border-radius:var(--radius);text-align:center;padding:1.5rem}.page-module__N-2bpa__specificityDemo p{font-size:1.5rem;font-weight:600}.page-module__N-2bpa__inheritanceDemo{border:2px solid var(--border);border-radius:var(--radius);padding:1rem}.page-module__N-2bpa__inheritanceDemo p{margin:.5rem 0;padding-left:1rem}.page-module__N-2bpa__importantDemo{background:var(--muted);border-radius:calc(var(--radius) - 2px);text-align:center;padding:1rem;font-weight:500;color:var(--destructive)!important}.page-module__N-2bpa__unitsColumn{flex-direction:column;gap:.75rem;display:flex}.page-module__N-2bpa__unitBox{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:calc(var(--radius) - 2px);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:.75rem;font-size:.8125rem;font-weight:500;overflow:hidden}.page-module__N-2bpa__chDemo{background:linear-gradient(135deg,var(--secondary),var(--accent));width:20ch}.page-module__N-2bpa__tipsGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.page-module__N-2bpa__tipCard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:1.5rem;transition:border-color .2s,transform .2s,box-shadow .2s}.page-module__N-2bpa__tipCard:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 25px #00000014;box-shadow:0 8px 25px lab(0% 0 0/.08)}.page-module__N-2bpa__tipIcon{font-size:2.5rem;font-family:var(--font-jetbrains-mono),monospace;color:var(--primary);margin-bottom:.75rem;display:block}.page-module__N-2bpa__tipCard h3{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.page-module__N-2bpa__tipCard p{color:var(--muted-foreground);margin:0;font-size:.875rem;line-height:1.5}.page-module__N-2bpa__nextGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:700px;display:grid}.page-module__N-2bpa__nextLink{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:inherit;align-items:center;gap:1rem;padding:1.5rem;text-decoration:none;transition:border-color .3s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.page-module__N-2bpa__nextLink:before{content:"";background:linear-gradient(to bottom,var(--primary),#4ea4ca);opacity:0;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}@supports (color:lab(0% 0 0)){.page-module__N-2bpa__nextLink:before{background:linear-gradient(to bottom,var(--primary),lab(63.1292% -18.1274 -28.0657))}}.page-module__N-2bpa__nextLink:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 28px #357a3a1f,0 4px 10px #0000000f;box-shadow:0 12px 28px lab(45.7706% -33.6758 28.0119/.12),0 4px 10px lab(0% 0 0/.06)}.page-module__N-2bpa__nextLink:hover:before{opacity:1}.page-module__N-2bpa__nextIcon{font-size:2rem;font-family:var(--font-jetbrains-mono),monospace;color:var(--primary);flex-shrink:0}.page-module__N-2bpa__nextLink h3{color:var(--foreground);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.page-module__N-2bpa__nextLink p{color:var(--muted-foreground);margin:0;font-size:.8125rem}.page-module__N-2bpa__compareContainer{max-width:700px;margin:0 auto}.page-module__N-2bpa__compareControls{background:var(--muted);border-radius:var(--radius);border:1px solid var(--border);gap:.5rem;margin-bottom:1rem;padding:.375rem;display:flex}.page-module__N-2bpa__compareBtn{border-radius:calc(var(--radius) - 2px);color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .25s,color .25s,box-shadow .25s;display:flex}.page-module__N-2bpa__compareBtn:hover{color:var(--foreground)}.page-module__N-2bpa__compareBtnActive{background:var(--card);color:var(--primary);box-shadow:0 1px 3px #00000014;box-shadow:0 1px 3px lab(0% 0 0/.08)}.page-module__N-2bpa__compareBtnIcon{font-family:var(--font-jetbrains-mono),monospace;opacity:.6;font-size:.75rem;font-weight:700}.page-module__N-2bpa__compareViewport{border:1px solid var(--border);border-radius:var(--radius);background:#fff;min-height:320px;transition:background .3s;overflow:hidden}.dark .page-module__N-2bpa__compareViewport{background:#f0eeeb;background:lab(94.226% -.0117421 1.90763)}.page-module__N-2bpa__comparePlain{color:#000;padding:1rem;font-family:Times New Roman,Times,serif;animation:.3s page-module__N-2bpa__compareFade}.page-module__N-2bpa__comparePlain h1{margin:.67em 0;font-size:2em;font-weight:700}.page-module__N-2bpa__comparePlain p{margin:1em 0}.page-module__N-2bpa__comparePlain nav ul{padding-left:40px}.page-module__N-2bpa__comparePlain nav li{list-style:outside}.page-module__N-2bpa__comparePlain a{color:#00e;text-decoration:underline}.page-module__N-2bpa__comparePlain blockquote{margin:1em 40px}.page-module__N-2bpa__comparePlain button{font-family:Times New Roman,Times,serif;font-size:1rem}.page-module__N-2bpa__compareStyled{font-family:var(--font-sans);color:var(--foreground);background:linear-gradient(165deg,#f8f5ee,#e7f2e64d);background:linear-gradient(165deg,lab(96.5712% -.00905991 3.82484),lab(94.4641% -5.58892 4.3331/.3));padding:2.5rem;animation:.3s page-module__N-2bpa__compareFade}.dark .page-module__N-2bpa__compareStyled{color:#1a251d;color:lab(13.2673% -6.23819 3.20013);background:linear-gradient(165deg,#f0eeeb,#dfe7df33);background:linear-gradient(165deg,lab(94.226% -.0117421 1.90763),lab(90.9185% -4.19176 3.24616/.2))}.page-module__N-2bpa__compareStyled h1{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary),#008cbb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:2rem;font-weight:700}@supports (color:lab(0% 0 0)){.page-module__N-2bpa__compareStyled h1{background:linear-gradient(135deg,var(--primary),lab(53.8137% -22.1188 -38.6685))}}.page-module__N-2bpa__compareStyled p{color:#485a4e;color:lab(36.6022% -9.33836 4.78858);max-width:55ch;margin:0 0 1.5rem;font-size:1rem;line-height:1.7}.page-module__N-2bpa__compareStyled nav ul{gap:.25rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.page-module__N-2bpa__compareStyled nav li{list-style:none}.page-module__N-2bpa__compareStyled nav a{border-radius:calc(var(--radius) - 2px);color:var(--primary);background:oklch(from var(--primary)l c h/.08);padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s,transform .15s;display:inline-block}.page-module__N-2bpa__compareStyled nav a:hover{background:oklch(from var(--primary)l c h/.15);transform:translateY(-1px)}.page-module__N-2bpa__compareStyled blockquote{border-left:4px solid var(--primary);background:oklch(from var(--primary)l c h/.05);border-radius:0 calc(var(--radius) - 2px)calc(var(--radius) - 2px)0;color:#4c6c57;color:lab(42.6652% -15.6446 8.03066);margin:0 0 1.5rem;padding:1rem 1.5rem;font-style:italic}.page-module__N-2bpa__compareStyled button{background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);cursor:pointer;border:none;padding:.75rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:transform .15s,box-shadow .2s}.page-module__N-2bpa__compareStyled button:hover{box-shadow:0 6px 20px oklch(from var(--primary)l c h/.3);transform:translateY(-2px)}@keyframes page-module__N-2bpa__compareFade{0%{opacity:0}to{opacity:1}}.page-module__N-2bpa__compareCaption{color:var(--muted-foreground);text-align:center;margin-top:.75rem;font-size:.8125rem;font-style:italic;line-height:1.5}@media (max-width:768px){.page-module__N-2bpa__unitBox{font-size:.75rem}.page-module__N-2bpa__tipsGrid,.page-module__N-2bpa__nextGrid{grid-template-columns:1fr}}