.jrnl{max-width:var(--maxw);padding:0 var(--gutter) var(--space-xl);margin:0 auto}.jrnl__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(1rem,.5rem + 1.5vw,1.75rem);margin:0;padding:0;list-style:none;display:grid}.jrnl__card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-label);transition:transform var(--dur-fast) var(--ease-interaction), border-color var(--dur-fast) var(--ease-interaction);overflow:hidden}.jrnl__card:hover{border-color:var(--cyan);transform:translateY(-2px)}.jrnl__card-link{color:inherit;text-decoration:none;display:block}.jrnl__thumb{aspect-ratio:13/10;overflow:hidden}.jrnl__img{object-fit:cover;width:100%;height:100%}.jrnl__meta{padding:1.1rem 1.2rem 1.3rem}.jrnl__date{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-dim);font-size:.72rem}.jrnl__title{font-size:var(--step-1);color:var(--fg);margin:.4rem 0 .5rem;line-height:1.25}.jrnl__excerpt{font-size:var(--step--1);color:var(--fg-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.jrnl-post{max-width:var(--maxw-text);padding:var(--space-lg) var(--gutter) var(--space-xl);margin:0 auto}.jrnl-post__date{font-size:var(--step--1);letter-spacing:.24em;text-transform:uppercase;color:var(--cyan-dim)}.jrnl-post__title{font-size:var(--step-3);color:var(--fg);margin:.8rem 0 0;line-height:1.1}.jrnl-post__hero{border-radius:var(--radius-label);border:1px solid var(--line);margin:2rem 0 0;overflow:hidden}.jrnl-post__hero img{width:100%;height:auto;display:block}.jrnl-post__body{font-size:var(--step-0);color:var(--fg);margin-top:2.2rem;line-height:1.65}.jrnl-post__body p{margin:0 0 1.2em}.jrnl-post__body h3{font-size:var(--step-1);margin:2em 0 .8em}.jrnl-post__body blockquote{border-left:2px solid var(--cyan-dim);color:var(--fg-muted);margin:1.6em 0;padding-left:1.2em}.jrnl-post__body a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--cyan-dim);text-decoration-color:var(--cyan-dim);text-underline-offset:3px}.jrnl-post__body img{border-radius:var(--radius-label);border:1px solid var(--line);max-width:100%;height:auto;margin:.4em 0}.jrnl-post__back{margin-top:var(--space-lg);border-top:1px solid var(--line);padding-top:1.4rem}.jrnl-post__back a{font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);text-decoration:none}.jrnl-post__back a:hover{color:var(--fg)}