/* Product-category pages: existing black / white / silver design, editable blocks. */
.ql-process-page { background: #fff; color: #252b2e; padding: 30px 0 64px; overflow-wrap: anywhere; }
.ql-process-page .ql-wrap { max-width: 1328px; padding-inline: 40px; }
.ql-process-page .ql-process-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; color: #586068; font-size: 14px; line-height: 1.8; margin: 0 0 36px; }
.ql-process-breadcrumb a { color: #252b2e; text-decoration: underline; text-underline-offset: 4px; }
.ql-process-page .ql-process-hero { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 52px; align-items: center; margin: 0; padding-bottom: 48px; border-bottom: 1px solid #dce0e4; }
.ql-process-page .wp-block-column { min-width: 0; margin: 0; }
.ql-process-page .ql-kicker { color: #54616a; font-size: 14px; letter-spacing: .06em; margin: 0 0 16px; }
.ql-process-page h1 { color: #22262a; font-size: clamp(32px,3.8vw,52px); line-height: 1.35; letter-spacing: -.02em; margin: 0 0 24px; }
.ql-process-page h2 { color: #252b2e; font-size: 26px; line-height: 1.5; margin: 0 0 24px; }
.ql-process-page h3 { color: #252b2e; font-size: 20px; line-height: 1.5; margin: 0 0 14px; }
.ql-process-page p, .ql-process-page li { font-size: 16px; line-height: 1.9; }
.ql-process-page p { margin: 0 0 20px; }
.ql-process-page .ql-process-lead { font-size: 17px; color: #454d54; margin: 0 0 28px; }
.ql-process-page .ql-process-image { margin: 0; width: 100%; aspect-ratio: 4 / 3; display: grid; place-items: center; background: #f3f4f5; border: 1px solid #e1e4e7; }
.ql-process-image img { width: 100%; height: 100%; max-height: 340px; object-fit: contain; padding: 20px; box-sizing: border-box; }
.ql-process-page .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }
.ql-process-page .wp-block-button { margin: 0; max-width: 100%; }
.ql-process-page .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 11px 19px; background: #252b2e; color: #fff; border: 1px solid #252b2e; border-radius: 0; font: inherit; font-size: 16px; font-weight: 600; line-height: 1.6; text-decoration: none; box-sizing: border-box; }
.ql-process-page .is-style-outline .wp-block-button__link { background: #fff; color: #252b2e; border-color: #aeb7be; }
.ql-process-page .wp-block-button__link:hover { background: #3c464e; border-color: #3c464e; color: #fff; }
.ql-process-page .is-style-outline .wp-block-button__link:hover { background: #f0f2f4; border-color: #566671; color: #22262a; }
.ql-process-page .ql-process-section { margin-top: 44px; }
.ql-process-page .ql-process-applications { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; margin: 0; }
.ql-process-page .ql-process-card { border-top: 3px solid #b6bfc6; background: #f5f6f7; padding: 28px 24px; height: 100%; box-sizing: border-box; }
.ql-process-card p { margin: 0; color: #454d54; }
.ql-process-page .ql-process-selection { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px; margin: 0; }
.ql-process-checks { padding: 28px 0; border-block: 1px solid #dce0e4; }
.ql-process-checks h2 { font-size: 24px; }
.ql-process-checks ul { padding-left: 22px; margin: 0; }
.ql-process-checks li { padding-left: 5px; margin: 0 0 12px; color: #454d54; }
.ql-process-checks li:last-child { margin-bottom: 0; }
.ql-process-page .ql-process-material-note { margin-top: 22px; color: #586068; font-size: 14px; }
.ql-process-page .ql-process-resources p { color: #454d54; }
.ql-process-page .ql-process-inquiry { margin-top: 44px; padding: 32px; background: #eef0f2; border-left: 4px solid #929fa8; }
.ql-process-inquiry h2 { margin-bottom: 14px; }
.ql-process-inquiry p { max-width: 860px; }
.ql-process-related h2 { font-size: 22px; }
.ql-process-related .wp-block-button__link { font-size: 14px; }
.ql-guide-topic { display: block; padding: 8px 0; font-size: 15px; line-height: 1.8; color: #555e65; }
a.ql-guide-image { display: block; text-decoration: none; }
.ql-contact-inquiry-context { padding: 16px 20px; margin: 24px 0; border-left: 3px solid #9daab3; background: #f2f4f5; color: #252b2e; font-size: 16px; line-height: 1.8; }
.ql-process-page a:focus-visible { outline: 2px solid #245f86; outline-offset: 4px; }
@media (max-width: 1000px) {
  .ql-process-page .ql-process-hero { gap: 28px; }
  .ql-process-page .ql-process-applications { gap: 16px; }
  .ql-process-page .ql-process-card { padding: 24px 20px; }
}
@media (max-width: 782px) {
  .ql-process-page { padding-top: 24px; }
  .ql-process-page .ql-wrap { padding-inline: 22px; }
  .ql-process-page .ql-process-hero, .ql-process-page .ql-process-applications, .ql-process-page .ql-process-selection { grid-template-columns: 1fr; }
  .ql-process-page .ql-process-breadcrumb { margin-bottom: 26px; gap: 8px; }
  .ql-process-page .ql-process-hero { gap: 30px; padding-bottom: 30px; }
  .ql-process-page .ql-process-image { aspect-ratio: 16 / 10; }
  .ql-process-image img { max-height: 270px; }
  .ql-process-page .ql-process-selection { gap: 0; }
  .ql-process-page .ql-process-selection .wp-block-column + .wp-block-column .ql-process-checks { border-top: 0; }
  .ql-process-page .ql-process-section { margin-top: 32px; }
  .ql-process-page .ql-process-inquiry { margin-top: 32px; padding: 24px 20px; }
  .ql-process-page h2 { font-size: 23px; }
}