/* Posts index and native topic archives. */
.hst-blog-index-page .site-content{padding:0}
.hst-blog-index-page .content-area{float:none;width:100%;margin:0}
.hst-blog-index-page .site-main{margin:0}
.hst-blog-index-page .hst-blog-index__wrap{width:min(100%,var(--hst-max));margin:0 auto;padding-inline:var(--hst-gutter)}
.hst-blog-index-page .hst-blog-index__header{padding:clamp(42px,5vw,64px) 0 clamp(32px,4vw,48px);background:var(--forest);color:var(--base-3)}
.hst-blog-index-page .hst-blog-index__eyebrow{margin:0 0 14px;font:var(--hst-label);letter-spacing:.08em;text-transform:uppercase;color:var(--forest-2)}
.hst-blog-index-page .hst-blog-index__breadcrumb{display:flex;flex-wrap:wrap;gap:.55em;align-items:center;margin:0 0 14px;color:var(--forest-2);font:var(--hst-label);letter-spacing:.04em;text-transform:uppercase}
.hst-blog-index-page .hst-blog-index__breadcrumb a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
.hst-blog-index-page .hst-blog-index__title{max-width:20ch;margin:0;color:var(--base-3);font-size:clamp(40px,5vw,64px);line-height:.95}
.hst-blog-index-page .hst-blog-index__intro{max-width:68ch;margin-top:22px;color:var(--forest-2);font-size:clamp(17px,1.5vw,20px);line-height:1.5}
.hst-blog-index-page .hst-blog-index__intro p{margin:0}
.hst-blog-index-page .hst-blog-index__intro p+p{margin-top:12px}
.hst-blog-index-page .hst-blog-index__listing{padding:clamp(28px,4vw,48px) 0 clamp(56px,8vw,104px);background:var(--base)}
.hst-blog-index-page .hst-blog-index__topics{margin:0 0 clamp(22px,3vw,32px)}
.hst-blog-index-page .hst-blog-index__topics ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.hst-blog-index-page .hst-blog-index__topics li{display:flex}
.hst-blog-index-page .hst-blog-index__topic{display:inline-flex;gap:.55em;align-items:center;justify-content:space-between;min-height:44px;padding:9px 12px;border:1px solid var(--forest);background:var(--base-3);color:var(--forest);font-weight:700;line-height:1.2;text-decoration:none}
.hst-blog-index-page .hst-blog-index__topic:hover,.hst-blog-index-page .hst-blog-index__topic:focus-visible{background:var(--forest);color:var(--base-3)}
.hst-blog-index-page .hst-blog-index__topic:focus-visible{outline:3px solid var(--forest);outline-offset:3px}
.hst-blog-index-page .hst-blog-index__topic.is-current{background:var(--forest);color:var(--base-3)}
.hst-blog-index-page .hst-blog-index__topic>span:first-child{min-width:0;overflow-wrap:anywhere}
.hst-blog-index-page .hst-blog-index__topic-count{font-variant-numeric:tabular-nums}
.hst-blog-index-page .hst-blog-index__result-count{margin:0 0 16px;color:var(--contrast-2);font:var(--hst-meta);font-size:13px}
.hst-blog-index-page .hst-blog-index__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.5vw,32px)}
.hst-blog-index-page .hst-blog-index__card{display:flex;flex-direction:column;min-width:0;margin:0;background:var(--base-3);border:var(--hst-form);box-shadow:none}
.hst-blog-index-page .hst-blog-index__card-link{display:flex;flex:1;flex-direction:column;min-width:0;height:100%;color:var(--contrast);text-decoration:none}
.hst-blog-index-page .hst-blog-index__media{display:grid;place-items:center;min-width:0;aspect-ratio:16/9;overflow:hidden;background:var(--forest)}
.hst-blog-index-page .hst-blog-index__image{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.hst-blog-index-page .hst-blog-index__media-fallback{font-size:clamp(30px,4vw,52px);font-weight:900;line-height:1;letter-spacing:var(--hst-track-display);color:var(--base-3)}
.hst-blog-index-page .hst-blog-index__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(20px,2.4vw,30px)}
.hst-blog-index-page .hst-blog-index__card-topic{margin:0 0 8px;color:var(--forest);font:var(--hst-label);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.hst-blog-index-page .hst-blog-index__meta{display:flex;flex-wrap:wrap;gap:.35em;align-items:center;margin:0 0 12px;color:var(--contrast-2);font:var(--hst-meta);font-size:13px}
.hst-blog-index-page .hst-blog-index__meta time{font-variant-numeric:tabular-nums}
.hst-blog-index-page .hst-blog-index__card-title{margin:0;font-size:clamp(24px,2.4vw,34px);line-height:1.05;letter-spacing:var(--hst-track)}
.hst-blog-index-page .hst-blog-index__card-link:hover .hst-blog-index__card-title,.hst-blog-index-page .hst-blog-index__card-link:focus-visible .hst-blog-index__card-title{text-decoration:underline;text-decoration-thickness:2px}
.hst-blog-index-page .hst-blog-index__excerpt{max-width:54ch;margin:16px 0 0;color:var(--contrast-2);line-height:1.55}
.hst-blog-index-page .hst-blog-index__empty{max-width:52ch;margin:0;padding:24px;border:var(--hst-form);background:var(--base-3)}
.hst-blog-index-page .hst-blog-index__empty p{margin:0}
.hst-blog-index-page .hst-blog-index__empty p+p{margin-top:12px}
.hst-blog-index-page .hst-blog-index__listing .navigation.pagination{margin:clamp(30px,5vw,56px) 0 0}
.hst-blog-index-page .hst-blog-index__listing .nav-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hst-blog-index-page .hst-blog-index__listing .page-numbers{display:inline-flex;align-items:center;min-height:42px;padding:8px 12px;border:1px solid var(--contrast-3);background:var(--base-3);color:var(--contrast);font-weight:700;text-decoration:none}
.hst-blog-index-page .hst-blog-index__listing .page-numbers.current{border-color:var(--contrast);background:var(--contrast);color:var(--base-3)}
.hst-blog-index-page .hst-blog-index__listing a.page-numbers:hover{border-color:var(--accent);background:var(--accent);color:var(--base-3)}
.hst-blog-index-page .hst-blog-index__listing .page-numbers.prev,.hst-blog-index-page .hst-blog-index__listing .page-numbers.next{max-width:100%;text-align:center}

@media (max-width:700px){
  .hst-blog-index-page .hst-blog-index__header{padding-top:42px}
  .hst-blog-index-page .hst-blog-index__grid{grid-template-columns:minmax(0,1fr)}
  .hst-blog-index-page .hst-blog-index__card-title{font-size:clamp(24px,7vw,31px)}
}

@media (max-width:390px){
  .hst-blog-index-page .hst-blog-index__topics ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hst-blog-index-page .hst-blog-index__topic{width:100%;min-width:0;padding-inline:10px;font-size:14px}
  .hst-blog-index-page .hst-blog-index__body{padding:18px}
  .hst-blog-index-page .hst-blog-index__meta{font-size:12px}
  .hst-blog-index-page .hst-blog-index__listing .page-numbers{min-height:40px;padding:8px 10px}
}

@media (prefers-reduced-motion:reduce){
  .hst-blog-index-page .hst-blog-index__card-link{transition:none}
}