@layer components{.journal-hero{overflow:clip;background:radial-gradient(34rem 18rem at 88% 8%,color-mix(in oklab,var(--lz-blue-500),transparent 82%),transparent 66%),linear-gradient(180deg,var(--color-paper),var(--color-paper-soft))}.journal-hero__inner{display:grid;gap:clamp(2rem,4vw,4rem);align-items:end}.journal-hero__meta,.journal-tags,.journal-card__tags{display:flex;flex-wrap:wrap;gap:.7rem}.journal-hero__meta span,.journal-tags span,.journal-card__tags li{border:1px solid var(--color-rule);border-radius:var(--radius-pill);padding:.55rem .85rem;background:var(--color-surface);color:var(--color-ink-soft);font-size:var(--type-small);font-weight:700}.journal-featured-card,.journal-card{color:inherit;text-decoration:none}.journal-featured-card{display:block;position:relative;overflow:hidden;border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:radial-gradient(28rem 16rem at 100% 0%,color-mix(in oklab,var(--lz-gold-400),transparent 84%),transparent 70%),var(--color-surface);box-shadow:var(--shadow-card);transition:border-color var(--duration-base) var(--ease-out-expo),box-shadow var(--duration-base) var(--ease-out-expo),transform var(--duration-base) var(--ease-out-expo)}.journal-featured-card:hover,.journal-card:hover{border-color:var(--color-rule-accent);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.journal-featured-card:focus-visible,.journal-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.journal-featured-card__body{display:grid;gap:1.15rem;max-width:46rem;padding:clamp(1.6rem,1.2rem + 3vw,3.5rem)}.journal-list{display:grid;gap:1rem;margin-top:var(--space-section-inner)}.journal-card{display:grid;align-content:start;gap:1rem;min-block-size:100%;border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:clamp(1.25rem,1rem + 1.5vw,2rem);background:var(--color-surface);box-shadow:var(--shadow-card);transition:border-color var(--duration-base) var(--ease-out-expo),box-shadow var(--duration-base) var(--ease-out-expo),transform var(--duration-base) var(--ease-out-expo);content-visibility:auto;contain-intrinsic-size:auto 20rem}.journal-card__meta,.journal-detail-hero__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:var(--color-muted);font-family:var(--font-display);font-size:var(--type-meta);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.journal-card h3{font-size:var(--type-card-title);font-weight:900;line-height:1.5;text-wrap:balance}.journal-card p{color:var(--color-ink-soft);line-height:1.9}.journal-card__tags{margin-top:auto;padding:0;list-style:none}.journal-card__tags li{padding:.35rem .65rem;font-size:var(--type-meta)}.journal-detail-hero{padding-block:calc(var(--space-section) + 2rem) var(--space-section-inner);background:radial-gradient(38rem 22rem at 84% 20%,color-mix(in oklab,var(--lz-gold-400),transparent 84%),transparent 68%),linear-gradient(180deg,var(--color-paper),var(--color-paper-soft))}.journal-detail-hero__copy{display:grid;gap:1.35rem;max-width:50rem}.journal-detail-hero__title{max-width:13em;font-size:clamp(2.05rem,1.25rem + 3vw,3.6rem);font-weight:900;line-height:1.22;text-wrap:balance;word-break:auto-phrase;overflow-wrap:anywhere}.journal-detail-hero__lead{max-width:44rem;color:var(--color-ink-soft);font-size:var(--type-lede);line-height:1.9}.journal-detail-hero__meta{display:grid;gap:.9rem;text-transform:none;letter-spacing:0}.journal-detail-hero__meta div{display:grid;gap:.2rem}.journal-detail-hero__meta dt{color:var(--color-muted);font-family:var(--font-display);font-size:var(--type-meta);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.journal-detail-hero__meta dd{color:var(--color-ink);font-weight:700}.journal-body{max-width:48rem}.journal-body__content{display:grid;gap:1.25rem;color:var(--color-ink-soft);font-size:var(--type-body);line-height:2}.journal-body__content :where(h2,h3){color:var(--color-ink);font-weight:900;line-height:1.45;text-wrap:balance}.journal-body__content h2{margin-top:1.8rem;font-size:var(--type-card-title)}.journal-body__content h3{margin-top:1.2rem;font-size:1.08rem}.journal-body__content :where(ul,ol){display:grid;gap:.7rem;padding-left:1.3rem}.journal-body__content a{color:var(--color-accent-strong);font-weight:700;text-underline-offset:.18em}.journal-body__content code{border-radius:var(--radius-xs);padding:.1em .35em;background:var(--color-accent-faint);color:var(--color-ink);font-family:var(--font-mono);font-size:.92em}.journal-body__content pre{overflow-x:auto;border:1px solid var(--color-night-rule-strong);border-radius:var(--radius-md);padding:clamp(1rem,.8rem + 1vw,1.35rem);background:var(--color-night-paper);color:var(--color-night-ink);line-height:1.75}.journal-body__content pre code{padding:0;background:transparent;color:inherit;font-size:.86rem}.journal-body__content figure{display:grid;gap:0;overflow:hidden;margin:1.2rem 0;border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.journal-body__content figure img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover}.journal-body__content figcaption{padding:1rem;color:var(--color-ink-soft);font-size:var(--type-small);line-height:1.8}.journal-detail__nav{padding-bottom:var(--space-section-inner)}@media(min-width:48rem){.journal-hero__inner{grid-template-columns:minmax(0,1fr) minmax(18rem,.55fr)}.journal-list{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-detail-hero__meta{grid-template-columns:repeat(2,minmax(0,max-content))}}@media(min-width:70rem){.journal-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.journal-featured-card,.journal-card{transition:border-color .12s linear}.journal-featured-card:hover,.journal-card:hover{transform:none}}}