/* Grizzly's light bands use the site's engineering drawings, not empty white fields. */
.grizzly-page{--grizzly-panel-shadow:0 0 2px rgba(10,15,28,.35),0 12px 30px rgba(10,15,28,.18),0 3px 8px rgba(10,15,28,.1)}
.grizzly-page :is(.pm-note,.grizzly-content-kit,.pm-example,.pm-faq){box-shadow:var(--grizzly-panel-shadow)}
.grizzly-page .pm-light {
  background: #FFFFFF url("../../assets/white-engineering-background.webp") center / cover;
  background-attachment: fixed;
}
.grizzly-page .grizzly-jobsite { background-position: left center; }
.grizzly-page .grizzly-example-section { background-position: right center; }
.grizzly-page .grizzly-questions { background-position: center bottom; }
.grizzly-page .pm-two-col > div { min-width: 0; }
.grizzly-page .pm-brand-panel {
  background: #0A0F1C;
  padding-inline: 28px;
}
.grizzly-field-art {
  display: flex;
  align-items: center;
  gap: clamp(20px, 3vw, 40px);
  margin: 32px 0 0;
}
.grizzly-field-art img {
  display: block;
  width: 180px;
  height: auto;
  flex: 0 0 auto;
  filter: drop-shadow(0 12px 16px rgba(10,15,28,.16));
}
.grizzly-field-art figcaption {
  font: 800 clamp(18px, 2vw, 25px)/1.35 "Archivo", sans-serif;
  color: #002768;
}
.grizzly-field-art figcaption span { color: #A90100; }
.grizzly-page .pm-note {
  padding: 24px;
  border: 0;
  background: #FFFFFF;
}
.grizzly-page .pm-note p { margin-bottom: 0; }
.grizzly-content-kit {
  margin: 32px 0 0;
  padding: 26px;
  background: #FFFFFF;
}
.grizzly-content-kit figcaption { font-size: 19px; font-weight: 800; color: #002768; }
.grizzly-content-kit ol { list-style: none; margin: 24px 0 0; padding: 0; }
.grizzly-content-kit li { position: relative; padding: 0 0 22px 28px; }
.grizzly-content-kit li:not(:last-child) { border-left: 1px solid #002768; }
.grizzly-content-kit li::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -5px;
  width: 9px;
  height: 9px;
  background: #C8262A;
}
.grizzly-content-kit li:last-child { padding-bottom: 0; }
.grizzly-content-kit strong, .grizzly-content-kit li span { display: block; }
.grizzly-content-kit strong { font-size: 17px; margin-bottom: 5px; }
.grizzly-content-kit li span { font-size: 15px; line-height: 1.5; }
.grizzly-page .grizzly-content-kit > p { margin: 20px 0 0; font-size: 12px; line-height: 1.5; }
.grizzly-faq-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 64px; align-items: start; }
.grizzly-faq-art { padding-top: 34px; }
.grizzly-faq-art img { display: block; width: 100%; max-width: 320px; height: auto; }
.grizzly-faq-art > span { display: block; margin-top: 28px; color: #002768; font-weight: 800; font-size: 21px; line-height: 1.4; }
.grizzly-page .pm-faq { min-width: 0; padding: 28px; background: #FFFFFF; }
.grizzly-page .pm-faq details:last-child { border-bottom: 0; }
.grizzly-page ::selection { background: #002768; color: #FFFFFF; }
/* Match the existing all-services band, while honoring reduced-motion settings. */
@media (prefers-reduced-motion: reduce), (hover: none) {
  .grizzly-page .pm-light, .grizzly-page .tj-gb, .grizzly-page #all-services-section { background-attachment: scroll; }
}
@media (max-width: 1000px) {
  .grizzly-faq-layout { grid-template-columns: .6fr 1.4fr; gap: 32px; }
  .grizzly-field-art { gap: 20px; }
}
@media (max-width: 720px) {
  .grizzly-field-art { margin-top: 24px; }
  .grizzly-field-art img { width: 150px; }
  .grizzly-field-art figcaption { font-size: 18px; }
  .grizzly-faq-layout { grid-template-columns: 1fr; gap: 28px; }
  .grizzly-faq-art { padding: 0; display: flex; align-items: center; gap: 20px; }
  .grizzly-faq-art img { width: 46%; }
  .grizzly-faq-art > span { margin: 0; font-size: 16px; }
  .grizzly-page .pm-faq, .grizzly-content-kit { padding: 24px; }
}