.blog-record.svelte-gz97dl{border:1px solid var(--line-system);background:var(--surface-panel);min-height:20rem;color:var(--ink-primary);box-shadow:inset 0 1px color-mix(in srgb, var(--ink-primary) 6%, transparent);grid-template-rows:auto auto auto 1fr auto auto;padding:1.4rem;transition:border-color .16s,background .16s;display:grid;position:relative;overflow:hidden}.blog-record.svelte-gz97dl:is(:where(.svelte-gz97dl):hover,.active:where(.svelte-gz97dl)){border-color:color-mix(in srgb, var(--signal-primary) 65%, var(--line-system));background:color-mix(in srgb, var(--surface-panel) 94%, var(--signal-primary))}.blog-record.svelte-gz97dl:has(.record-link:where(.svelte-gz97dl):focus-visible){outline:2px solid var(--signal-primary);outline-offset:3px}.blog-record.is-read.svelte-gz97dl{border-style:dashed}.record-rail.svelte-gz97dl{background:var(--signal-secondary);opacity:.58;width:3px;position:absolute;inset:0 auto 0 0}header.svelte-gz97dl{border-bottom:1px solid var(--line-system);justify-content:space-between;gap:1rem;padding-bottom:1rem;display:flex}header.svelte-gz97dl p:where(.svelte-gz97dl),header.svelte-gz97dl span:where(.svelte-gz97dl){color:var(--ink-muted);font:500 .62rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0}header.svelte-gz97dl p:where(.svelte-gz97dl){color:var(--signal-primary)}h2.svelte-gz97dl{letter-spacing:-.025em;margin:1.6rem 0 .6rem;font-size:1.45rem;line-height:1.1}.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}.record-series.svelte-gz97dl{font:500 .6rem/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0 0 .75rem;display:flex}.record-series.svelte-gz97dl a:where(.svelte-gz97dl){z-index:1;color:var(--signal-primary);text-transform:capitalize;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(--ink-muted)}.record-excerpt.svelte-gz97dl{color:var(--ink-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0 0 1.1rem;font-size:.92rem;line-height:1.5;display:-webkit-box;overflow:hidden}.record-tags.svelte-gz97dl{flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;display:flex}.record-tags.svelte-gz97dl a:where(.svelte-gz97dl){z-index:1;border:1px solid var(--line-system);font:500 .6rem/1 var(--font-mono);padding:.2rem .4rem;text-decoration:none;position:relative}.record-tags.svelte-gz97dl a:where(.svelte-gz97dl):hover,.record-tags.svelte-gz97dl a:where(.svelte-gz97dl):focus-visible{background:var(--hover-bg)}footer.svelte-gz97dl{border-top:1px solid var(--line-system);grid-template-columns:1fr auto auto auto;align-items:center;gap:.6rem;padding-top:1rem;display:grid}footer.svelte-gz97dl span:where(.svelte-gz97dl),footer.svelte-gz97dl strong:where(.svelte-gz97dl){font:500 .62rem/1.25 var(--font-mono);text-transform:uppercase}.record-meta.svelte-gz97dl{color:var(--ink-muted)}.record-state.svelte-gz97dl{color:var(--ink-muted);align-items:center;gap:.25rem;display:inline-flex}.record-state.is-done.svelte-gz97dl,footer.svelte-gz97dl strong:where(.svelte-gz97dl){color:var(--signal-primary)}.record-progress.svelte-gz97dl{background:var(--line-system);height:2px;position:absolute;inset:auto 0 0}.record-progress.svelte-gz97dl span:where(.svelte-gz97dl){background:color-mix(in srgb, var(--signal-primary) 70%, transparent);height:100%;display:block}