@layer theme,base;@layer components{.content{color:var(--color-gray-200);text-align:left;font-size:1.0625rem;line-height:1.75}.content>p{color:var(--color-gray-300);margin-bottom:1.5rem;line-height:1.8}.content :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:calc(var(--navbar-height) + 1rem)}.content h1{background:linear-gradient(in oklch to right, var(--color-brand-primary-300), var(--color-brand-secondary-400), var(--color-brand-primary-300));color:#0000;text-align:center;-webkit-background-clip:text;background-clip:text;margin-top:3rem;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800;line-height:1.2}.content h2{background:linear-gradient(in oklch to right, var(--color-brand-primary-300), var(--color-brand-secondary-400));color:#0000;text-align:center;-webkit-background-clip:text;background-clip:text;margin-top:2.5rem;margin-bottom:1.25rem;font-size:2rem;font-weight:700;line-height:1.3}.content h3{background:linear-gradient(in oklch to right, var(--color-brand-primary-300), var(--color-brand-secondary-400));color:#0000;text-align:center;-webkit-background-clip:text;background-clip:text;margin-top:2rem;margin-bottom:1rem;font-size:1.75rem;font-weight:600;line-height:1.4}.content h4{color:var(--color-brand-primary-300);text-align:center;margin-top:1.75rem;margin-bottom:.875rem;font-size:1.5rem;font-weight:600;line-height:1.4}.content h5{color:var(--color-brand-primary-300);text-align:center;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:600;line-height:1.5}.content h6{color:var(--color-brand-primary-300);text-align:center;margin-top:1.25rem;margin-bottom:.625rem;font-size:1.125rem;font-weight:600;line-height:1.5}.content.is-prose :is(h1,h2,h3,h4,h5,h6){text-align:left}.content :is(h1,h2,h3,h4,h5,h6) .icon{background:0 0;background-clip:initial;color:initial;margin-right:.25em}.content a{color:var(--color-brand-primary-300);transition:color var(--duration-base) ease;border-bottom:1px solid #0000;border-bottom-color:var(--color-brand-primary-300);text-decoration:none}.content a>span{transition:color var(--duration-base) ease;color:var(--color-brand-primary-300)!important}.content a:hover{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary)}.content a:hover>span{color:var(--color-brand-primary)!important}.content strong,.content b{color:var(--color-white);font-weight:700}.content em,.content i{color:var(--color-gray-200);font-style:italic}.content code{background:oklch(from var(--color-gray-800) l c h / .5);color:var(--color-brand-primary-300);border-radius:.25rem;padding:.125rem .375rem;font-family:Courier New,Courier,monospace;font-size:.9em}.content pre{background:oklch(from var(--color-gray-900) l c h / .8);border:1px solid oklch(from var(--color-gray-600) l c h / .3);border-radius:.5rem;margin-bottom:1.5rem;padding:1.25rem;overflow-x:auto;box-shadow:0 4px 6px -1px #0000004d;box-shadow:0 4px 6px -1px lab(0% 0 0/.3)}.content pre code{color:var(--color-gray-200);background:0 0;border-radius:0;padding:0;font-size:.875rem;line-height:1.7}.content blockquote{border-left:4px solid var(--color-brand-primary);color:var(--color-gray-300);background:oklch(from var(--color-brand-primary) l c h / .05);border-radius:0 .5rem .5rem 0;margin:1.5rem 0;padding:1rem 1.25rem;font-style:italic}.content blockquote p{margin-bottom:.5rem}.content blockquote p:last-child{margin-bottom:0}.content ul,.content ol{color:var(--color-gray-300);margin:0 0 1.5rem;padding-left:1.75rem}:is(.content ul,.content ol) li{text-align:left;margin-bottom:.5rem;line-height:1.75}:is(.content ul,.content ol) li::marker{color:var(--color-brand-primary-400)}:is(.content ul,.content ol) ul,:is(.content ul,.content ol) ol{margin-top:.5rem;margin-bottom:.5rem}.content ul{list-style-type:disc}.content ul ul{list-style-type:circle}.content ul ul ul{list-style-type:square}.content ol{list-style-type:decimal}.content ol ol{list-style-type:lower-alpha}.content ol ol ol{list-style-type:lower-roman}.content table{border-collapse:collapse;background:oklch(from var(--color-gray-800) l c h / .3);border-radius:.5rem;width:100%;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 1px 3px #0000004d;box-shadow:0 1px 3px lab(0% 0 0/.3)}.content thead{background:oklch(from var(--color-brand-primary) l c h / .15);border-bottom:2px solid oklch(from var(--color-brand-primary) l c h / .3)}.content th{text-align:left;color:var(--color-brand-primary-300);padding:.875rem 1rem;font-size:.9375rem;font-weight:600}.content td{border-bottom:1px solid oklch(from var(--color-gray-600) l c h / .2);color:var(--color-gray-300);padding:.75rem 1rem}.content tbody tr{transition:background-color var(--duration-base) ease}.content tbody tr:hover{background:oklch(from var(--color-brand-primary) l c h / .05)}.content tbody tr:last-child td{border-bottom:none}.content hr{border:none;border-top:2px solid oklch(from var(--color-brand-primary) l c h / .2);margin:2.5rem 0}.content img{border-radius:.5rem;max-width:100%;height:auto;margin:1.5rem 0;box-shadow:0 4px 6px -1px #0000004d;box-shadow:0 4px 6px -1px lab(0% 0 0/.3)}.content video,.content audio{border-radius:.5rem;max-width:100%;margin:1.5rem 0}.content img{max-width:100%}.content del,.content s{color:var(--color-gray-400);text-decoration:line-through}.content mark{background:oklch(from var(--color-highlight) l c h / .3);color:var(--color-highlight);border-radius:.125rem;padding:.125rem .25rem}.content kbd{background:oklch(from var(--color-gray-800) l c h / .8);border:1px solid oklch(from var(--color-gray-600) l c h / .5);color:var(--color-gray-200);border-radius:.25rem;padding:.125rem .375rem;font-family:Courier New,Courier,monospace;font-size:.875rem;box-shadow:0 2px #0003;box-shadow:0 2px lab(0% 0 0/.2)}.content abbr{cursor:help;color:var(--color-brand-primary-300);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.content sub,.content sup{vertical-align:baseline;font-size:.75em;line-height:0;position:relative}.content sub{bottom:-.25em}.content sup{top:-.5em}.content dl{margin-bottom:1.5rem}.content dt{color:var(--color-brand-primary-300);margin-top:1rem;font-weight:600}.content dd{color:var(--color-gray-300);margin-bottom:.5rem;margin-left:1.5rem}.content figure{margin:1.5rem 0}.content figure figcaption{text-align:center;color:var(--color-gray-400);margin-top:.5rem;font-size:.875rem;font-style:italic}}@layer utilities;
