:root{--size-step-0:1rem;--size-step-1:1.25rem;--size-step-2:1.4rem;--size-step-3:1.6rem;--size-step-4:2rem;--main-font:"Karla", sans-serif;--heading-font:"IBM Plex Serif", sans-serif;--footer-font:"IBM Plex Serif", sans-serif;--color-outline:#333;--alpha-outline:.2;--outline:rgb(from var(--color-outline) r b g / var(--alpha-outline));--color-gray-90:#333;--color-white-90:#fcfcfc;--color-gray:#f7f7f8;--color-shadow:#000;--alpha-shadow:.5;--shadow:rgb(from var(--color-shadow) r g b / var(--alpha-shadow));--color-primary:#2171a9;--color-primary-5:rgb(from var(--color-primary) r g b / 5%);--color-footer:var(--color-primary);--alpha-footer:.1;--footer:rgb(from var(--color-footer) r g b / var(--alpha-footer));--color-text:var(--color-gray-90);--color-background:var(--color-white-90);--radius:16px;--large:1.2rem;--gutter-large:var(--large);--gutter-3xlarge:calc(3 * var(--large));--grid-column-gap:var(--gutter-large);--flow-space:1em;font-size:20px;font-weight:400}@layer base{*,:before,:after{box-sizing:border-box}html,body,h1,h2,h3,h4,h5,p,figure,blockquote,ul{margin:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;padding-top:1em}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer util{.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.flow>*+*{margin-block-start:var(--flow-space,1em)}.flex-group{--_flex-direction:var(--flex-direction,row);--_flex-gap:var(--flex-gap,var(--gutter-large));--_flex-wrap:var(--flex-wrap,wrap);--_flex-align-items:var(--flex-align-items,flex-start);--_flex-justify-content:var(--flex-justify-content,space-between);flex-direction:var(--_flex-direction);flex-wrap:var(--_flex-wrap);align-items:var(--_flex-align-items);justify-content:var(--_flex-justify-content);gap:var(--_flex-gap);display:flex}.flex-group>*{flex:1;min-width:fit-content}.inline-wrapper{--_padding-inline:var(--padding-inline,var(--gutter-large));padding-inline:var(--_padding-inline)}.grid-side-by-side{--img-max-width:100%;grid-template-columns:repeat(auto-fit, minmax(calc(45% - var(--gutter-large)), 1fr));gap:var(--gutter-large);align-items:center;display:grid}}@layer overrides{footer{& .webring-no-ai{& a{display:inline!important}}}}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--main-font);font-size:var(--size-step-0);--flow-space:2rem;line-height:1.5}h1{font-size:var(--size-step-4)}h2{font-size:var(--size-step-3)}h3{font-size:var(--size-step-2)}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.1;font-family:var(--heading-font);color:var(--color-primary)}h1 a,h2 a,h3 a{color:inherit;text-decoration-color:inherit}a{color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:.3ex;text-decoration:none}a:link{color:var(--color-primary)}a:hover{text-underline-offset:.3ex;text-decoration-thickness:.2ex}code{background-color:var(--color-gray);border:1px solid var(--outline);padding:.2em}pre code{padding:inherit;border:none}code{text-wrap:nowrap}figcaption{padding-inline:var(--gutter-large);font-size:.9em}ul.tags{padding-left:0;list-style-type:none;& li{display:inline}& li+li:before{content:", "}&:before{content:"Tags: "}}.content-grid{--_grid-column-gap:var(--grid-column-gap,var(--gutter-large));grid-template-columns:1fr min(800px, calc(100% - var(--_grid-column-gap)*2)) 1fr;display:grid;&>*{grid-column:2}}.content-grid--full{grid-template-columns:1fr calc(100% - (2 * var(--grid-column-gap,var(--gutter-large)))) 1fr}.prose{--flow-space:1em;--image-width-max:1200px;& a{text-decoration:underline}}.prose article img{max-width:var(--img-max-width,1200px);width:var(--img-width,100%);height:var(--img-height,auto);object-fit:var(--img-object-fit,cover)}.post,.page{--flow-space:2rem;padding-top:2rem}.archive-splash{--flow-space:1em}.archive-splash-nav-posts::marker{content:"📝 "}.archive-splash-nav-postcards::marker{content:"📬 "}.archive-splash-nav-tags::marker{content:"🏷️ "}.archive-post-list{padding-top:var(--gutter-large);gap:var(--gutter-3xlarge);grid-template-columns:1fr;width:100%;display:grid;& article{border-top:1px solid var(--outline);padding-block:0;padding-top:var(--gutter-large)}& header>*{flex-grow:0}}@media (width<=600px){.archive-post-list{width:100%}.archive-post-meta{width:100%;display:block}}.archive-postcard-list{--img-width:auto;--img-height:auto;--img-max-width:auto;--object-fit:inherit}.archive-postcard-miles{font-weight:700}.garden-grid{--splash-height:calc(100vh - calc(3 * var(--gutter-3xlarge)));gap:var(--gutter-3xlarge);grid-template:"menu splash"".splash"".garden"/minmax(200px,1fr) 4fr;display:grid}.garden-header{grid-area:menu}.garden-splash-image{grid-area:splash;& img{height:var(--splash-height);width:var(--splash-width,auto)}}.garden-content{grid-area:garden}@media (width<=1200px){.garden-grid{--splash-width:80vw;--splash-height:auto;grid-template-columns:minmax(calc(100vw - var(--gutter-3xlarge)), 1100px);grid-template-areas:"splash""menu""garden";justify-items:center}}@media (width<=800px){.garden-splash-image img{max-width:100%;height:auto}}.garden-destinations-grid{grid-template-columns:1fr calc(100% - (2 * var(--grid-column-gap))) 1fr;gap:var(--grid-column-gap);display:grid}.garden-destination-col{align-items:flex-start;gap:var(--gutter-large);flex-flow:column wrap;display:flex}.garden-card{background-color:var(--color-primary-5);border:1px solid var(--outline);border-radius:1em;padding:clamp(2.5rem,5vw,3rem)}.garden-post-list{gap:var(--gutter-large);flex-direction:column;display:flex;& header{flex-direction:column;gap:0;display:flex}& header>*{display:block}}@media (width<=600px){.garden-post-list{width:100%}.garden-post-meta{width:100%;display:block}}header.vertical-header{& nav{--flex-direction:column;--flex-gap:0}& a{font-size:var(--size-step-3);color:var(--color-gray-90);text-decoration:none}& a:hover{text-decoration:underline}}header.page-header{& nav{max-width:max-content}& a{color:var(--color-text);text-decoration:none;display:inline-block}& a:hover{font-weight:700}}.post-header{--flow-space:.5em}.post-timestamp{font-style:italic}.post-tags{font-style:initial}.post-pagination{gap:var(--gutter-3xlarge);text-wrap:balance;--flex-direction:column;grid-template-columns:1fr 1fr;margin:auto;display:grid;& a{padding:1em;text-decoration:none}& a:hover{font-weight:700}& img{object-fit:contain;max-width:100%;height:200px;filter:drop-shadow(2px 2px 5px var(--shadow));transition:transform .3s}& span{font-family:var(--heading-font);color:var(--color-text)}& .next:hover{& img{transform:rotate(10deg)}}& .previous:hover{& img{transform:rotate(-10deg)}}}@media (width<=600px){.post-pagination{grid-template-columns:1fr}}.dinkus{margin-top:var(--gutter-3xlarge);margin-bottom:var(--gutter-3xlarge);text-align:center;font-size:2rem;font-weight:700}.dinkus-smol{margin-top:var(--gutter-large);margin-bottom:var(--gutter-large);text-align:center;font-size:2rem;font-weight:700}.dinkus-smol+p{margin-top:0}section.page-footer{padding-bottom:var(--gutter-large);& a{color:var(--color-text);text-decoration:none;display:block}& a:hover{font-weight:700}}.footer-back-to-top{text-align:center;margin-top:2rem}footer.blog-footer{background-color:var(--footer);padding-top:var(--gutter-3xlarge);padding-bottom:var(--gutter-large);font-family:var(--footer-font);--flex-gap:var(--gutter-3xlarge);min-height:400px;position:relative;& a{color:var(--color-text);text-decoration:none}& a:hover{font-weight:700}& section>*{max-width:50ch}}img.donut-ice-cream{right:0;top:var(--gutter-large);filter:drop-shadow(10px 10px 5px var(--shadow));margin-top:0;transition:transform .3s;position:absolute}img.donut-ice-cream:hover{transform:scale(1.1)}img.donut-woof{width:150px;height:auto;filter:drop-shadow(10px 10px 15px var(--shadow));margin-top:0;transition:transform .3s;position:absolute;top:16px;right:220px}img.donut-woof:hover{transform:scale(1.1)}.blog-footer-see-you{font-size:var(--size-step-2)}.blog-footer-label{font-size:.8rem;font-style:italic}@media (width<=600px){footer{height:100%;& img.donut-ice-cream,& img.donut-woof{display:none}}}