/* Blog additions. Loaded after policy.css, which supplies .wrap, .top,
   .back, .updated, .note and the base typography. */

.kicker{
  font-family:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;
  font-size:11px;text-transform:uppercase;letter-spacing:1.4px;
  color:#2d6a4f;font-weight:700;margin-bottom:8px;
}

.lede{font-size:18px;line-height:1.6;color:#39463a;margin-bottom:6px}

/* post list on the blog index */
.posts{list-style:none;padding:0;margin:26px 0 0}
.posts li{
  border:1px solid #d7e2c8;background:#f9fcf5;border-radius:14px;
  padding:20px 22px;margin-bottom:14px;
  box-shadow:0 1px 2px rgba(40,50,35,.06);
  transition:border-color .15s,transform .15s;
}
.posts li:hover{border-color:#3f8f68;transform:translateY(-2px)}
.posts h2{margin:0 0 6px;font-size:21px}
.posts h2 a{text-decoration:none}
.posts p{margin:0;color:#5c6a5b;font-size:14.5px;line-height:1.6}
.posts .meta{margin-top:9px;font-size:12.5px;color:#5c6a5b}

/* a product mentioned inside a post */
.pick{
  display:flex;gap:16px;align-items:flex-start;
  border:1px solid #d7e2c8;background:#f9fcf5;border-radius:14px;
  padding:16px 18px;margin:14px 0;
}
.pick .pemo{font-size:32px;line-height:1;flex:none}
.pick .pbody{flex:1;min-width:0}
.pick h3{margin:0 0 5px;font-size:17px}
.pick p{margin:0 0 10px;color:#5c6a5b;font-size:14px;line-height:1.55}
.pick .prow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pick .ppr{font-weight:800;color:#1f6f45;font-size:18px;
           font-variant-numeric:tabular-nums}
.pick .pbuy{
  background:linear-gradient(92deg,#14402c,#2d6a4f);color:#fff;
  text-decoration:none;padding:8px 15px;border-radius:10px;
  font-size:13.5px;font-weight:700;white-space:nowrap;
}
.pick .pbuy:hover{filter:brightness(1.15)}

.disc{
  border:1px solid #e8d9a8;background:#fff8e6;color:#6b5518;
  border-radius:10px;padding:12px 15px;font-size:13px;line-height:1.6;
  margin:26px 0;
}

.backhome{
  display:inline-block;margin-top:30px;font-weight:600;color:#2d6a4f;
  text-decoration:none;border:1px solid #d7e2c8;background:#f9fcf5;
  border-radius:999px;padding:9px 18px;
}
.backhome:hover{border-color:#3f8f68;color:#14402c}

@media(max-width:520px){
  .pick{flex-direction:column;gap:10px}
}