*,*::before,*::after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{color-scheme:light}html{display:flex;justify-content:center}body{color:oklch(.145 0 0);font-family:recvar,Helvetica,Arial,sans-serif;max-width:64rem;width:100%;min-height:100svh;padding:2rem;background-color:oklch(.97 0 0);transition:background-color .2s ease;display:flex;flex-direction:column;gap:2rem;justify-content:space-between}h1,h2,h3,h4,h5,h6{padding-bottom:.5rem}h1{font-size:3rem;line-height:1.2}h2{font-size:2.5rem;line-height:1.3}h3{font-size:2rem;line-height:1.4}h4{font-size:1.5rem;line-height:1.5}h5{font-size:1.25rem;line-height:1.6}h6{font-size:1rem;line-height:1.7}p{font-size:1rem;line-height:2;padding-block:.5rem}a{&:link { color:oklch(0.424 0.199 265.638); text-decoration:none; } &:visited { color:oklch(0.38 0.189 293.745); text-decoration:none; } @media (hover:hover) { &:hover { color:oklch(0.488 0.243 264.376); text-decoration:underline; text-decoration-color:oklch(0.488 0.243 264.376); &:visited { color:oklch(0.432 0.232 292.759); text-decoration-color:oklch(0.432 0.232 292.759); } } } &:focus-visible { color:oklch(0.488 0.243 264.376); outline:2px solid oklch(0.488 0.243 264.376); outline-offset:2px; text-decoration:underline; &:visited { color:oklch(0.432 0.232 292.759); outline-color:oklch(0.38 0.189 293.745); } } &:active { color:oklch(0.546 0.245 262.881); text-decoration:underline; text-decoration-color:oklch(0.546 0.245 262.881); &:visited { color:oklch(0.491 0.27 292.581); text-decoration-color:oklch(0.491 0.27 292.581); } }}blockquote{border-left:2px solid oklch(.145 0 0);padding:.5rem 1rem;background-color:oklch(.922 0 0);border-radius:3px}code{font-variation-settings:"MONO" 1;background-color:oklch(.922 0 0);padding:.1em .3em;border-radius:3px;box-shadow:0 1px 2px oklch(.145 0 0)}ul,ol{padding-inline-start:1.5rem}li{padding-block:.25rem}hr{border:none;height:1px;background-color:oklch(.145 0 0)}table{width:100%;border-collapse:collapse}th,td{border:1px solid oklch(.145 0 0);padding:.5rem 1rem;text-align:left}pre{background-color:oklch(.922 0 0);padding:1rem;border-radius:4px;overflow:auto}figure{margin:0}figcaption{text-align:center;font-size:.9rem;color:oklch(.38 .189 293.745);padding-block-start:.5rem}dl{padding-inline-start:1.5rem}dt{font-weight:700}dd{padding-block:.25rem}details{padding:1rem;background-color:oklch(.97 0 0);border-left:4px solid oklch(.145 0 0);border-radius:4px}summary{cursor:pointer;outline:none}summary:focus-visible{outline:2px solid oklch(.145 0 0);outline-offset:2px}header{border-bottom:1px solid oklch(.145 0 0);padding-bottom:.5rem;display:flex;justify-content:space-between;align-items:flex-end;.header-left { justify-content: flex-start; } .header-right { justify-content: flex-end; } h1 { font-variation-settings: 'CASL' 0.5, 'MONO' 0.1, 'wght' 700; font-size: 2rem; line-height: 1.2; padding-bottom: 0; color: oklch(0.145 0 0); a, a:link, a:visited { color: inherit; text-decoration: none; } @media (hover: hover) { a:hover, a:link:hover, a:visited:hover { color: oklch(0.205 0 0); text-decoration: underline; text-decoration-color: oklch(0.205 0 0); } } a:focus-visible, a:link:focus-visible, a:visited:focus-visible { color: oklch(0.205 0 0); outline: 2px solid oklch(0.205 0 0); outline-offset: 2px; text-decoration: underline; text-decoration-color: oklch(0.205 0 0); } a:active, a:link:active, a:visited:active { color: oklch(0.269 0 0); text-decoration: underline; text-decoration-color: oklch(0.269 0 0); } }}main{display:flex;flex-direction:column;flex:1;p[xmlns\:cc] { text-align: center; justify-self: end; padding-top: 2rem; img { display: inline; vertical-align: middle; } }}article{display:flex;flex:1;flex-direction:column;hgroup { h1 { padding-bottom: 0; } .published, .lastmod { display: inline-block; font-size: 0.9rem; font-variation-settings: 'CASL' 0, 'wght' 500; color: oklch(0.145 0 0); } time { font-size: 1rem; font-variation-settings: 'CASL' 0, 'wght' 400; } .published { padding-right: 0.75rem; } }}footer{border-top:1px solid oklch(.145 0 0);padding-top:1rem;display:flex;justify-content:space-between;.footer-left { justify-content: flex-start; } .footer-right { justify-content: flex-end; } .social-links { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; } .social-link { display: inline-flex; align-items: center; gap: 0.5rem; flex-wrap: nowrap; } .social-icon svg { width: 1.25rem; height: 1.25rem; fill: currentColor; } .social-handle { font-size: 0.95rem; }}.hero{padding:2rem 0 4rem;text-align:center;h1 { font-size: 3.25rem; font-variation-settings: 'CASL' 0.5, 'wght' 800; line-height: 1.1; padding-bottom: 1.5rem; }}@media(max-width:768px){body{padding:1rem;gap:1rem}.hero{padding:1rem 0 2rem;h1 { font-size: 2rem; line-height: 1.2; padding-bottom: 1rem; }}article hgroup{.published, .lastmod { display: block; } .published { padding-right: 0; } .lastmod { padding-top: 0.25rem; }}footer{.social-handle { display: none; } .social-icon svg { width: 2.5rem; height: 2.5rem; }}p[xmlns\:cc]{padding-top:1.5rem}}