/* capability-rail — merged from the static build's app.css, source order preserved. */

body.seo-page .seo-labs { height: 829px; margin-top: 120px; }
body.seo-page .seo-labs__head { display: grid; grid-template-columns: 470px 440px; justify-content: space-between; }
body.seo-page .seo-labs__head .eyebrow { justify-self: start; }
body.seo-page .seo-labs__head h2 { width: 470px; margin: 19px 0 0; font-size: 60px; font-weight: 600; line-height: 60px; }
body.seo-page .seo-labs__head h2 em { font-family: var(--font-serif); font-weight: 400; font-style: italic; }
body.seo-page .seo-labs__head > p:not(.eyebrow) { width: 440px; margin: 0; grid-column: 2; grid-row: 1 / span 2; align-self: start; padding-top: 65px; color: rgba(0,0,0,.6); font-size: 18px; line-height: 26px; }
body.seo-page .seo-labs__cards { display: grid; grid-template-columns: repeat(3, 440px); gap: 20px; margin-top: 67px; }
body.seo-page .seo-labs__cards article { min-height: 537px; padding: 33px; border: 1px solid rgba(232,71,59,.2); background: rgba(232,71,59,.05); }
body.seo-page .seo-labs__cards small { display: block; color: var(--coral); font-size: 12px; font-weight: 500; letter-spacing: normal; line-height: 15px; text-transform: uppercase; }
body.seo-page .seo-labs__cards h3 { width: 290px; margin: 15px 0 0; font-size: 32px; font-weight: 500; line-height: 32px; }
body.seo-page .seo-labs__cards p { margin: 25px 0 0; color: rgba(0,0,0,.55); font-size: 18px; line-height: 26px; }
body.seo-page .seo-labs__cards ul { display: grid; gap: 10px; margin: 20px 0 0; padding: 0; list-style: none; }
body.seo-page .seo-labs__cards li { display: flex; align-items: center; gap: 10px; min-height: 27px; color: rgba(0,0,0,.55); font-size: 20px; line-height: 27px; }
body.seo-page .seo-labs__cards li::before { width: 5px; height: 5px; flex: none; content: ""; border-radius: 50%; background: var(--coral); }
body.seo-page .seo-labs__note { width: 830px; margin: 32px auto 0; color: rgba(0,0,0,.6); font-size: 18px; line-height: 26px; text-align: center; }
.seo-page .seo-labs { height: 829px; margin-top: 120px; }
.seo-page .seo-labs__head { display: grid; grid-template-columns: 470px 440px; justify-content: space-between; }
.seo-page .seo-labs__head .eyebrow { justify-self: start; }
.seo-page .seo-labs__head h2 { width: 470px; margin: 19px 0 0; font-size: 60px; font-weight: 600; line-height: 60px; }
.seo-page .seo-labs__head h2 em { font-family: var(--font-serif); font-weight: 400; font-style: italic; }
.seo-page .seo-labs__head > p:not(.eyebrow) { width: 440px; margin: 0; grid-column: 2; grid-row: 1 / span 2; align-self: start; padding-top: 65px; color: rgba(0,0,0,.6); font-size: 18px; line-height: 26px; }
.seo-page .seo-labs__cards { display: grid; grid-template-columns: repeat(3, 440px); gap: 20px; margin-top: 67px; }
.seo-page .seo-labs__cards article { min-height: 537px; padding: 33px; border: 1px solid rgba(232,71,59,.2); background: rgba(232,71,59,.05); }
.seo-page .seo-labs__cards small { display: block; color: var(--coral); font-size: 12px; font-weight: 500; letter-spacing: normal; line-height: 15px; text-transform: uppercase; }
.seo-page .seo-labs__cards h3 { width: 290px; margin: 15px 0 0; font-size: 32px; font-weight: 500; line-height: 32px; }
.seo-page .seo-labs__cards p { margin: 25px 0 0; color: rgba(0,0,0,.55); font-size: 18px; line-height: 26px; }
.seo-page .seo-labs__cards ul { display: grid; gap: 10px; margin: 20px 0 0; padding: 0; list-style: none; }
.seo-page .seo-labs__cards li { display: flex; align-items: center; gap: 10px; min-height: 27px; color: rgba(0,0,0,.55); font-size: 20px; line-height: 27px; }
.seo-page .seo-labs__cards li::before { width: 5px; height: 5px; flex: none; content: ""; border-radius: 50%; background: var(--coral); }
.seo-page .seo-labs__note { width: 830px; margin: 32px auto 0; color: rgba(0,0,0,.6); font-size: 18px; line-height: 26px; text-align: center; }

/* An opaque paper base keeps the side rails from showing through the tinted cards. */
body.seo-page .seo-labs__cards article {
  background-color: var(--paper);
  background-image: linear-gradient(rgba(232,71,59,.05), rgba(232,71,59,.05)), var(--noise);
}