/* A readable full-width guide, using the site's existing colors and type scale. */
.page-engine-guide .engine-guide { padding-bottom: 32px; }
.page-engine-guide .mw-page-intro h1 { max-width: 1100px; text-wrap: balance; }
.page-engine-guide .engine-flow { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); list-style: none; gap: 24px; padding: 23px 0; border-block: 1px solid #81909d32; }
.page-engine-guide .engine-flow li { min-width: 0; }
.page-engine-guide .engine-step-number { display: block; color: #c4956d; font-size: .75rem; margin-bottom: 8px; }
.page-engine-guide .engine-flow strong { display: block; color: #e8eef4; font-weight: 550; font-size: 1rem; }
.page-engine-guide .engine-flow p { margin-top: 7px; color: #aab8c5; font-size: .875rem; line-height: 1.6; }
.page-engine-guide .engine-guide h2 { font-size: 1.5rem; font-weight: 550; color: #e8eef4; line-height: 1.4; }
.page-engine-guide .engine-prep, .page-engine-guide .engine-format { padding-block: 30px; max-width: 1100px; }
.page-engine-guide .engine-prep p, .page-engine-guide .engine-format p, .page-engine-guide .engine-section-heading p { color: #acbac7; font-size: 1rem; line-height: 1.75; margin-top: 12px; text-wrap: pretty; }
.page-engine-guide .engine-import { padding-top: 6px; }
.page-engine-guide .engine-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 22px; }
.page-engine-guide .engine-panel { min-width: 0; padding: 25px 28px 19px; border: 1px solid #74889c35; background: #151e27; border-radius: 5px; }
.page-engine-guide .engine-panel h3 { font-size: 1.375rem; font-weight: 550; margin-bottom: 23px; color: #ecf1f6; }
.page-engine-guide .engine-panel ol { list-style: decimal; padding-left: 19px; }
.page-engine-guide .engine-panel li { padding-left: 7px; margin-bottom: 22px; }
.page-engine-guide .engine-panel li::marker { color: #ae8d73; font-size: .875rem; }
.page-engine-guide .engine-panel h4 { font-size: 1rem; font-weight: 550; margin-bottom: 7px; }
.page-engine-guide .engine-panel p, .page-engine-guide .engine-check-grid p { color: #acbac7; font-size: 1rem; line-height: 1.7; text-wrap: pretty; }
.page-engine-guide .engine-link { display: inline-flex; min-height: 44px; align-items: center; gap: 10px; color: #eeb685; font-size: .875rem; }
.page-engine-guide .engine-link:hover { color: #fff; }
.page-engine-guide .engine-finishing { padding-top: 34px; }
.page-engine-guide .engine-check-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 40px; margin-top: 22px; }
.page-engine-guide .engine-check-grid article { border-top: 1px solid #81909d32; padding-top: 18px; }
.page-engine-guide .engine-check-grid h3 { font-size: 1.0625rem; font-weight: 550; margin-bottom: 9px; }
.page-engine-guide .engine-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px 36px; border-top: 1px solid #81909d32; padding-top: 28px; }
.page-engine-guide .engine-cta p { color: #acbac7; font-size: 1rem; line-height: 1.7; margin-top: 8px; }
.page-engine-guide .engine-cta > div:last-child { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; }
@media (max-width: 1000px) {
  .page-engine-guide .engine-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .page-engine-guide .engine-panel { padding: 21px 22px 17px; }
}
@media (max-width: 700px) {
  .page-engine-guide .engine-columns, .page-engine-guide .engine-check-grid { grid-template-columns: 1fr; }
  .page-engine-guide .engine-flow { gap: 20px 16px; }
  .page-engine-guide .engine-flow strong { font-size: .9375rem; }
  .page-engine-guide .engine-guide h2 { font-size: 1.375rem; }
}