:root{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif;--bg: oklch(.967 .003 264.54);--light-bg: #fff;--border: oklch(.928 .006 264.53);--text: oklch(.21 .034 264.67);--subtle: oklch(.446 .03 256.8);--on-accent: oklch(.985 .002 247.84);--primary: oklch(.511 .262 276.97);--link: oklch(.457 .24 277.02);--link-bg: oklch(.962 .018 272.31);--link-bg-hover: oklch(.93 .034 272.79);--link-border: color-mix(in oklab, oklch(.457 .24 277.02) 10%, rgba(0,0,0,0));--space-3xs: clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem);--space-2xs: clamp(0.5625rem, 0.5369rem + 0.1136vw, 0.625rem);--space-xs: clamp(0.875rem, 0.8494rem + 0.1136vw, 0.9375rem);--space-s: clamp(1.125rem, 1.0739rem + 0.2273vw, 1.25rem);--space-m: clamp(1.6875rem, 1.6108rem + 0.3409vw, 1.875rem);--space-l: clamp(2.25rem, 2.1477rem + 0.4545vw, 2.5rem);--space-xl: clamp(3.375rem, 3.2216rem + 0.6818vw, 3.75rem);--space-2xl: clamp(4.5rem, 4.2955rem + 0.9091vw, 5rem);--space-3xl: clamp(6.75rem, 6.4432rem + 1.3636vw, 7.5rem);--step--2: clamp(0.7813rem, 0.7736rem + 0.0341vw, 0.8rem);--step--1: clamp(0.9375rem, 0.9119rem + 0.1136vw, 1rem);--step-0: clamp(1.125rem, 1.0739rem + 0.2273vw, 1.25rem);--step-1: clamp(1.35rem, 1.2631rem + 0.3864vw, 1.5625rem);--step-2: clamp(1.62rem, 1.4837rem + 0.6057vw, 1.9531rem);--step-3: clamp(1.944rem, 1.7405rem + 0.9044vw, 2.4414rem);--step-4: clamp(2.3328rem, 2.0387rem + 1.3072vw, 3.0518rem);--step-5: clamp(2.7994rem, 2.384rem + 1.8461vw, 3.8147rem);--space-s-l: clamp(1.125rem, 0.5625rem + 2.5vw, 2.5rem);--grid-max-width: 77.50rem;--grid-gutter: var(--space-s-l, clamp(1.125rem, 0.5625rem + 2.5vw, 2.5rem));--grid-columns: 12}body{box-sizing:content-box;color:var(--text);background-color:var(--bg);margin:0;font-size:var(--step--0)}.grid-layout{box-sizing:content-box;padding:var(--space-s);max-width:var(--grid-max-width);grid-gap:var(--grid-gutter);margin-inline:auto;display:grid;grid-template-columns:repeat(12, [col-start] 1fr);grid-template-rows:fit-content(20vw) 1fr;min-height:calc(100vh - var(--space-s)*2)}.grid-layout #top-menu{grid-column:col-start/span 12}.grid-layout #sidebar{grid-column:col-start/span 4}.grid-layout #home{grid-column:col-start 5/-1}.grid-layout #main{grid-column:col-start 3/-3}@media only screen and (max-width: 40rem){.grid-layout #sidebar,.grid-layout #home,.grid-layout #main{grid-column:col-start/-1}}#top-menu{background-color:var(--light-bg);border-radius:.5rem;padding:var(--space-s) var(--space-xs);display:flex;gap:var(--space-xs);justify-content:space-between;align-items:center}@media only screen and (max-width: 40rem){#top-menu{flex-direction:column}}#top-menu a{text-decoration:none}#top-menu a.home{font-size:1.75em;color:var(--link);padding:0}#top-menu ul{list-style:none;display:flex;align-items:center;gap:var(--space-xs);margin:0;height:100%;padding:0}#top-menu ul li a{font-size:var(--step--1);display:block;border-top:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}#top-menu ul li a:hover{color:var(--link);border-bottom:2px solid var(--primary)}#sidebar .card{background-color:var(--light-bg);border-radius:.5rem;border:1px solid var(--border)}#sidebar .card .card-body{padding:1rem;display:flex;flex-direction:column;gap:1rem}#sidebar figure{margin:0}#sidebar img{border-top-left-radius:.5rem;border-top-right-radius:.5rem;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 50%}#sidebar ul{margin:0;padding:0;list-style:none}#sidebar ul>*+*{margin-top:.5em}#sidebar ul li a{padding:.5em 1em;display:block;color:inherit;text-decoration:none;border-radius:9999px;background-color:var(--link-bg);border:1px solid var(--link-border);color:var(--link);transition:background .3s ease-out}#sidebar ul li a:hover{background-color:var(--link-bg-hover)}#home p{font-size:1.2em}#home p:first-of-type{font-size:1.6em;color:var(--link)}.page-content{padding-bottom:var(--space-xl)}a{color:var(--primary)}h1,h2,h3,h4,h5,h6{margin:0}.page-content>*+*{margin-top:.8em}.page-content>*{line-height:1.5}p{margin:0}.linkbutton{display:inline-block;padding:.5em 1em;background:var(--link-bg);color:var(--primary);border:1px solid var(--link-border);border-radius:.5rem;text-decoration:none;transition:background .2s}.linkbutton:hover{background:var(--link-bg-hover)}.linkbutton .icon>svg{fill:var(--link);width:1em;height:1m;vertical-align:-.125em}