.journal-main{width:min(1100px,100vw - 32px);margin:0 auto;padding:30px 0 60px}.journal-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:24px;display:grid}.jcard{background:var(--c-surface);border:var(--card-border);border-radius:var(--radius);flex-direction:column;transition:transform .15s;display:flex;overflow:hidden}.jcard:hover{transform:var(--hover-lift)}.jcard .ph{aspect-ratio:16/10;background:var(--c-surface-2);position:relative;container-type:inline-size}.jcard .ph img{object-fit:cover;width:100%;height:100%;display:block}.jcard .ph-cat{text-align:center;color:#fff;font:400 min(9.5cqi, 44px)/1 var(--f-accent);text-transform:var(--accent-transform);background:repeating-linear-gradient(-45deg, var(--c-accent) 0 16px, color-mix(in srgb, var(--c-accent) 86%, #000) 16px 32px);place-items:center;padding:16px;display:grid;position:absolute;inset:0}[data-theme=luxe] .jcard .ph-cat{color:#e88aa2;background:radial-gradient(circle at 30% 20%, var(--c-surface) 0, var(--c-surface-2) 70%)}.jcard .b{gap:8px;padding:16px;display:grid}.jcard h2{font-size:22px;line-height:1.1}.article{width:min(760px,100%);margin:0 auto}.article .cover{aspect-ratio:16/8;border-radius:var(--radius);background:var(--c-surface-2);margin:18px 0 26px;overflow:hidden}.article .cover img{object-fit:cover;width:100%;height:100%;display:block}.article h1{font-size:clamp(34px,5vw,56px);line-height:1}.article .body p{margin:0 0 18px;font-size:17px;line-height:1.7}.article .body h2{margin:30px 0 12px;font-size:26px}.draft-note{border-color:var(--c-accent);background:var(--c-accent-soft);margin:18px 0 8px;font-size:14px}