@layer reset,base,layout,components,utilities;:root{color-scheme:light dark;--color-bg:#fafafa;--color-text:#1a1a1a;--color-accent:#0969da;--color-code-bg:#e1e2e7;--spacing:1.5rem;--font-size-xs:0.7rem;--font-size-sm:clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);--font-size-base:clamp(1rem, 0.95rem + 0.25vw, 1.125rem);--font-size-lg:clamp(0.85rem, 0.8rem + 0.25vw, 0.95rem);--font-size-xl:clamp(1.25rem, 1rem + 1.25vw, 1.625rem);--font-size-2xl:clamp(1.625rem, 1.25rem + 1.75vw, 2.125rem);--font-size-3xl:clamp(2rem, 1.5rem + 2.5vw, 2.625rem);--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-full:9999px;--opacity-muted:0.7;--opacity-subtle:0.5;--opacity-faint:0.45;--opacity-ghost:0.4;--content-width:70ch}@media(prefers-color-scheme:dark){:root{--color-bg:#181a20;--color-text:#fafafa;--color-accent:#1a8fe3;--color-code-bg:#1a1b26}}@layer reset{::selection{background-color:var(--color-accent);color:var(--color-bg)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}}@layer base{body{background:var(--color-bg);color:var(--color-text);padding:clamp(1rem,.5rem + 2.5vw,2.5rem);font-family:system-ui,sans-serif;font-size:var(--font-size-base);line-height:1.5;min-height:80vh;max-width:var(--content-width);margin:0 auto;overflow-wrap:break-word}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4{font-weight:700;line-height:1.3;text-wrap:balance}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-base)}:is(h1,h2,h3,h4,blockquote){margin-block-end:calc(var(--spacing)/2)}:is(main) h2:not(:first-child){margin-block-start:calc(var(--spacing) * 4)}:is(h1,h2,h3,h4)+*{margin-block-start:calc(var(--spacing)/3)}:is(h1,h2,h3,h4)+:where(h2,h3,h4){margin-block-start:calc(var(--spacing) * 2)}a{color:currentColor;text-decoration-color:color-mix(in oklch,var(--color-accent) 40%,transparent);text-decoration-thickness:.15ex;text-underline-offset:.3ex;text-decoration-skip-ink:auto;transition:text-decoration-color .2s ease,text-decoration-thickness .2s ease;&:hover{text-decoration-color:var(--color-accent);text-decoration-thickness:.3ex}}ul,ol{padding-inline-start:var(--spacing)}li{margin-block-start:var(--spacing)}blockquote{padding-inline-start:var(--spacing);border-inline-start:.2em solid;font-style:italic;max-width:50ch}code{font-family:ui-monospace,monospace;padding:2px calc(var(--spacing)/4);background-color:var(--color-code-bg);font-size:var(--font-size-sm)}pre code{display:block;padding:var(--spacing);overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--color-text);padding:calc(var(--spacing)/2)}figure{margin-inline:0}figcaption>p{margin-block-start:.5rem;text-align:center;font-size:var(--font-size-sm);opacity:var(--opacity-faint);font-style:normal}}@layer layout{header{padding-bottom:var(--spacing)}main{padding-bottom:var(--spacing)}footer{text-align:center;padding-block-start:calc(var(--spacing) * 2);border-block-start:1px solid light-dark(rgb(0 0 0/.12),rgb(255 255 255/.12));margin-block-start:calc(var(--spacing) * 2);& .social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;& a{margin-inline-end:0;opacity:var(--opacity-muted);transition:opacity .2s ease,text-decoration-thickness .2s ease;&:hover{opacity:1}}}& .copyright{margin-block-start:var(--spacing);font-size:var(--font-size-sm);opacity:var(--opacity-subtle)}& .webring{margin-block-start:calc(var(--spacing)/2);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center;gap:.75rem;& a{margin-inline-end:0}}}nav a,a.blog-tags{margin-inline-end:calc(var(--spacing)/2)}a.blog-tags{line-height:2}}@layer components{.title{text-decoration:none;& p{font-size:var(--font-size-2xl);font-weight:700;line-height:1.3;margin-block-start:calc(var(--spacing)/2)}}ul.blog-posts{list-style-type:none;padding:unset;& li{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--spacing)/2)}& li span{min-width:11ch}& time{font-variant-numeric:tabular-nums;font-style:italic}}h3.blog-filter{margin-bottom:0}p.byline{opacity:var(--opacity-subtle)}.round-img-figure{border-radius:var(--radius-full);overflow:hidden;width:14rem;height:14rem;margin-inline:auto;& img{width:100%;height:100%;object-fit:cover;display:block}}.link-card{display:flex;align-items:center;gap:calc(var(--spacing)/2);padding:calc(var(--spacing)/3)0 calc(var(--spacing)/3)var(--spacing);border-inline-start:2px solid light-dark(rgb(0 0 0/8%),rgb(255 255 255/8%));text-decoration:none;margin-block:calc(var(--spacing)/4);transition:opacity .2s ease,border-color .2s ease;&:hover{opacity:var(--opacity-muted);border-inline-start-color:var(--color-accent);text-decoration:none}}.link-card-favicon{flex-shrink:0;width:16px;height:16px;border-radius:var(--radius-sm)}.link-card-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;& strong{font-size:.95rem}& .link-card-desc{font-size:.825rem;opacity:var(--opacity-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& small{font-size:.75rem;opacity:var(--opacity-ghost)}}.role-header{margin-block-start:calc(var(--spacing) * 3);margin-block-end:0;padding-block-start:calc(var(--spacing) * 1.5);border-block-start:1px solid light-dark(rgb(0 0 0/8%),rgb(255 255 255/8%))}.role-header:first-child{border-block-start:none;padding-block-start:0;margin-block-start:0}.role-header h3{margin-block-end:0}.role-meta{opacity:var(--opacity-faint);font-size:.85rem;margin-block-start:.15rem;margin-block-end:calc(var(--spacing)/2)}.card-grid{--grid-min:9rem;--grid-gap:var(--spacing);display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--grid-min)),1fr));gap:var(--grid-gap);margin-block-start:var(--spacing);container-type:inline-size;& a{text-decoration:none;color:currentColor;transition:opacity .2s ease;&:hover{opacity:var(--opacity-muted);text-decoration:none}}& img{width:100%;object-fit:cover;border-radius:var(--radius-md)}& strong{display:block;line-height:1.3}& small{opacity:var(--opacity-faint);font-size:var(--font-size-xs)}}.gear-grid{--grid-min:9rem;& img{aspect-ratio:1;object-fit:contain;border-radius:var(--radius-lg)}& .gear-info{padding-block-start:calc(var(--spacing)/4);& strong{font-size:.8rem}}}.music-grid{--grid-min:8rem;--grid-gap:calc(var(--spacing) * 0.75);& img{aspect-ratio:1}& .music-info{padding-block-start:calc(var(--spacing)/4);& strong{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}}}.book-grid{--grid-min:10rem;& img{aspect-ratio:2/3}& .book-info{padding-block-start:calc(var(--spacing)/3);& strong{font-size:.85rem}& small{font-size:.75rem}}}@container(max-width:20rem){.card-grid {
      & strong { font-size: 0.7rem; }
      & small { display: none; }
    }
  }.recommendations{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2);margin-block-start:var(--spacing);& figure{margin:0;padding:0;& blockquote{margin:0;padding-inline-start:var(--spacing);border-inline-start:2px solid light-dark(rgb(0 0 0/.1),rgb(255 255 255/.1));font-style:italic;max-width:none;margin-block-end:calc(var(--spacing)/2)}& figcaption{padding-inline-start:var(--spacing);& .recommendation-author{font-weight:700;font-size:var(--font-size-sm)}& .recommendation-meta{opacity:var(--opacity-ghost);font-size:.8rem}& p{text-align:start}}}}}@layer utilities{.disabled{color:currentColor;cursor:not-allowed;opacity:var(--opacity-subtle)}.skip-link{position:absolute;top:0;transform:translateY(-600%);transition:transform .5s;background-color:var(--color-bg);padding:6px;&:focus{transform:translateY(0%)}}@media print{body{background:#fff;color:#000;max-width:none}header nav,footer,.skip-link{display:none}a{text-decoration-color:initial}a[href^=http]::after{content:" (" attr(href)")";font-size:.8em}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}}