/* Peter/QA27.10: full-column H1, readable subtitles, consistent mobile card insets.
   Existing body widths, type metrics, photographs and motion remain independent. */
:root {--dba-p10-column:1100px;--dba-p10-mobile-gutter:16px;--dba-p10-card-inset:24px;}
@layer dbaSafariRules {
  :root body.dba-package10-layout main {--dba-p10-column:1100px;}
  :root body.dba-package10-layout main h1 {
    white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;
    hyphens:none!important;text-overflow:clip!important;overflow:visible!important;
  }
  /* QA27.10: job pages keep the P9 title/facts column (frozen P5 factsColumn). */
  :root body.dba-package10-layout main .page-intro--page > .container {
    width:calc(100% - 32px)!important;max-width:var(--dba-p10-column)!important;padding-inline:0!important;margin-inline:auto!important;
  }
  :root body.dba-package10-layout main .page-intro--page > .container > .row {margin-inline:0!important;}
  /* QA28.10: job lists share the intro frame, so each card's left edge is the H1 axis. Peter 29.10 (1A): that axis is the 760px text column. */
  :root body.dba-package10-layout main .dba-jobs-list > .container {
    width:calc(100% - 32px)!important;max-width:760px!important;padding-inline:0!important;margin-inline:auto!important;
  }
  :root body.dba-package10-layout main .dba-jobs-list > .container > .row {margin-inline:0!important;}
  :root body.dba-package10-layout main .dba-jobs-list > .container > .row > .col-md-8 {flex:0 0 100%!important;width:100%!important;max-width:100%!important;padding-inline:0!important;margin-inline:0!important;}
  :root body.dba-package10-layout main .dba-jobs-list > .container > .row > .col-md-8 > :is(.dba-job-cards,.dba-jobs-more) {margin-left:0!important;margin-right:auto!important;}
  :root body.dba-package10-layout main .page-intro--page > .container > .row > :is(.col-md-9,.col-md-8):has(>h1) {
    flex:0 0 100%!important;width:100%!important;max-width:100%!important;padding-inline:0!important;
  }
  :root body.dba-package10-layout main .page-intro--page h1,
  :root body.dba-package10-layout main .dba-network-intro > h1 {
    box-sizing:border-box!important;width:100%!important;max-width:var(--dba-p10-column)!important;
    margin-inline:0!important;padding-inline:0!important;
  }
  :root body.dba-package10-layout main .dba-network-layout > .dba-network-intro {padding-inline:0!important;}
  /* Peter 29.10 (1A): the H1 shares the intro text axis (760px, centred like the intro text); long titles wrap to two lines as on Live. Services keep their grid. */
  :root body.dba-package10-layout main .page-intro--page:not(.dba-services-intro) h1,
  :root body.dba-package10-layout main .dba-network-intro > h1 {max-width:760px!important;margin-inline:auto!important;}
  /* The H1 spans the existing two-column hero. Its photograph is not replaced or cropped. */
  @media(min-width:1024px) {
    :root body.dba-package10-layout main .dba-services-copy {display:contents!important;}
    :root body.dba-package10-layout main .dba-services-copy > h1 {grid-column:1/-1;grid-row:1;}
    :root body.dba-package10-layout main .dba-services-copy > .dba-services-lede {grid-column:1;grid-row:2;}
    :root body.dba-package10-layout main .dba-services-copy > a.button-filled {grid-column:1;grid-row:3;justify-self:start;}
    :root body.dba-package10-layout main .dba-services-image {grid-column:2;grid-row:2/span 2;}
  }
  /* The real header and mobile-navigation surfaces are white or #f7f9fa. */
  :root body.dba-package10-layout header :is(.header-container ul li a,.language-wrapper,.language-wrapper a),
  :root body.dba-package10-layout .mobile-nav a {
    color:#15141a!important;
  }
  /* Restrict light text to known dark surfaces, never a white or blue contact card. */
  :root body.dba-package10-layout main :where(.dba-featured,.dba-dark,.dba-dark-band,.dba-service-statement,.page-cards-slider>.wrapper,.apply-box,.dba-job-apply)
    :is(p,h5,h6,.dba-eyebrow,.dba-label,.dba-person-role):not(:where(.dba-blue *,.dba-contact-panel *,.dba-p10-request-card *)) {
    color:#e4ecef!important;
  }
  :root body.dba-package10-layout main .dba-photo figcaption {color:#fff!important;}
  @media(max-width:767px) {
    :root body.dba-package10-layout main :is(.dba-service-card,.dba-competence,.dba-featured,.dba-history,.dba-job-apply,.dba-contact-ending):not(:where(.dba-team *,.dba-person *,.dba-contact-guide *)) {
      box-sizing:border-box!important;padding-inline:var(--dba-p10-card-inset)!important;
    }
    :root body.dba-package10-layout main .dba-job-cards > li {padding-inline:var(--dba-p10-card-inset)!important;}
  }
  /* QA28.10: stored job titles (Netværkskonsulenter) stay whole at 360px without smaller type. */
  @media(max-width:400px) {
    :root body.dba-package10-layout main .dba-jobs-list .dba-job-cards > li.job {padding-inline:16px!important;}
  }
}