/* Blog-specific styling, layered on legal.css */
.post{ margin-top:8px; }
.post h2{ margin:32px 0 10px; font-size:1.35rem; font-family:'Bitter',Georgia,serif; text-transform:none; letter-spacing:0; }
.post h3{ margin:24px 0 8px; font-size:1.12rem; }
.post p{ margin:0 0 16px; }
.post ul,.post ol{ margin:0 0 16px; padding-left:24px; }
.post li{ margin-bottom:8px; }
.post blockquote{
  margin:0 0 18px; padding:12px 18px;
  border-left:4px solid var(--ink); background:var(--panel);
  font-style:italic;
}
.post a{ color:var(--ink); text-decoration-thickness:2px; text-underline-offset:3px; }

.post-cta{
  margin:44px 0 0; padding:24px;
  border:2px solid var(--ink); border-radius:8px; background:var(--panel);
}
.post-cta p{ margin:0 0 18px; }
.post-btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:52px; padding:12px 26px; margin:0 8px 8px 0;
  background:var(--ink); color:#F4F4F2; border:2px solid var(--ink); border-radius:999px;
  font-family:'Roboto Condensed',sans-serif; font-weight:700;
  font-size:14px; letter-spacing:.09em; text-transform:uppercase; text-decoration:none;
}
.post-btn--line{ background:transparent; color:var(--ink); }
.post-btn--line:hover{ background:var(--ink); color:#F4F4F2; }

.post-list{ list-style:none; margin:0; padding:0; }
.post-list li{ padding:22px 0; border-bottom:1px solid var(--line); margin:0; }
.post-list a{
  font-family:'Bitter',Georgia,serif; font-weight:800;
  font-size:1.3rem; line-height:1.2; text-decoration:none; color:var(--ink);
}
.post-list a:hover{ text-decoration:underline; text-underline-offset:4px; }
.post-list__meta{
  font-family:'Spline Sans Mono',monospace; font-size:11.5px;
  color:var(--ink-3); margin:6px 0 8px;
}
.post-list p{ margin:0; color:var(--ink-2); font-size:15px; }
header.doc img{ width:86px; height:auto; }
