.blog-record.svelte-gz97dl{border-top:1px solid var(--reading-rule);color:var(--reading-ink);background:0 0;gap:.35rem;padding:clamp(1.5rem,3.5vw,2.4rem) 0;display:grid;position:relative;container-type:inline-size}.blog-record.svelte-gz97dl:before{content:"";background:var(--reading-accent-wash);opacity:0;pointer-events:none;border-radius:3px;transition:opacity .17s;position:absolute;inset-block:-.4rem;inset-inline:-.6rem}.blog-record.svelte-gz97dl:is(:where(.svelte-gz97dl):hover,.active:where(.svelte-gz97dl)):before{opacity:1}.blog-record.svelte-gz97dl:has(.record-link:where(.svelte-gz97dl):focus-visible){outline:2px solid var(--reading-accent);outline-offset:4px;border-radius:3px}.blog-record.is-read.svelte-gz97dl,.blog-record.is-read.svelte-gz97dl h2:where(.svelte-gz97dl){color:var(--reading-ink-soft)}.record-seal.svelte-gz97dl{background:var(--reading-accent);opacity:.55;border-radius:50%;width:5px;height:5px;position:absolute;top:clamp(1.5rem,3.5vw,2.4rem);left:-1.15rem}@container (width<=34rem){.record-seal.svelte-gz97dl{display:none}}.record-rail.svelte-gz97dl{display:none}header.svelte-gz97dl{border:0;flex-wrap:wrap;align-items:baseline;gap:.6rem;padding:0;display:flex}header.svelte-gz97dl p:where(.svelte-gz97dl),header.svelte-gz97dl span:where(.svelte-gz97dl){font-family:var(--font-mono);font-size:var(--reading-step--1);letter-spacing:.09em;text-transform:uppercase;color:var(--reading-ink-soft);margin:0;font-weight:500}header.svelte-gz97dl p:where(.svelte-gz97dl){color:var(--reading-accent)}header.svelte-gz97dl p:where(.svelte-gz97dl):after{content:" /";color:var(--reading-rule-strong);margin-left:.45rem}h2.svelte-gz97dl{font-family:var(--font-reading);letter-spacing:-.012em;text-wrap:balance;margin:.15rem 0 0;font-size:1.4rem;font-weight:500;line-height:1.18}@container (width>=30rem){h2.svelte-gz97dl{font-size:1.62rem}}@container (width>=44rem){h2.svelte-gz97dl{font-size:1.85rem}}.record-link.svelte-gz97dl{color:inherit;text-decoration:none}.record-link.svelte-gz97dl:after{content:"";position:absolute;inset:0}.record-link.svelte-gz97dl:focus-visible{outline:none}.blog-record.svelte-gz97dl:is(:where(.svelte-gz97dl):hover,.active:where(.svelte-gz97dl)) h2:where(.svelte-gz97dl){text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--reading-accent) 45%, transparent);text-decoration-color:color-mix(in oklab, var(--reading-accent) 45%, transparent);text-underline-offset:.16em;text-decoration-thickness:.045em}.record-series.svelte-gz97dl{font-family:var(--font-mono);font-size:var(--reading-step--1);letter-spacing:.05em;flex-wrap:wrap;align-items:baseline;gap:.45rem;margin:.3rem 0 0;display:flex}.record-series.svelte-gz97dl a:where(.svelte-gz97dl){z-index:1;color:var(--reading-accent);text-decoration:none;position:relative}.record-series.svelte-gz97dl a:where(.svelte-gz97dl):hover,.record-series.svelte-gz97dl a:where(.svelte-gz97dl):focus-visible{text-decoration:underline}.record-series.svelte-gz97dl span:where(.svelte-gz97dl){color:var(--reading-ink-soft);text-transform:uppercase}.record-excerpt.svelte-gz97dl{max-width:52ch;color:var(--reading-ink-soft);font-family:var(--font-reading);text-wrap:pretty;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:.5rem 0 0;font-size:1rem;line-height:1.55;display:-webkit-box;overflow:hidden}@container (width>=44rem){.record-excerpt.svelte-gz97dl{font-size:var(--reading-step-0);-webkit-line-clamp:2;line-clamp:2}}.record-tags.svelte-gz97dl{flex-wrap:wrap;gap:.75rem;margin:.85rem 0 0;display:flex}.record-tags.svelte-gz97dl a:where(.svelte-gz97dl){z-index:1;font-family:var(--font-mono);font-size:var(--reading-step--1);letter-spacing:.04em;border:0;padding:0;text-decoration:none;position:relative;color:var(--reading-ink-soft)!important;background:0 0!important}.record-tags.svelte-gz97dl a:where(.svelte-gz97dl):before{content:"#";opacity:.5}.record-tags.svelte-gz97dl a:where(.svelte-gz97dl):hover,.record-tags.svelte-gz97dl a:where(.svelte-gz97dl):focus-visible{text-underline-offset:.18em;text-decoration:underline;color:var(--reading-accent)!important}footer.svelte-gz97dl{border:0;flex-wrap:wrap;align-items:baseline;gap:.55rem;margin-top:.85rem;padding:0;display:flex}footer.svelte-gz97dl span:where(.svelte-gz97dl),footer.svelte-gz97dl strong:where(.svelte-gz97dl){font-family:var(--font-mono);font-size:var(--reading-step--1);letter-spacing:.05em;text-transform:uppercase;font-weight:500}.record-meta.svelte-gz97dl{color:var(--reading-ink-soft);font-variant-numeric:tabular-nums}.record-state.svelte-gz97dl{color:var(--reading-ink-soft);align-items:center;gap:.3rem;display:inline-flex}.record-state.svelte-gz97dl:before{content:"·";color:var(--reading-rule-strong);margin-right:.15rem}.record-state.is-done.svelte-gz97dl{color:var(--reading-accent)}footer.svelte-gz97dl strong:where(.svelte-gz97dl){color:var(--reading-accent);opacity:0;margin-left:auto;transition:opacity .17s,transform .17s;transform:translate(-.25rem)}.blog-record.svelte-gz97dl:is(:where(.svelte-gz97dl):hover,.active:where(.svelte-gz97dl)) footer:where(.svelte-gz97dl) strong:where(.svelte-gz97dl){opacity:1;transform:none}.record-progress.svelte-gz97dl{background:var(--reading-rule);width:min(14rem,40%);height:2px;position:absolute;inset:auto auto 0 0}.record-progress.svelte-gz97dl span:where(.svelte-gz97dl){background:color-mix(in oklab, var(--reading-accent) 75%, transparent);height:100%;display:block}@media (prefers-reduced-motion:reduce){.blog-record.svelte-gz97dl:before,footer.svelte-gz97dl strong:where(.svelte-gz97dl){transition:none}}