@charset "utf-8";
.pg{min-height:100vh;background:var(--bg)}.pg-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1rem var(--gutter);background:rgba(14,17,21,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.pg-top__logo{font-family:var(--en);font-size:3.2rem;line-height:.9;text-decoration:none}.pg-top__logo small{display:block;margin-top:.7rem;font-family:var(--mono);font-size:.9rem;letter-spacing:.12em;color:var(--teal)}.pg-top .btn{min-height:4.2rem;padding:.6rem 1.4rem}.pg-main{max-width:104rem;margin:0 auto;padding:2rem var(--gutter) 10rem}.crumbs{display:flex;flex-wrap:wrap;gap:.2rem .6rem;font-family:var(--mono);font-size:1.1rem;color:var(--text-soft)}.crumbs a{color:var(--teal-pale);text-decoration:none}.crumbs>*+*::before{content:"/";margin-right:.6rem;color:var(--line)}.pg-head{margin-top:2.4rem}.count{margin-left:.8rem;font-family:var(--mono);font-size:1.2rem;color:var(--amber)}.catnav{display:flex;gap:.8rem;overflow:auto;margin-top:2.4rem}.catnav a{flex:none;padding:.5rem 1.4rem;border:1px solid var(--line);border-radius:99rem;text-decoration:none}.catnav a[aria-current]{background:var(--teal-pale);color:var(--bg);border-color:var(--teal-pale)}.pg .works{margin-top:3.2rem}.post{display:grid;gap:2.8rem;margin-top:2.4rem}.post__photo img{width:100%;background:var(--bg-2)}.post__date,.post__tags{font-family:var(--mono);font-size:1.1rem;color:var(--teal)}.post__title{margin-top:.8rem;font-size:clamp(2.6rem,2vw + 2rem,4.2rem);line-height:1.2}.post__cats{display:flex;gap:.6rem;margin-top:1.6rem}.post__cats a{padding:.25rem 1rem;background:var(--dusk);border-radius:99rem;text-decoration:none;font-size:1.2rem}.post__body{margin-top:2.4rem;color:var(--text-2);line-height:2}.post__body p+p{margin-top:.8rem}.post__tags{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:2rem}.post__src{display:inline-block;margin-top:2.4rem;color:var(--teal-pale)}.pg-sub{margin-top:7rem}.pg-foot{margin-top:8rem;padding-top:2.4rem;border-top:1px solid var(--line);font-size:1.2rem;color:var(--text-soft);text-align:center}.pg-foot a{color:var(--teal-pale)}@media(min-width:840px){.post{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:5rem}.post__photo{position:sticky;top:9rem}}