.blog-intro{padding:65px 0 40px;max-width:850px}.blog-intro h1{margin-bottom:20px}.blog-intro h1 span{color:var(--yellow)}.blog-intro .dek{margin:0;max-width:670px}
.blog-tools{display:flex;gap:24px;align-items:end;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.blog-tools label{display:block;font-size:14px;color:var(--muted)}.blog-search{flex:1}.blog-tools input,.blog-tools select{display:block;margin-top:9px;border:1px solid #63644f;border-radius:3px;background:#151610;color:var(--text);font:400 17px 'Source Sans 3',sans-serif;padding:12px 15px;min-height:48px;width:100%}.blog-tools select{min-width:240px}.blog-tools input:focus-visible,.blog-tools select:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}#blog-count{font-size:14px;color:var(--muted);margin:22px 0}
.blog-card{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0 40px}.blog-card[hidden]{display:none}.blog-cover{display:flex;flex-direction:column;justify-content:space-between;min-height:290px;padding:28px;background:var(--yellow);color:#202319}.blog-cover span{font-size:12px}.blog-cover strong{font:400 39px/1.15 var(--display)}.blog-card .eyebrow{margin-bottom:16px}.blog-card h2{font-size:40px;line-height:1.2;margin:0 0 18px}.blog-card h2 a:hover{color:var(--yellow)}.blog-card p{font-size:19px;line-height:1.65;color:var(--muted);max-width:630px}.blog-card .blog-meta{font-size:14px;margin:0 0 16px}.read-entry{display:inline-block;color:var(--yellow);font-size:16px;text-decoration:underline;text-underline-offset:5px;padding:8px 0}.blog-empty{padding:32px 0 60px}.blog-empty p{font-size:20px}.blog-empty button{padding:10px 18px;background:var(--yellow);border:0;color:#202319;border-radius:3px}.back-blogs{display:inline-block;margin-top:25px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:650px){.blog-intro{padding-top:40px}.blog-tools{display:block}.blog-tools label+label{margin-top:18px}.blog-tools select{min-width:0}.blog-card{grid-template-columns:1fr;gap:25px}.blog-cover{min-height:220px}.blog-card h2{font-size:32px}}