/* ============================================================================
   Blog — 7 August. Long-form reading, so this is mostly about measure and
   rhythm rather than decoration. Reuses .jobfaq from lander.css/jobdeep.css
   for the question block so a reader meets one FAQ pattern across the site.
   ========================================================================== */
.post{max-width:none;margin:0 auto;padding:44px 0 20px}
.post h1{font-size:clamp(28px,5vw,44px);line-height:1.1;letter-spacing:-.028em;
  text-wrap:balance;max-width:20ch;margin-bottom:22px}
.post h2{font-size:clamp(20px,3vw,27px);letter-spacing:-.02em;margin:42px 0 14px;
  text-wrap:balance;max-width:26ch}
.post p{color:var(--muted);line-height:1.68;font-size:16.5px;max-width:66ch;margin-bottom:15px}
.post p strong{color:var(--text);font-weight:600}
.post-kicker{font-size:13px;letter-spacing:.02em;text-transform:uppercase;
  color:var(--muted);margin-bottom:14px}
.post-kicker a{color:var(--accent);text-decoration:none}
.post-kicker a:hover{text-decoration:underline}
.post-lede{font-size:17.5px;max-width:62ch}

/* The citation. Deliberately visible rather than a footnote — the whole point
   of these posts is that a claim about someone else shows its working. */
.src{display:block;margin-top:5px;font-size:12.5px;letter-spacing:.01em;
  color:var(--muted);opacity:.78;padding-left:11px;
  border-left:2px solid rgba(198,255,52,.34)}

.post-note{margin-top:40px;padding:15px 17px;border:1px solid var(--hair);
  border-radius:12px;background:var(--surface);font-size:14px}
.post .cta{margin:30px 0 10px}

.bloglist{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:11px}
.bloglist a{display:grid;gap:5px;padding:19px;border:1px solid var(--hair);
  border-radius:14px;background:var(--surface);text-decoration:none;
  transition:border-color .2s var(--ease),background .2s var(--ease)}
.bloglist a:hover{border-color:var(--hair-2);background:var(--raised)}
.bi-t{font-size:17px;font-weight:600;letter-spacing:-.015em;color:var(--text);text-wrap:balance}
.bi-d{font-size:14.5px;color:var(--muted);line-height:1.55}
.bloglist time{font-size:12.5px;color:var(--muted);opacity:.8}

/* the shared FAQ block, restated here since blog pages don't load lander.css */
.jobfaq{display:grid;gap:9px;margin-top:16px;max-width:66ch}
.jobfaq details{border:1px solid var(--hair);border-radius:12px;background:var(--surface);overflow:hidden}
.jobfaq summary{cursor:pointer;list-style:none;padding:14px 44px 14px 17px;position:relative;
  font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--text)}
.jobfaq summary::-webkit-details-marker{display:none}
.jobfaq summary::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;
  margin-top:-5px;border-right:1.8px solid var(--accent);border-bottom:1.8px solid var(--accent);
  transform:rotate(45deg);transition:transform .18s ease}
.jobfaq details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.jobfaq summary:hover{background:var(--raised)}
.jobfaq p{padding:0 17px 15px;font-size:14.5px;line-height:1.62}
@media (prefers-reduced-motion:reduce){.jobfaq summary::after,.bloglist a{transition:none}}