.note-detail__hero.svelte-adcfx1{border-bottom:1px solid var(--color-line);padding-block:clamp(var(--space-16),10vw,var(--space-32))}.note-detail__hero-inner.svelte-adcfx1,.note-detail__body.svelte-adcfx1,.note-detail__nav.svelte-adcfx1{width:min(calc(100% - (var(--layout-padding-mobile) * 2)),var(--layout-max-width));margin-inline:auto}.note-detail__hero-inner.svelte-adcfx1{display:grid;gap:var(--space-10)}.note-detail__title.svelte-adcfx1{display:grid;gap:var(--space-5)}.note-detail.svelte-adcfx1 h1:where(.svelte-adcfx1){max-width:12ch;margin:0;font-family:var(--font-serif);font-size:clamp(3.75rem,11vw,8rem);font-weight:400;line-height:.92}.note-detail__title.svelte-adcfx1 p:where(.svelte-adcfx1){max-width:42rem;margin:0;font-size:clamp(1.1rem,2vw,1.35rem);color:var(--color-text-muted)}.note-detail__metadata.svelte-adcfx1{display:grid;gap:var(--space-4);margin:0;border-top:1px solid var(--color-line-strong);padding-top:var(--space-5)}.note-detail__metadata.svelte-adcfx1 div:where(.svelte-adcfx1){display:grid;grid-template-columns:6rem 1fr;gap:var(--space-4);border-bottom:1px solid var(--color-line);padding-bottom:var(--space-3)}.note-detail.svelte-adcfx1 dt:where(.svelte-adcfx1),.note-detail__tags.svelte-adcfx1 h2:where(.svelte-adcfx1){font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:var(--line-height-metadata);text-transform:uppercase;color:var(--color-text-soft)}.note-detail.svelte-adcfx1 dd:where(.svelte-adcfx1){margin:0;color:var(--color-text)}.note-detail__body.svelte-adcfx1{display:grid;gap:var(--space-10);padding-block:clamp(var(--space-12),8vw,var(--space-24))}.note-detail__sidebar.svelte-adcfx1{display:grid;align-content:start}.note-detail__tags.svelte-adcfx1{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-5)}.note-detail__tags.svelte-adcfx1 h2:where(.svelte-adcfx1){margin:0 0 var(--space-4)}.note-detail__tags.svelte-adcfx1 ul:where(.svelte-adcfx1){display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.note-detail__tags.svelte-adcfx1 li:where(.svelte-adcfx1){border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg);padding:.35rem .5rem;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.note-detail__content.svelte-adcfx1{min-width:0}.note-detail__content.svelte-adcfx1 h2{margin:var(--space-12) 0 var(--space-4);font-family:var(--font-serif);font-size:clamp(2rem,5vw,3.5rem);font-weight:400}.note-detail__content.svelte-adcfx1 h2:first-child{margin-top:0}.note-detail__content.svelte-adcfx1 p,.note-detail__content.svelte-adcfx1 li{max-width:44rem;color:var(--color-text-muted)}.note-detail__content.svelte-adcfx1 ul{display:grid;gap:var(--space-2);max-width:44rem;padding-left:1.25rem}.note-detail__nav.svelte-adcfx1{display:grid;gap:var(--space-4);border-top:1px solid var(--color-line-strong);padding-block:var(--space-8) var(--space-16);font-family:var(--font-mono);font-size:var(--font-size-sm)}.note-detail__nav.svelte-adcfx1>div:where(.svelte-adcfx1){display:flex;flex-wrap:wrap;gap:var(--space-3)}.note-detail__nav.svelte-adcfx1 a:where(.svelte-adcfx1){border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);padding:.75rem 1rem;color:var(--color-text)}.note-detail__nav.svelte-adcfx1 a:where(.svelte-adcfx1):hover,.note-detail__nav.svelte-adcfx1 a:where(.svelte-adcfx1):focus-visible{background:var(--color-accent-soft);color:var(--color-text)}@media (min-width: 768px){.note-detail__hero-inner.svelte-adcfx1,.note-detail__body.svelte-adcfx1,.note-detail__nav.svelte-adcfx1{width:min(calc(100% - (var(--layout-padding-tablet) * 2)),var(--layout-max-width))}}@media (min-width: 1024px){.note-detail__hero-inner.svelte-adcfx1,.note-detail__body.svelte-adcfx1,.note-detail__nav.svelte-adcfx1{width:min(calc(100% - (clamp(var(--layout-padding-desktop-min),4vw,var(--layout-padding-desktop-max))*2)),var(--layout-max-width))}.note-detail__hero-inner.svelte-adcfx1{grid-template-columns:minmax(0,1fr) minmax(18rem,28rem)}.note-detail__hero-inner.svelte-adcfx1 .section-kicker:where(.svelte-adcfx1){grid-column:1 / -1}.note-detail__body.svelte-adcfx1{grid-template-columns:minmax(14rem,20rem) minmax(0,1fr);align-items:start}.note-detail__sidebar.svelte-adcfx1{position:sticky;top:7rem}.note-detail__nav.svelte-adcfx1{grid-template-columns:1fr auto;align-items:start}}