*{box-sizing:border-box}body{margin:0;background:#f7f3ea;color:#343633;font:17px/1.7 Arial,sans-serif}.article-content header{background:#173a34;color:#fff;padding:20px max(24px,6vw);display:flex;align-items:center;gap:35px}.brand{font:700 31px Georgia,serif;color:#fff;text-decoration:none;margin-right:auto}nav{display:flex;gap:22px}nav a{color:#fff;text-decoration:none;font-size:14px}main{max-width:900px;margin:60px auto;padding:0 25px}article{background:#fffdfa;padding:clamp(28px,6vw,68px);border:1px solid #e0ddd5}.eyebrow{color:#b5674c;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1,h2{font-family:Georgia,serif;color:#173a34;line-height:1.12}h1{font-size:clamp(38px,6vw,60px);margin:.2em 0}.dek{font-size:21px;color:#58605c;border-bottom:1px solid #d9ded9;padding-bottom:28px}.hero-img{width:100%;height:auto;margin:20px 0 35px}.article-body h2{margin-top:1.6em;font-size:30px}.article-body a{color:#315f53}.related{margin-top:55px;padding:30px;border-top:5px solid #315f53;background:#e7eee9;display:flex;gap:30px;align-items:center}.related div{flex:1}.related h2{margin:.2em 0}.related strong{font-size:20px}.cta{display:inline-block;background:#315f53;color:#fff;text-decoration:none;padding:13px 18px;font-weight:800;white-space:nowrap}.article-content footer{background:#173a34;color:#fff;padding:30px max(24px,6vw);display:flex;justify-content:space-between;gap:20px}@media(max-width:700px){nav{display:none}.related{display:block}.cta{margin-top:15px}.article-content footer{display:block}}
.resource-index{max-width:1180px;margin:55px auto;padding:0 25px}.resource-index .intro{text-align:center;max-width:720px;margin:0 auto 40px}.resource-index .intro h1{margin:.2em 0}.resource-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.resource-card-public{background:#fffdfa;border:1px solid #dedbd2;text-decoration:none;color:inherit;display:block}.resource-card-public img,.category-art{width:100%;aspect-ratio:3/2;object-fit:cover}.category-art{display:grid;place-items:center;background:#e7eee9;color:#315f53;font:700 17px Georgia,serif;text-align:center;padding:20px}.category-art.dna{background:#edf0e8}.category-art.brick{background:#f1e7df}.category-art.evidence{background:#eee9df}.category-art.preserve{background:#e8ede8}.resource-card-public .copy{padding:22px}.resource-card-public h2{font-size:25px;margin:.25em 0}.resource-card-public p{margin:.4em 0}.empty-note{text-align:center;padding:35px;background:#fffdfa;border:1px solid #dedbd2}@media(max-width:850px){.resource-cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.resource-cards{grid-template-columns:1fr}}

/* v2.34 resource image/article/card refinements */
.article-resource-img{
  float:right;
  width:min(340px,42%);
  height:auto;
  aspect-ratio:3/2;
  object-fit:contain;
  margin:6px 0 22px 30px;
  border:1px solid #dedbd2;
  background:#f7f3ea;
}
.article-clear{clear:both}
.resource-card-public{
  height:430px;
  display:grid;
  grid-template-rows:auto 1fr;
  overflow:hidden;
}
.resource-card-public img,.resource-card-public .category-art{
  display:block;
  width:100%;
  aspect-ratio:3/2;
  height:auto;
  object-fit:contain;
  background:#f7f3ea;
}
.resource-card-public .copy{display:flex;flex-direction:column;min-height:0}
.resource-card-public .copy h2{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.resource-card-public .copy p:not(.eyebrow){
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}
@media(max-width:700px){
 .article-resource-img{float:none;width:100%;max-width:420px;margin:12px auto 25px;display:block}
 .resource-card-public{height:auto}
}

.article-back{display:block;width:min(1120px,calc(100% - 40px));margin:26px auto 0;color:#315f53;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.article-back:hover{text-decoration:underline}

/* v2.38: site chrome belongs to /styles.css; resource.css styles article content only. */
.article-back{
  display:block;
  width:min(1120px,calc(100% - 40px));
  margin:26px auto 0;
  color:#315f53;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-decoration:none;
}
.article-back:hover{text-decoration:underline}