.journal-shell{--paper: #ffffff;--bg: #fafafb;--ink: #0f172a;--ink-2: #475569;--ink-3: #94a3b8;--line: #e7e9ee;--blue: #2563eb;--green: #24c45e;font-family:Manrope,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.journal-shell *,.journal-shell *:before,.journal-shell *:after{box-sizing:border-box}.j-wrap{width:100%;max-width:1080px;margin:0 auto;padding-inline:24px}.j-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.j-filter{display:flex;flex-wrap:wrap;gap:8px;padding-top:44px;padding-bottom:28px;border-bottom:1px solid var(--line)}.j-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--paper);color:var(--ink-2);font-family:inherit;font-size:14px;font-weight:600;padding:8px 16px;border-radius:999px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.j-pill:hover{color:var(--ink);border-color:#cbd2dd}.j-pill.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}.j-pill:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.j-body{padding:36px 0 80px}.j-cover-chip{position:absolute;top:14px;left:14px;z-index:1;font-size:12.5px;font-weight:700;letter-spacing:.01em;color:var(--tint, var(--blue));background:#fff;padding:5px 12px;border-radius:999px;box-shadow:0 2px 10px #0f172a24}.j-card__date{font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}.j-feature__cover,.j-card__cover{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--tint) 14%,#fff),color-mix(in srgb,var(--tint) 6%,#fff));display:grid;place-items:center}.j-feature__cover{aspect-ratio:16 / 10}.j-card__cover{aspect-ratio:16 / 9}.j-feature__cover img,.j-card__cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.j-cover-mark{font-size:14px;font-weight:700;letter-spacing:.04em;color:color-mix(in srgb,var(--tint) 70%,#1e293b);opacity:.55}.j-feature__cover:after,.j-card__cover:after{content:"";position:absolute;inset:0;border-radius:14px;box-shadow:inset 0 0 0 1px #0f172a0f}.j-feature{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center;text-decoration:none;color:inherit;margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid var(--line)}.j-feature__body{display:flex;flex-direction:column}.j-feature__title{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(24px,3vw,33px);line-height:1.16;letter-spacing:-.02em;margin:0;color:var(--ink);transition:color .18s ease}.j-feature__title:hover{color:var(--blue)}.j-feature__excerpt{margin:14px 0 0;font-size:16.5px;line-height:1.6;color:var(--ink-2);max-width:52ch}.j-feature__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px}.j-readmore{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:14.5px;font-weight:700;color:var(--ink);transition:background .18s ease,color .18s ease,border-color .18s ease}.j-readmore:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.j-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}.j-card{display:flex;flex-direction:column;text-decoration:none;color:inherit}.j-card__body{padding-top:16px}.j-card__title{font-size:18px;font-weight:700;line-height:1.28;letter-spacing:-.01em;margin:0;color:var(--ink);transition:color .18s ease}.j-card:hover .j-card__title{color:var(--blue)}.j-card:hover .j-card__cover{transform:translateY(-2px)}.j-card__cover{transition:transform .2s ease}.j-card__excerpt{margin:8px 0 0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}.j-card__date{display:block;margin-top:12px}.j-empty{grid-column:1 / -1;text-align:center;color:var(--ink-2);font-size:15.5px;line-height:1.6;max-width:48ch;margin:24px auto;padding:28px}.j-subscribe{margin-top:56px;padding:36px;border-radius:20px;background:#0f172a;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.j-subscribe h2{margin:0;font-size:22px;font-weight:800;color:#fff;letter-spacing:-.01em}.j-subscribe p{margin:8px 0 0;font-size:15px;line-height:1.55;color:#cbd5e1;max-width:46ch}.j-subscribe__actions{display:flex;gap:12px;flex-wrap:wrap}.j-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:12px;font-size:15px;font-weight:700;text-decoration:none;transition:all .18s ease}.j-btn--primary{background:var(--green);color:#fff;box-shadow:0 6px 18px -6px #24c45e99}.j-btn--primary:hover{background:#1faa50}.j-btn--ghost{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.18)}.j-btn--ghost:hover{background:#ffffff24}.reveal{transition:opacity .5s ease,transform .5s ease}.j-revealing .reveal{opacity:0;transform:translateY(14px)}.j-revealing .reveal.is-in{opacity:1;transform:none}@media(max-width:880px){.j-feature{grid-template-columns:1fr;gap:20px}.j-grid{grid-template-columns:repeat(2,1fr)}.j-subscribe{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.j-intro{padding:36px 0 28px}.j-grid{grid-template-columns:1fr}.j-subscribe__actions{width:100%}.j-btn{flex:1}}@media(prefers-reduced-motion:reduce){.j-revealing .reveal{opacity:1;transform:none;transition:none}.j-card__cover{transition:none}}
