.form-block{padding:72px 0;max-width:760px}
.form-blurb{color:var(--muted,#7e93b8);margin:0 0 28px;max-width:52ch}
.lead-form{display:grid;gap:18px}
.field-row{display:grid;gap:18px;grid-template-columns:1fr 1fr}
@media(max-width:640px){.field-row{grid-template-columns:1fr}}
.lead-form label{display:grid;gap:7px;font-size:13px;letter-spacing:.02em;color:var(--muted,#7e93b8)}
.lead-form input,.lead-form select,.lead-form textarea{
  width:100%;padding:12px 14px;border:1px solid rgba(126,147,184,.34);border-radius:4px;
  background:rgba(8,13,26,.4);color:#f4f0e6;font:inherit;font-size:15px}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:2px solid #c8a24b;outline-offset:1px}
.lead-form .trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.lead-form button{justify-self:start;margin-top:4px}
.form-status{min-height:1.3em;font-size:14px;color:var(--muted,#7e93b8)}
.form-status a{color:#c8a24b}

/* Whole blog card is the hit target. Stretched-link rather than wrapping the
   card in an anchor or adding a click handler: one real link survives, so
   screen readers still announce the link text and there is no nested-anchor
   markup. */
.blog-card{position:relative;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s}
.blog-card a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.blog-card:hover{transform:translateY(-3px)}
.blog-card:focus-within{outline:2px solid #c8a24b;outline-offset:3px}
.blog-card > *{position:relative;z-index:0}
.blog-card a{position:static}
.blog-all{margin:34px 0 0;text-align:center}
.blog-all a{color:#c8a24b;font-size:15px;letter-spacing:-.01em;text-decoration:none}
.blog-all a:hover{text-decoration:underline}

/* The 5.0 resource system covers article layout. These are the gaps it does
   not have, because it never had a blog index or post covers. */
.resource-shell-narrow .resource-body{max-width:730px}
.resource-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#7e93b8;margin:0 0 14px}
.resource-cover{width:100%;height:auto;display:block;border:1px solid #2a3750;margin:0 0 44px}
.blog-cover{width:100%;height:auto;display:block;margin:0 0 18px;border-bottom:1px solid #2a3750}
.resource-hero h1{text-wrap:balance}
.resource-aside .resource-small+.resource-small{margin-top:14px;padding-top:14px;border-top:1px solid #2a3750}
.form-block{
  max-width:1120px;margin-inline:auto;padding:0 24px 96px;
  border-top:1px solid #2a3750;padding-top:56px
}
.form-block h2{font-size:27px;font-weight:500;letter-spacing:-.6px;color:#f4f0e6;margin:0 0 10px}
.form-block .lead-form,.form-block .form-blurb{max-width:730px}

/* The generated pages carry their own footer; 5.0 never had one to style. */
.site-footer{
  max-width:1120px;margin:0 auto;padding:34px 24px 56px;
  border-top:1px solid #2a3750;font-size:13px;line-height:1.7;color:#7e93b8
}
.site-footer p{margin:0;font-size:13px;color:#7e93b8}
.site-footer p+p{margin-top:8px}
.site-footer a{color:#c8a24b;text-decoration:none}
.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.site-footer .fine{color:#5a6a85}
@media(max-width:800px){
  .form-block{padding:40px 16px 64px}
  .site-footer{padding:28px 16px 44px}
}