.blog-hero-top{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.blog-back{color:var(--slate);transition:color .2s ease,transform .2s var(--ease-out);align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.blog-back:hover{color:var(--teal-solid);transform:translate(-2px)}.blog-index,.blog-related{padding:0 0 64px;position:relative}#journal{padding:72px 0;position:relative}.home-blog-grid,#journal .section-more{margin-top:28px}.blog-index-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:36px 0 16px;font-size:10px;font-weight:700}.blog-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.blog-card{color:inherit;background:var(--surface-glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);transition:transform .24s var(--ease-out),border-color .24s ease,box-shadow .24s ease,background .24s ease;border:1px solid #ffffffd9;border-radius:22px;flex-direction:column;gap:18px;padding:18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.blog-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,currentColor,#0000);height:2px;transition:opacity .24s;position:absolute;inset:0 0 auto}.blog-card:hover{box-shadow:var(--shadow-card);transform:translateY(-5px)}.blog-card:hover:before{opacity:.7}.blog-card.accent-teal{color:var(--teal)}.blog-card.accent-violet{color:var(--violet)}.blog-card.accent-sky{color:var(--sky)}.blog-card.accent-amber{color:#d97706}.blog-card.accent-rose{color:var(--rose)}.blog-card.accent-teal:hover{background:var(--teal-glow);border-color:#12c4b066}.blog-card.accent-violet:hover{background:var(--violet-glow);border-color:#7c5cfc66}.blog-card.accent-sky:hover{background:var(--sky-glow);border-color:#0ea5e966}.blog-card.accent-amber:hover{background:var(--amber-glow);border-color:#f5a52473}.blog-card.accent-rose:hover{background:var(--rose-glow);border-color:#f43f7a59}.blog-card.is-featured{background:var(--white);border-color:#12c4b047;grid-template-columns:1.05fr 1fr;align-items:stretch;gap:28px;margin-bottom:8px;padding:22px;display:grid}.blog-card.is-featured .blog-card-cover{height:100%;min-height:240px}.blog-card.is-featured .blog-card-title{font-size:clamp(26px,3.2vw,36px)}.blog-card-cover{isolation:isolate;background:#0f766e;border-radius:16px;min-height:132px;position:relative;overflow:hidden}.blog-card.accent-violet .blog-card-cover{background:#5b45d6}.blog-card.accent-sky .blog-card-cover{background:#0369a1}.blog-card.accent-amber .blog-card-cover{background:#b45309}.blog-card.accent-rose .blog-card-cover{background:#be123c}.blog-card-cover-orb{filter:blur(2px);background:#ffffff1f;border-radius:50%;width:120px;height:120px;position:absolute;top:18%;right:18%;box-shadow:0 0 40px #12c4b040}.blog-card-cover-orb-2{background:#ffffff14;width:72px;height:72px;inset:auto auto 16% 14%;box-shadow:0 0 28px #7c5cfc47}.blog-card-body{flex-direction:column;gap:12px;min-width:0;padding:4px 6px 8px;display:flex}.blog-card.is-featured .blog-card-body{justify-content:center;padding:12px 8px 12px 0}.blog-card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:12px;display:flex}.blog-card-meta time{font-variant-numeric:tabular-nums}.blog-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:600}.blog-card-title{font-family:var(--font-head);letter-spacing:-.03em;color:var(--ink);font-size:clamp(18px,2vw,22px);font-weight:800;line-height:1.2}.blog-card-excerpt{color:var(--slate);font-size:14.5px;line-height:1.65}.blog-card-cta{color:var(--teal-solid);align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:700;display:inline-flex}.blog-card:hover .blog-card-cta{color:var(--teal-dark)}.blog-aside-cta{color:var(--white);margin-top:14px}.blog-doc>p:first-of-type{font-size:17px}.blog-doc blockquote{background:var(--teal-glow)}@media (max-width:900px){.blog-card.is-featured{grid-template-columns:1fr;gap:16px}.blog-card.is-featured .blog-card-cover{min-height:180px}.blog-card.is-featured .blog-card-body{padding:4px 6px 8px}}@media (max-width:720px){.blog-grid{grid-template-columns:1fr}}