/* dba consult. Shared layout candidate, 1 October 2026. Blocks centered, text left aligned. */
body header .header-container{max-width:1360px;height:116px;padding:0 40px;gap:40px}
body header .header-container>a{flex:0 0 155px}
body header .header-container img.logo{margin:0}
body header .header-container>:is(.menu-primary-container,.menu-primary-english-container){flex:1;min-width:0}
body header .header-container ul{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.4vw,36px)}
body header .header-container ul li a{margin:0;white-space:nowrap;letter-spacing:1.4px}
body header .language-wrapper{position:static;flex:0 0 auto;gap:4px}
body header .language-wrapper::before{border-bottom:0!important}
body header .language-wrapper>a{min-width:40px}
body header .language-wrapper::before{min-width:40px}
body header li>a::before{display:none!important}

/* Center the composition; keep long reading text left aligned. */
body main .page-intro--page>.container>.row>.col-md-9{margin-inline:auto!important;flex-basis:100%;max-width:790px}
body main .page-intro--page>.container>.row>.col-md-9>h1,
body main .page-intro--page>.container>.row>.col-md-9>p{text-align:left;margin-inline:auto!important}
body main .page-intro--page>.container>.row>.col-md-9>p{max-width:760px!important;text-wrap:pretty}
body main .page-intro--page>.container>.row>.col-md-9:has(>a.button-filled){text-align:left}
body main .page-intro p:empty{display:none}
body main .page-intro--page .col-md-9>div:not(.row){width:100%!important;max-width:760px!important;margin-inline:auto;text-align:left}
body main .page-intro--page .col-md-9>div:not(.row) p{margin-inline:auto!important;max-width:760px!important}
body main .page-about .content-wrapper{margin-inline:auto}
body main .page-about.has-slider{margin-top:0!important;padding-bottom:64px!important}
body main .page-about.has-slider>.container>.row>.col-md-10{flex:0 0 100%;max-width:100%}
body main .page-about.has-slider .content-wrapper{width:100%;max-width:1110px}
body main .page-about.has-slider .content-wrapper>p,
body main .page-about.has-slider .content-wrapper>h4{max-width:1110px!important;margin-inline:auto!important;text-align:left;text-wrap:pretty;line-height:1.65!important}
body main .page-about-slider{width:calc(100% - 80px)!important;max-width:1280px;margin:0 auto 56px!important}
body main .page-about-slider>div{height:clamp(320px,40vw,540px)}
body main .page-single-column-text>.container>.row>.col-md-8>h2,
body main .page-single-column-text>.container>.row>.col-md-8>h3,
body main .dba-history>h3{max-width:680px;margin-inline:auto!important;text-align:left;text-wrap:pretty}
body main .dba-team>h2{text-align:left}
body main .page-single-column-text>.container>.row>.col-md-8>p,
body main .dba-history>p{margin-inline:auto;max-width:680px!important;text-align:left}
/* About: one reading axis through intro, dark statement and prose. */
body.page-template-page-about main .page-about.has-slider .content-wrapper{max-width:760px}
body.page-template-page-about main .page-about.has-slider .content-wrapper>p,
body.page-template-page-about main .page-about.has-slider .content-wrapper>h4,
body.page-template-page-about main .page-single-column-text>.container>.row>.col-md-8>h3,
body.page-template-page-about main .page-single-column-text>.container>.row>.col-md-8>p{max-width:760px!important;margin-inline:auto!important}
body main .page-single-column-text:has(.dba-team)>.container>.row>.col-md-8{flex:0 0 100%;max-width:100%}
body main .dba-team{margin-block:72px!important}
body main .dba-history{padding:48px;background:#e4ecef}
body main .dba-history figure{max-width:900px;margin-inline:auto}
body main .dba-insight>h1{text-align:left;max-width:760px;margin-inline:auto!important;text-wrap:pretty}
body main .dba-insight>p{margin-inline:auto}
body main .dba-section>h2,
body main .dba-section>.dba-eyebrow,
body main .dba-contact-guide>h2{text-align:left;text-wrap:pretty}
body main .dba-section>h2,body main .dba-section>.dba-eyebrow{max-width:760px;margin-inline:auto!important}
body main .dba-section>.dba-prose,
body main .dba-section>.dba-prose>p{margin-inline:auto}
body main .page-cards-slider:has(.dba-contact-panel){width:100%!important;margin-inline:auto!important}
body main .dba-contact-panel{text-align:left}
body main .dba-contact-panel .dba-contact-main{max-width:900px;margin-inline:auto}
body main .dba-contact-panel h3,
body main .dba-contact-panel .dba-contact-copy{margin-left:0!important;margin-right:auto!important}
body main .dba-contact-panel .dba-contact-action,
body main .dba-contact-panel .dba-contact-action a{align-items:flex-start!important}

/* One balanced introduction on both home pages. */
body.home main .page-intro{padding-top:40px!important;padding-bottom:56px!important;text-align:left}
body.home main .page-intro .row{display:block;max-width:790px;margin-inline:auto}
body.home main .page-intro .col-md-8,
body.home main .page-intro .col-md-4{width:100%;max-width:100%;margin-inline:auto;text-align:left}
body.home main .page-intro h1.dba-page-title{font-size:60px!important;line-height:72px!important;margin-bottom:20px!important}
body.home main .page-intro p,
body.home main .page-intro h5{max-width:760px!important;margin:0 0 18px!important}
body.home main .page-intro h5{font-family:suisse_light,sans-serif;font-size:18px;line-height:28px}
/* The hero dots keep their own staggered fade and three brand grey tones. */
body.home main .page-intro .dot.pulse{
 font-size:1.12em;line-height:inherit;letter-spacing:0;margin:0 .015em;
 animation:dba-hero-dot-fade 2.5s ease-in-out infinite!important;opacity:1;
}
body.home main .page-intro .dot-one.pulse{color:#242529;animation-delay:0s!important}
body.home main .page-intro .dot-two.pulse{color:#777b80;animation-delay:.3s!important}
body.home main .page-intro .dot-three.pulse{color:#b6bbc0;animation-delay:.6s!important}
@keyframes dba-hero-dot-fade{0%,100%{opacity:.2}45%,60%{opacity:1}}
@media(prefers-reduced-motion:reduce){
 body.home main .page-intro .dot.pulse{animation:none!important;opacity:1!important}
}
body.home main .page-about .content-wrapper .dba-home-statement{max-width:900px!important;margin-inline:auto!important;text-align:left;text-wrap:pretty}

/* Services: original content and original photograph, with a clear hierarchy. */
body main .dba-services-intro{padding-top:48px!important;padding-bottom:72px!important}
body main .dba-services-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}
body main .dba-services-copy h1{text-wrap:pretty}
body main .dba-services-lede p{max-width:580px!important;text-align:left;margin:0 0 24px!important}
body main .dba-services-image{margin:0;min-width:0}
body main .dba-services-image img{display:block;width:100%;height:410px;object-fit:cover;object-position:center}
body main .dba-service-directory{padding:72px 0;background:#f3f5f5}
body main .dba-service-directory>.container>h2{text-align:left;max-width:760px;margin-left:0!important;margin-right:auto!important;text-wrap:pretty}
body main .dba-service-directory>.container>.dba-eyebrow{text-align:left;max-width:none!important}
body main .dba-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
body main .dba-service-card{background:#fff;padding:32px;min-width:0}
body main .dba-service-card:nth-child(2),body main .dba-service-card:nth-child(4){background:#e4ecef}
body main .dba-service-card p{max-width:none!important;margin:0!important;text-align:left;color:#3d4349}
body.page main .dba-service-card .dba-competence-links>a[href]{display:block!important;font-family:tiempos_reg,serif!important;font-size:27px!important;line-height:1.2!important;color:#222329!important;text-decoration:none!important;margin:0 0 20px!important}
body.page main .dba-service-card .dba-competence-links>a[href]:hover{text-decoration:underline!important}
body main .dba-service-card .dba-competence-links>br{display:none}
body main .dba-service-card-contact{background:#17171c;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
body main .dba-service-card-contact h3{color:#fff!important;font-size:30px!important;line-height:1.25!important}
body.page main .dba-service-card-contact a[href]{color:#fff!important}
body main .dba-service-statement{margin:0!important;padding:64px 0!important;background:#17171c}
body main .dba-service-statement .content-wrapper{max-width:900px;text-align:left}
body main .dba-service-statement .content-wrapper>p{max-width:900px!important;margin-inline:auto;text-wrap:pretty}
body.page-template-page-services main .page-selling-points{padding:72px 0}
body.page-template-page-services main .selling-point p{margin-inline:auto}

/* Jobs: a centered reading column with one shared left edge. */
body main.single-job-content>section:not(.apply-box){padding-top:64px;padding-bottom:64px}
body main.single-job-content>section>.container>.row>.col-md-8{flex:0 0 100%;max-width:790px}
body main.single-job-content>section:not(.apply-box) h1.dba-page-title{text-align:left;margin-bottom:24px}
body main.single-job-content>section:not(.apply-box) h5{text-align:left;margin-bottom:48px;line-height:1.8}
body main.single-job-content .contact-image[src=""]{display:none}
body main.single-job-content .apply-box p{color:#e4e6e9!important}
@media(max-width:767px){body main.single-job-content>section:not(.apply-box){padding-top:32px;padding-bottom:40px}body main.single-job-content>section:not(.apply-box) h5{margin-bottom:32px}}

/* No pre-hidden content and no duplicate SVG redraw or pulsing. */
body main .dba-scroll-reveal{opacity:1;transform:none!important;transition:none!important;will-change:auto!important}
@media(max-width:1100px) and (min-width:992px){body header .header-container{padding:0 24px;gap:24px}body header .header-container ul{gap:18px}body header .header-container ul li a{letter-spacing:1px}}
@media(min-width:768px) and (max-width:1100px){body.home main .page-cards-slider-wrapper .controls{left:0}}
@media(max-width:991px){
 body header .header-container{height:96px;padding:0 24px;gap:20px}
 body header .header-container>:is(.menu-primary-container,.menu-primary-english-container){display:none}
 body header .language-wrapper{position:absolute;right:70px;top:26px}
 body header .mobile-nav-toggle{right:24px}
 body main .dba-services-hero{gap:32px}
 body main .dba-services-image img{height:360px}
 body main .dba-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
 /* Shared mobile heading scale; preserve normal word boundaries and balance wrapped lines. */
 body main :is(h1,h2,h3){text-wrap:balance!important;word-break:normal;overflow-wrap:normal;hyphens:none}
 body main h1,
 body main .page-intro--page h1.dba-page-title,
 body main>section:not(.page-intro) h1.dba-page-title,
 body main>.container h1.dba-page-title,
 body main.single-job-content>section:not(.apply-box) h1.dba-page-title{
  font-size:clamp(26px,7vw,30px)!important;line-height:1.2!important;letter-spacing:-.015em!important;
 }
 body main h2,
 body main .dba-featured :is(h2,h3),
 body main .dba-contact-panel h3{
  font-size:clamp(24px,6.4vw,28px)!important;line-height:1.25!important;letter-spacing:-.01em!important;
 }
 body main h3,
 body main .dba-case-summary,
 body main .dba-person h3,
 body main .dba-team article h3,
 body main .dba-service-card-contact h3{
  font-size:clamp(22px,5.8vw,24px)!important;line-height:1.3!important;
 }
 body.page main .dba-service-card .dba-competence-links>a[href]{
  font-size:clamp(24px,6.4vw,28px)!important;line-height:1.25!important;text-wrap:balance;
 }
 body header .header-container{height:88px;padding:0 20px}
 body header .header-container>a{flex-basis:125px}
 body header .header-container img.logo{width:125px}
 body header .language-wrapper{right:58px;top:22px;gap:0;font-size:10px}
 body header .language-wrapper::before,body header .language-wrapper>a{min-width:34px}
 body header .mobile-nav-toggle{right:18px;width:24px}
 body.home main .page-intro{padding-top:32px!important;padding-bottom:40px!important}
 body.home main .page-intro h1.dba-page-title{font-size:30px!important;line-height:1.2!important;white-space:nowrap}
 body main .page-about-slider{width:calc(100% - 32px)!important;margin-bottom:40px!important}
 body main .page-about-slider>div{height:300px}
 body main .page-about.has-slider{padding-bottom:40px!important}
 body main .page-about.has-slider .content-wrapper>h4{font-size:18px!important;line-height:28px!important}
 body main .dba-services-intro{padding-top:32px!important;padding-bottom:40px!important}
 body main .dba-history{padding:28px 20px}
 body main .dba-team{margin-block:48px!important}
 body main .dba-services-hero{grid-template-columns:1fr;gap:32px}
 body main .dba-services-copy{text-align:left}
 body main .dba-services-copy h1{max-width:none;margin-left:0!important}
 body main .dba-services-lede p{text-align:left;margin-left:0!important}
 body main .dba-services-image img{height:auto;aspect-ratio:3/2}
 body main .dba-service-directory{padding:48px 0}
 body main .dba-service-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}
 body main .dba-service-card{padding:28px}
 body main .dba-service-statement{padding:48px 0!important}
 body.page-template-page-services main .page-selling-points{padding:48px 0}
}
@media(prefers-reduced-motion:reduce){body main [data-dba-motion]{translate:none!important;animation:none!important;transition:none!important}}

/* Contact and process review, 2026-10-01. */
body:is(.page-id-11,.page-id-331) main .page-timeline--work .page-timeline-event {
 display:grid; grid-template-columns:72px minmax(0,1fr); column-gap:24px;
 align-items:start; padding-top:40px; padding-bottom:40px;
}
body:is(.page-id-11,.page-id-331) main .page-timeline--work .page-timeline-event .svg-wrapper {
 width:72px; min-width:72px; margin:0; padding:0; display:flex; justify-content:center;
}
body:is(.page-id-11,.page-id-331) main .page-timeline--work .page-timeline-event .svg-wrapper svg {max-width:72px!important; height:auto; margin:0 auto;}
body:is(.page-id-11,.page-id-331) main .page-timeline--work .page-timeline-event .page-timeline-event-info {min-width:0; width:auto;}
body:is(.page-id-11,.page-id-331) main .page-timeline--work .page-timeline-event .page-timeline-event-info p {margin-bottom:0;}
@media(max-width:767px) {
 body main .dba-contact-guide>.container>.row {display:grid!important;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:24px;margin:28px 0 0!important;}
 body main .dba-contact-guide article {display:grid!important;grid-template-columns:88px minmax(0,1fr);grid-template-rows:minmax(24px,auto) minmax(40px,auto) 22px 40px;column-gap:16px;row-gap:4px;width:100%!important;max-width:100%!important;min-width:0;padding:0!important;margin:0!important;align-content:start;text-align:left!important;}
 body main .dba-contact-guide article>img {grid-column:1;grid-row:1/5;width:88px!important;height:110px!important;max-width:88px!important;object-fit:cover;object-position:center top;align-self:start;}
 body main .dba-contact-guide article>p:empty {display:none!important;}
 body main .dba-contact-guide article>h3 {grid-column:2;grid-row:1;font-size:20px!important;line-height:24px!important;margin:0!important;overflow-wrap:normal!important;word-break:normal!important;}
 body main .dba-contact-guide article>p {grid-column:2;margin:0!important;font-size:14px!important;line-height:20px!important;min-width:0;}
 body main .dba-contact-guide article .dba-team-role {grid-row:2;}
 body main .dba-contact-guide article a {font-size:14px!important;line-height:20px!important;}
 body main .dba-contact-guide article a[href^="mailto:"] {overflow-wrap:normal!important;word-break:normal!important;}
 body main .dba-contact-guide article a[href^="mailto:"] span {display:block;white-space:nowrap!important;}
 body main .dba-contact-guide h2 {padding-right:48px;}
 body #CookiebotWidget {left:auto!important;right:10px!important;}
 body:is(.page-id-11,.page-id-331) main .page-timeline--work .page-timeline-event {column-gap:16px;padding-left:15px;padding-right:15px;padding-top:32px;padding-bottom:32px;}
}
@media(max-width:767px) {
 body main .dba-contact-guide article>h3,body main .dba-contact-guide article>.dba-team-role {min-height:0!important;}
 body main .dba-contact-guide article a[href] {font-size:14px!important;line-height:20px!important;}
 body main .dba-contact-guide article a[href^="mailto:"] {display:block;}
 body main .dba-contact-guide article a[href^="mailto:"] wbr {display:none!important;}
 body main .dba-contact-guide article a[href^="mailto:"] span {line-height:20px!important;}
}
body:is(.page-id-11,.page-id-331) main .page-timeline--work .page-timeline-event {min-height:220px;}
@media(max-width:767px){body:is(.page-id-11,.page-id-331) main .page-timeline--work .page-timeline-event {min-height:248px;}}
@media(max-width:359px){body:is(.page-id-11,.page-id-331) main .page-timeline--work .page-timeline-event {min-height:304px;}}


/* Approved by Peter Heide, 2 October 2026.
 * One reading column for every public page and language.
 * Hero, navigation and employee cards retain their own layout.
 * Typography remains a separate track.
 */
/* Approved by Peter Heide, 3 October 2026: insets for all bounded content panels.
 * Important declarations in the first named layer override the reading reset.
 * Only panel descendants use their available inner width; other columns stay unchanged.
 */
@layer dbaSafariRules, dbaSiteRules, dbaApprovedPanelInset, dbaApprovedReadingColumn;
@layer dbaApprovedPanelInset {
  body main :is(.dba-section:has(:is(h1,h2,h3,h4,h5,h6,p,ul,ol,figcaption,summary)), .dba-blue, .dba-featured, .dba-history,
    .dba-service-card, .dba-job-apply) {
    box-sizing: border-box !important;
    padding-inline: var(--dba-panel-inset) !important;
  }
  body main :is(.dba-section:has(:is(h1,h2,h3,h4,h5,h6,p,ul,ol,figcaption,summary)), .dba-blue, .dba-featured, .dba-history,
    .dba-service-card, .dba-job-apply) > * {
    --dba-reading-width: min(760px, 100%);
  }
  /* All content, including the contact card, stays inside the panel inset. */
  body main .dba-blue > .dba-person {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }
}

@layer dbaApprovedReadingColumn {
  body main { --dba-reading-width: min(760px, calc(100vw - 40px)); }
  body main :is(section,article,div,figure,details):has(:is(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,figcaption,summary)):not(:where(header,header *,nav,nav *,footer,footer *,.page-hero,.page-hero *,.hero,.hero *,.dba-services-intro,.dba-services-intro *,.home .page-intro,.home .page-intro *,.dba-team article,.dba-team article *,.dba-person,.dba-person *,.dba-contact-guide article,.dba-contact-guide article *,.contact-person,.contact-person *,.dba-job-person,.dba-job-person *,.apply-box:has(.contact-image),.apply-box:has(.contact-image) *,.dba-team,.dba-team *,.dba-contact-guide,.dba-contact-guide *)):not(:has(.page-hero,.hero,.dba-services-intro,.home .page-intro,.dba-team,.dba-person,.dba-contact-guide,.contact-person,.dba-job-person,.contact-image)) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    flex-basis: 100% !important;
    grid-template-columns: minmax(0,1fr) !important;
  }
  body main :is(.dba-grid,.dba-facts,.dba-service-grid,.page-cards>.row,.page-columns>.container>.row,.page-selling-points>.container>.row):not(:where(header,header *,nav,nav *,footer,footer *,.page-hero,.page-hero *,.hero,.hero *,.dba-services-intro,.dba-services-intro *,.home .page-intro,.home .page-intro *,.dba-team article,.dba-team article *,.dba-person,.dba-person *,.dba-contact-guide article,.dba-contact-guide article *,.contact-person,.contact-person *,.dba-job-person,.dba-job-person *,.apply-box:has(.contact-image),.apply-box:has(.contact-image) *,.dba-team,.dba-team *,.dba-contact-guide,.dba-contact-guide *)):not(:has(.page-hero,.hero,.dba-services-intro,.home .page-intro,.dba-team,.dba-person,.dba-contact-guide,.contact-person,.dba-job-person,.contact-image)) {
    grid-template-columns: minmax(0,1fr) !important;
    flex-direction: column !important;
  }
  body main :is(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,figcaption,summary,[id^="CookieDeclarationUserStatusLabel"],.feed-shared-control-menu__content):not(:where(header,header *,nav,nav *,footer,footer *,.page-hero,.page-hero *,.hero,.hero *,.dba-services-intro,.dba-services-intro *,.home .page-intro,.home .page-intro *,.dba-team article,.dba-team article *,.dba-person,.dba-person *,.dba-contact-guide article,.dba-contact-guide article *,.contact-person,.contact-person *,.dba-job-person,.dba-job-person *,.apply-box:has(.contact-image),.apply-box:has(.contact-image) *)):not(:where(li *,summary *)) {
    box-sizing: border-box !important;
    width: var(--dba-reading-width) !important;
    max-width: var(--dba-reading-width) !important;
    margin-inline: calc((100% - var(--dba-reading-width)) / 2) !important;
    padding-inline: 0 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }
  body main :is(figure,.dba-prose,.dba-answer,.dba-competence,.dba-featured,.dba-facts,.dba-service-card,.card-content,.dba-history,.page-timeline-event,.page-timeline-event-info):not(:where(header,header *,nav,nav *,footer,footer *,.page-hero,.page-hero *,.hero,.hero *,.dba-services-intro,.dba-services-intro *,.home .page-intro,.home .page-intro *,.dba-team article,.dba-team article *,.dba-person,.dba-person *,.dba-contact-guide article,.dba-contact-guide article *,.contact-person,.contact-person *,.dba-job-person,.dba-job-person *,.apply-box:has(.contact-image),.apply-box:has(.contact-image) *,.dba-team,.dba-team *,.dba-contact-guide,.dba-contact-guide *)):not(:has(.page-hero,.hero,.dba-services-intro,.home .page-intro,.dba-team,.dba-person,.dba-contact-guide,.contact-person,.dba-job-person,.contact-image)) {
    box-sizing: border-box !important;
    width: var(--dba-reading-width) !important;
    max-width: var(--dba-reading-width) !important;
    margin-inline: calc((100% - var(--dba-reading-width)) / 2) !important;
    padding-inline: 0 !important;
  }
  body main :is(.page-timeline-event,.dba-case-summary):not(:where(header,header *,nav,nav *,footer,footer *,.page-hero,.page-hero *,.hero,.hero *,.dba-services-intro,.dba-services-intro *,.home .page-intro,.home .page-intro *,.dba-team article,.dba-team article *,.dba-person,.dba-person *,.dba-contact-guide article,.dba-contact-guide article *,.contact-person,.contact-person *,.dba-job-person,.dba-job-person *,.apply-box:has(.contact-image),.apply-box:has(.contact-image) *)) {
    display: block !important;
  }
  body main .page-timeline-event .svg-wrapper { margin-inline: auto !important; }
  body main img:not(:where(header,header *,nav,nav *,footer,footer *,.page-hero,.page-hero *,.hero,.hero *,.dba-services-intro,.dba-services-intro *,.home .page-intro,.home .page-intro *,.dba-team article,.dba-team article *,.dba-person,.dba-person *,.dba-contact-guide article,.dba-contact-guide article *,.contact-person,.contact-person *,.dba-job-person,.dba-job-person *,.apply-box:has(.contact-image),.apply-box:has(.contact-image) *)):not(:where(h5 *,.svg-wrapper *,.selling-point *)) {
    display: block !important;
    width: var(--dba-reading-width) !important;
    max-width: var(--dba-reading-width) !important;
    height: auto !important;
    margin-inline: calc((100% - var(--dba-reading-width)) / 2) !important;
    object-fit: contain !important;
    transform: none !important;
    translate: none !important;
    scale: none !important;
  }
  body main img:not(:where(header,header *,nav,nav *,footer,footer *,.page-hero,.page-hero *,.hero,.hero *,.dba-services-intro,.dba-services-intro *,.home .page-intro,.home .page-intro *,.dba-team article,.dba-team article *,.dba-person,.dba-person *,.dba-contact-guide article,.dba-contact-guide article *,.contact-person,.contact-person *,.dba-job-person,.dba-job-person *,.apply-box:has(.contact-image),.apply-box:has(.contact-image) *)):not(:where(h5 *,.svg-wrapper *,.selling-point *)):not([sizes^="auto" i]) {
    aspect-ratio: auto !important;
  }
}

/* Case introduction A. First black content box per page. */
body main .dba-featured { position: relative; }
body main .dba-case-intro-position { position: relative; }
body main .dba-case-intro-host > :not(.dba-case-intro) {visibility:hidden!important;}
body main .dba-case-intro-host > .dba-case-intro {visibility:visible;}
body main .dba-case-intro .dba-case-dots {position:absolute;left:50%;display:flex;gap:12px;transform:translate(-50%,-50%);}
body main .dba-case-intro-host > .dba-case-intro {
  position: absolute;
  inset: 0;
  z-index: 2;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  background: inherit;
  border-radius: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  opacity: 1;
  pointer-events: none;
  transition: opacity 1s ease-out;
}
body main .dba-case-dots > span {
  display: block;
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  opacity: .35;
}
/* Dark surfaces require three light tones, not the dark home-page dot. */
body main .dba-case-dots > span:nth-child(1) { background: #e6eaef; }
body main .dba-case-dots > span:nth-child(2) { background: #b6bbc0; animation-delay: .2s; }
body main .dba-case-dots > span:nth-child(3) { background: #777b80; animation-delay: .4s; }
body main .dba-case-intro.is-active .dba-case-dots > span {
  animation-name: dba-case-dot;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
@keyframes dba-case-dot {
  0%, 80%, 100% { opacity: .35; }
  40% { opacity: 1; }
}
body main .dba-case-intro-host > .dba-case-intro.is-done {
  opacity: 0;
  transition: none;
  animation: dba-case-fade 1s ease-out forwards;
}
@keyframes dba-case-fade {
  from { opacity: 1; }
  to { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  body main .dba-case-intro-host > .dba-case-intro {
    display: none;
    animation: none;
    transition: none;
  }
}

/* One shared design vocabulary. Approved by Peter Heide, 3 October 2026. */
body main #dba-contact-page .dba-photo {overflow:hidden!important;}

:root {
  --dba-gold-on-dark: #c2a46c;
  --dba-gold-on-light: #604514;
  --dba-label-gold: var(--dba-gold-on-light);
  --dba-icon-line: #919099;
  --dba-icon-gold: #a87c0c;
  --dba-icon-stroke: 1.5px;
  --dba-label-size: 13px;
  --dba-label-leading: 19.5px;
  --dba-label-tracking: 2px;
  --dba-panel-inset: clamp(20px, 6vw, 56px);
  --dba-process-gap: 48px;
  --dba-process-padding: 80px;
  --dba-icon-size: 72px;
}
@media(max-width:767px) {
  :root { --dba-process-gap: 32px; --dba-process-padding: 56px; }
}
@layer dbaSiteRules {
  body :is(.dba-featured,.dba-service-card-contact,.dba-service-statement,
    .page-cards-slider>.wrapper,.apply-box,.dba-job-apply) {
    --dba-label-gold: var(--dba-gold-on-dark);
  }
  body .dba-section { --dba-label-gold: var(--dba-gold-on-light); }
  body :is(.dba-label,.dba-eyebrow,.dba-contact-eyebrow,.dba-contact-action>span,
    .dba-person-role,.employee>p,.dba-facts dt,.dba-facts strong,form label) {
    font-family: suisse_reg, sans-serif !important;
    font-size: var(--dba-label-size) !important;
    line-height: var(--dba-label-leading) !important;
    font-weight: 400 !important;
    letter-spacing: var(--dba-label-tracking) !important;
    text-transform: uppercase !important;
    color: var(--dba-label-gold) !important;
  }
  body :is(.dba-person-role,.dba-team-role) a { font: inherit !important; color: inherit !important; letter-spacing: inherit !important; }
  body .dba-icon { width:var(--dba-icon-size);height:var(--dba-icon-size);display:block!important;overflow:visible;fill:none!important;opacity:1!important; }
  body .dba-icon :is(path,circle,rect,line,polyline,polygon,ellipse) {
    fill:none!important;stroke:var(--dba-icon-line)!important;stroke-width:var(--dba-icon-stroke)!important;
    stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke;
  }
  body .dba-icon .dba-icon-accent {stroke:var(--dba-icon-gold)!important;}
  body .dba-icon--utility {width:18px;height:18px;display:inline-block!important;vertical-align:middle;margin-right:8px;}
  body .dba-icon--contact {width:24px;height:24px;margin-right:16px;}
  body .controls .dba-icon--utility {width:24px;height:24px;margin:0;}
  body .page-cards-slider-wrapper .controls .dba-icon--utility {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);--dba-label-gold:var(--dba-gold-on-dark);}
  body :focus-visible {outline-color:currentColor!important;}
  body .dba-contact-dots span {background:var(--dba-icon-line)!important;}
  body main a::before,body main.single-job-content li::before {background:var(--dba-icon-line)!important;}
  body .page-cards-employees .employee a {color:var(--dba-copy,#3d4349)!important;}
  body .page-form :is(.wpcf7-validation-errors,.wpcf7-acceptance-missing) {color:var(--dba-copy,#3d4349)!important;}
  body .dba-featured summary>span[aria-hidden=true] {color:var(--dba-icon-line)!important;}
  body main .page-timeline {padding-block:var(--dba-process-padding)!important;margin-block:0!important;}
  body main .page-timeline>.container>.row {display:flex!important;flex-direction:column!important;gap:var(--dba-process-gap)!important;}
  body main .page-timeline .page-timeline-event {min-height:0!important;height:auto!important;padding-block:0!important;margin-block:0!important;}
  body main .page-timeline .svg-wrapper {width:var(--dba-icon-size)!important;height:var(--dba-icon-size)!important;padding:0!important;margin-block:0 16px!important;}
  body main .page-timeline .svg-wrapper svg {width:var(--dba-icon-size)!important;height:var(--dba-icon-size)!important;max-width:var(--dba-icon-size)!important;margin:0!important;}
  body main .page-timeline .page-timeline-event-info>:last-child {margin-bottom:0!important;}
  body main .page-timeline>.container>.row>:last-child {margin-block:0!important;}
  body main .page-timeline a.dashed,body main .page-timeline .page-cards-slider {margin-block:0!important;}
  body .dba-email-part {white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;}
  body a[href^="mailto:"] {overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important;}
  body a[href^="mailto:"] .dba-email-part {display:inline!important;}
  /* Clipping components own their overflow independently of text-panel insets. */
  body :is(.dba-crop,.slick-list,.page-cards-slider,.page-about-slider,.card-image) {overflow:hidden!important;}
}
@media(max-width:767px) {
  @layer dbaSiteRules {
    /* 5 October 2026, Peter: the mobile slider no longer offsets this legacy margin. */
    body.home main > .page-cards {margin-bottom:0!important;}
    body.home .page-cards-slider-wrapper .controls {display:none!important;}
    body.home .page-cards-slider-wrapper .page-cards-slider {width:100%!important;margin:0!important;}
    body.home .page-cards-slider-wrapper .slick-list {padding:0!important;}
    body.home .page-cards-slider-wrapper .slick-slide {height:280px!important;opacity:1!important;}
    body.home .page-cards-slider-wrapper .page-cards-slider:not(.slick-initialized)>div {height:280px!important;}
    body.home .page-cards-slider-wrapper .page-cards-slider:not(.slick-initialized)>div:not(:first-child) {display:none!important;}
  }
}
@media(prefers-reduced-motion:reduce) {
  body .dba-icon,body .dba-icon * {animation:none!important;transition:none!important;stroke-dashoffset:0!important;}
}

/* Safari review, 4 October 2026. Shared components, not page/language overrides. */
@layer dbaSafariRules {
  body :is(.dba-featured,.dba-service-card-contact,.dba-service-statement,.page-cards-slider>.wrapper,.apply-box,.dba-job-apply) { --dba-icon-gold:#c2a46c; }
  body .dba-blue { --dba-icon-gold:#7d6500; }
  body .page-cards-slider-wrapper .controls { --dba-icon-gold:#c2a46c; }
  body main .page-selling-points>.container>.row {display:flex!important;flex-direction:column!important;gap:var(--dba-process-gap)!important;}
  body main .selling-point {position:relative!important;padding-block:0!important;margin-block:0!important;min-height:0!important;height:auto!important;}
  body main .selling-point>svg {position:static!important;inset:auto!important;transform:none!important;margin:0 auto 16px!important;width:72px!important;height:72px!important;}
  body main .selling-point>h4 {margin-block:0 8px!important;}
  body main .selling-point>p {margin-block:0!important;}
  /* Restore Live's structural backgrounds; no override of their colour layers. */
  body main .dba-scroll-reveal {opacity:1!important;}
  /* One graphic on both breakpoints. The badge owns its own row, never text space. */
  body main .page-timeline-event-number {
    display:flex!important;position:relative!important;inset:auto!important;
    transform:none!important;float:none!important;margin:5px auto 21px!important;
    width:38px!important;height:38px!important;
  }
  body main .page-timeline-event::before {display:none!important;}
  body main .page-timeline-event {background-image:none!important;}
  /* Contact links share the intro's reading column rather than Bootstrap's 1/3 column. */
  body main .dba-contact-intro>.col-md-4 {
    flex:0 0 var(--dba-reading-width)!important;
    width:var(--dba-reading-width)!important;max-width:var(--dba-reading-width)!important;
    margin-inline:calc((100% - var(--dba-reading-width)) / 2)!important;padding-inline:0!important;
  }
  body main .dba-contact-intro .contact-info {padding-inline:0!important;margin-inline:0!important;}
  /* Explicit Live restoration of the two direct-contact components, both languages. */
  body main .dba-blue > :is(#dba-contact-emilia,#dba-contact-claudio) {
    --dba-card-offset:calc(clamp(20px,5vw,52px) - clamp(20px,6vw,56px));
    width:calc(100% - 2 * var(--dba-card-offset))!important;
    margin-inline:var(--dba-card-offset)!important;
  }
  body main :is(#dba-contact-emilia,#dba-contact-claudio) .dba-person-role {
    font-size:16px!important;line-height:24px!important;color:var(--dba-copy)!important;
    letter-spacing:normal!important;text-transform:none!important;
  }
  body main .dba-blue:has(>:is(#dba-contact-emilia,#dba-contact-claudio)) > .dba-eyebrow {color:var(--dba-ink)!important;}
  body footer .social {display:flex!important;align-items:center;justify-content:flex-end;gap:12px;}
  body footer .social>:is(a,.dba-social-placeholder) {display:inline-flex!important;align-items:center;justify-content:center;width:36px!important;height:36px!important;min-width:36px;border-radius:50%!important;margin:0!important;padding:0!important;line-height:1!important;text-decoration:none!important;}
}
@media(prefers-reduced-motion:reduce){body main [data-dba-motion]{transform:none!important;translate:none!important;opacity:1!important;}}

/* Cookie settings remain available in a reserved footer slot, outside mobile content. */
.dba-cookie-dock {display:none;}
@media(max-width:767px){
  body footer .dba-cookie-dock {display:flex;justify-content:flex-end;min-height:56px;margin:24px 20px 0;}
  body footer .dba-cookie-dock #CookiebotWidget {position:relative!important;inset:auto!important;transform:none!important;margin:0!important;}
}

/* 5 October 2026, approved by Peter. Three flat social dots, Instagram without link. */
@layer dbaSafariRules {
  body footer .social > :is(a,.dba-social-placeholder) {background-image:none!important;box-shadow:none!important;border:0!important;color:#fff!important;}
  body footer .social > .dba-social-facebook {background-color:#000000!important;}
  body footer .social > .dba-social-linkedin {background-color:#555555!important;}
  body footer .social > .dba-social-instagram {background-color:#b6bbc0!important;}
  body footer .social > :is(a,.dba-social-placeholder)::before,
  body footer .social > :is(a,.dba-social-placeholder)::after {content:none!important;}
  body footer .social .dba-social-icon {display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
  body a[href^="mailto:"], body a[href^="mailto:"] *, body .dba-email-address {
    white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;
  }
  body a[href^="mailto:"] wbr, body .dba-email-address > wbr {display:none!important;}
  body a[href^="mailto:"] .dba-email-part {display:inline!important;}
  body main #dba-contact-page .dba-photo {background-color:#17171c!important;}
  /* Row tracks are shared by cards: names, roles, telephone and email align.
     Intrinsic tracks grow with text enlargement; no fixed-height text rows. */
  body main :is(.dba-contact-guide,.dba-team) > .container > .row,
  body main .dba-team > .row {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:32px 24px!important;grid-auto-rows:auto!important;margin-inline:0!important;
  }
  body main :is(.dba-contact-guide,.dba-team) article {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:subgrid!important;grid-row:span 5!important;gap:8px!important;
    width:100%!important;max-width:none!important;min-width:0!important;
    margin:0!important;padding-inline:0!important;text-align:left!important;
  }
  body main :is(.dba-contact-guide,.dba-team) article > * {grid-column:1!important;grid-row:auto!important;min-height:0!important;margin-block:0!important;}
  body main :is(.dba-contact-guide,.dba-team) article > p:empty {display:none!important;}
  body main :is(.dba-contact-guide,.dba-team) article > img {width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:2 / 3;object-fit:cover;}
  body main :is(.dba-contact-guide,.dba-team) article > h3 {grid-row:2!important;}
  body main :is(.dba-contact-guide,.dba-team) article > .dba-team-role {grid-row:3!important;}
  body main :is(.dba-contact-guide,.dba-team) article > p:has(a[href^="tel:"]) {grid-row:4!important;}
  body main :is(.dba-contact-guide,.dba-team) article > p:has(a[href^="mailto:"]) {grid-row:5!important;}
}

/* Approved repairs 6 and 7: an image-only section has no frame; links share the text axis. */
@layer dbaSafariRules {
  body main #dba-contact-page .dba-photo img[width="1400"][height="700"] {aspect-ratio:2 / 1!important;}
  body main #dba-pharma-page .dba-section:has(>div>img.wp-image-1360) {padding:0!important;}
  body main #dba-pharma-page .dba-section:has(>div>img.wp-image-1360)>div {margin:0!important;padding:0!important;width:100%!important;max-width:none!important;}
  body main #dba-pharma-page img.wp-image-1360 {display:block!important;margin:0!important;width:100%!important;max-width:none!important;}
  body main #kompetencer article>:is(h3,p) {margin-inline:0!important;text-align:left!important;}
  body main #kompetencer article>p>a {margin-inline:0!important;padding-inline:0!important;text-align:left!important;}
}
@media(max-width:767px) {
  @layer dbaSafariRules {
    body main :is(.dba-contact-guide,.dba-team) > .container > .row, body main .dba-team > .row {grid-template-columns:minmax(0,1fr)!important;}
    body main :is(.dba-contact-guide,.dba-team) article {grid-template-rows:auto auto auto auto auto!important;grid-row:auto!important;}
    body main :is(.dba-contact-guide,.dba-team) article > img {width:120px!important;max-width:120px!important;}
    body main .dba-person {display:flex!important;flex-direction:column!important;align-items:flex-start!important;}
    body main .dba-person > * {width:100%;min-width:0;}
    /* Use the existing mobile contact-guide text size for every direct contact.
       Full email addresses retain the box padding at 130% text enlargement. */
    body main .dba-person a:is([href^="tel:"],[href^="mailto:"]),
    body main .dba-person a:is([href^="tel:"],[href^="mailto:"]) * {
      font-size:14px!important;line-height:20px!important;
    }
    body main .page-cards-employees .col-md-4 {flex:0 0 100%!important;max-width:100%!important;}
  }
}

/* Points 9 and 10 approved by Peter, 6 October 2026. */
@layer dbaSafariRules {
  body:has(.dba-network-layout) main>.page-intro {display:none!important;}
  body main .dba-network-layout {max-width:1110px!important;margin-inline:auto!important;}
  body main .dba-network-layout>.dba-network-intro {padding:64px 56px!important;}
  body main .dba-network-layout>.dba-section {padding:48px 56px!important;background:#fff;}
  body main .dba-network-layout>.dba-blue {background:#a9c1d0;}
  body main .dba-network-layout>.dba-photo {background:#17171c!important;margin-block:0!important;padding:0!important;max-width:none!important;}
  body main .dba-network-layout>.dba-photo img {display:block!important;width:100%!important;max-width:none!important;margin:0!important;}
  body main .dba-network-layout>.dba-photo figcaption {color:#fff!important;padding:24px 28px!important;margin:0!important;width:100%!important;max-width:none!important;}
  body main .dba-network-layout>.dba-specialist-page {max-width:none!important;}
  body main .dba-network-layout .dba-section>h2 {margin-top:0!important;}
  body main .dba-network-layout .dba-section>h3 {margin-top:32px!important;margin-bottom:16px!important;}
  body main .dba-network-layout .dba-section>:last-child {margin-bottom:0!important;}
}
@media(max-width:767px) {
  @layer dbaSafariRules {
    body:not(.home) main .page-intro,body:not(.home) main .dba-services-intro {padding-top:24px!important;padding-bottom:28px!important;}
    body:not(.home) main .page-intro h1 {margin-bottom:20px!important;}
    body:not(.home) main .page-intro p:last-child {margin-bottom:0!important;}
    body:not(.home) main :is(.dba-section,.dba-blue,.dba-featured,.dba-history,.dba-service-card,.dba-job-apply,.apply-box) {padding-top:28px!important;padding-bottom:28px!important;min-height:0!important;}
    body:not(.home) main :is(.dba-section,.dba-blue,.dba-featured,.dba-history,.dba-service-card,.dba-job-apply,.apply-box)>:last-child {margin-bottom:0!important;}
    body:not(.home) main .dba-prose>:last-child,body:not(.home) main .dba-person-text>:last-child {margin-bottom:0!important;}
    body:not(.home) main .dba-person {display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:16px!important;min-height:0!important;margin-top:24px!important;margin-bottom:0!important;}
    body:not(.home) main .dba-person>.dba-person-text {width:100%!important;min-width:0!important;min-height:0!important;flex:initial!important;margin:0!important;padding:0!important;}
    body:not(.home) main .dba-person>p:empty {display:none!important;}
    body:not(.home) main .dba-person-text h3 {font-size:22px!important;margin:0 0 12px!important;}
    body:not(.home) main .dba-person-text p {margin:0 0 8px!important;}
    body:not(.home) main .dba-person-text .dba-person-role {font-size:14px!important;line-height:20px!important;}
    body:not(.home) main .dba-network-layout>.dba-network-intro {padding:24px 20px 28px!important;}
    body:not(.home) main .dba-network-layout>.dba-section {padding:28px 20px!important;}
    body:not(.home) main #dba-pharma-page .dba-section:has(>div>img.wp-image-1360) {padding:0!important;}
  }
}


/* 6 October 2026, Peter: full-width mobile contacts, unchanged type size.
   The two address parts never wrap; the sole optional break is the wbr after @. */
@media(max-width:767px) {
  @layer dbaSafariRules {
    body main .dba-person {display:flex!important;flex-direction:column!important;align-items:flex-start!important;}
    body main .dba-person > .dba-person-text {width:100%!important;min-width:0!important;}
    body main :is(.dba-contact-guide,.dba-team) > .container > .row,
    body main .dba-team > .row {grid-template-columns:minmax(0,1fr)!important;}
    body .dba-email-address,
    body a[href^="mailto:"] .dba-email-address {white-space:normal!important;}
    body .dba-email-address > .dba-email-part,
    body a[href^="mailto:"] .dba-email-address > .dba-email-part {white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;}
    body .dba-email-address > wbr,
    body a[href^="mailto:"] .dba-email-address > wbr {display:inline!important;}
  }
}


/* Portraits, editorial images and typography: Peter's approved correction, 6 October 2026. */
@layer dbaSafariRules {
  body main :is(.dba-team,.dba-contact-guide) {
    float:none!important;box-sizing:border-box!important;width:var(--dba-reading-width)!important;
    max-width:100%!important;margin-inline:auto!important;padding-inline:0!important;
  }
  body main :is(.dba-team,.dba-contact-guide)>.container {
    width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important;
  }
  body main :is(.dba-contact-guide,.dba-team)>.container>.row,
  body main .dba-team>.row {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body main :is(.dba-contact-guide,.dba-team) article>img {
    width:100%!important;max-width:300px!important;height:auto!important;max-height:450px!important;
    aspect-ratio:2 / 3!important;object-fit:cover!important;object-position:center top!important;
  }
  body main .dba-blue>:is(.dba-person,#dba-contact-emilia,#dba-contact-claudio) {
    width:var(--dba-reading-width)!important;max-width:100%!important;margin-inline:auto!important;
  }
  body.page-template-page-about main .dba-history img,
  body main #dba-arkitektur-page img:not(.dba-person img) {
    max-height:85vh!important;object-fit:contain!important;
  }
  body.page main :is(p,li,blockquote,figcaption) {text-wrap:pretty!important;}
  body.page main :is(h1,h2,h3,h4,h5,h6) {text-wrap:balance!important;}
  body main :is(.dba-team,.dba-contact-guide) .dba-email-address {white-space:normal!important;}
  body main :is(.dba-team,.dba-contact-guide) .dba-email-address>.dba-email-part {white-space:nowrap!important;}
  body main :is(.dba-team,.dba-contact-guide) .dba-email-address>wbr {display:inline!important;}
}
@media(max-width:767px) {
  @layer dbaSafariRules {
    body main :is(.dba-contact-guide,.dba-team)>.container>.row,
    body main .dba-team>.row {grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:8px!important;}
    /* Reuse Kontakt's mobile contact-text standard inside the approved two-column team grid. */
    body main .dba-team a:is([href^="tel:"],[href^="mailto:"]),
    body main .dba-team a:is([href^="tel:"],[href^="mailto:"]) * {font-size:14px!important;line-height:20px!important;}
  }
}

/* Point 12 approved by Peter, 6 October 2026. */
@layer dbaSafariRules {
  body main .dba-jobs-list {padding:0 0 64px!important;background:#e4ecef!important;}
  body main .dba-jobs-list .col-md-8 {flex:0 0 100%!important;max-width:none!important;}
  body main .dba-job-cards {list-style:none;width:min(100%,calc(var(--dba-reading-width) + 64px))!important;max-width:none!important;margin:0 auto!important;padding:0!important;}
  body main .dba-job-cards>.job {padding:32px!important;margin:0 0 20px!important;background:#fff!important;border:0!important;}
  body main .dba-job-cards>.job:nth-child(even) {background:#a9c1d0!important;}
  body main .dba-job-cards>.job:first-child {background:#19181f!important;color:#fff!important;}
  body main .dba-job-cards .job h3 {margin:0 0 20px!important;font-family:tiempos_reg,serif!important;font-size:28px!important;font-weight:400!important;line-height:1.25!important;}
  body main .dba-job-cards .job h3 a {font-family:inherit!important;color:inherit!important;text-decoration:underline!important;}
  body main .dba-job-cards .job p {color:var(--dba-copy)!important;font-family:suisse_light,sans-serif!important;font-size:18px!important;line-height:28px!important;text-decoration:none!important;margin:0 0 8px!important;}
  body main .dba-job-cards .job:first-child :is(h3,p,a,.dba-job-start-label) {color:#fff!important;}
  body main .dba-job-cards .job>:last-child {margin-bottom:0!important;}
  body main .dba-jobs-more {width:var(--dba-reading-width)!important;margin:32px auto 0!important;}
}
@media(max-width:767px) {
  @layer dbaSafariRules {
    body main .dba-jobs-list {padding-bottom:40px!important;}
    body main .dba-job-cards>.job {padding:28px 20px!important;}
  }
}

/* Peter, 6 October 2026: align team text tracks without changing their type styles. */
@layer dbaSafariRules {
  body main .dba-team article {grid-template-rows:subgrid!important;grid-row:span 5!important;}
  body main .dba-team article>h3+p {grid-row:3!important;}
  body main .dba-consultant-links {display:flex;align-items:baseline;flex-wrap:nowrap;gap:16px;}
}
@media(max-width:767px) {
  @layer dbaSafariRules {
    /* Peter, 7 October: every role uses the same mobile size and tracking.
       Keep existing casing, colour and family; allow enlarged text to wrap. */
    body main :is(.dba-team,.dba-contact-guide) article>h3+p,
    body main :is(.dba-team,.dba-contact-guide) article>h3+p * {
      font-size:12px!important;letter-spacing:0!important;white-space:nowrap!important;
    }
    body main .dba-consultant-links {gap:12px;font-size:14px!important;}
  }
}

/* Approved CV action: retain the existing outlined button standard, scoped to this action. */
@layer dbaSafariRules {
  body.page main #dba-consultants-page a.button-filled {
    display:inline-flex!important;align-items:center;justify-content:center;
    width:380px!important;max-width:100%;min-height:47px!important;
    padding:16px 36px!important;margin:0!important;border:1px solid currentColor!important;
    background:transparent!important;color:inherit!important;text-decoration:none!important;
    font-family:suisse_reg,sans-serif!important;font-size:11px!important;font-weight:400!important;
    line-height:13px!important;letter-spacing:2px!important;text-transform:uppercase!important;
  }
}

/* Peter's combined package, 7 October 2026. Approved by Peter. */
@layer dbaSafariRules {
  /* The network article supplies its own service intro spacing. */
  body:has(.dba-network-layout) main > .page-about {padding-block:0!important;}
  /* Reuse the current specialist-page section rhythm. */
  body main :is(#dba-pharma-page,.dba-network-layout) > .dba-section:not(:has(>div>img.wp-image-1360)) {
    padding-block:64px!important;
  }
  body main :is(.dba-section,.dba-network-intro,.dba-contact-panel) > :is(h1,h2,h3,h4) {
    margin-top:0!important;margin-bottom:24px!important;
  }
  body main :is(.dba-section,.dba-network-intro) > p:not(.dba-eyebrow) + :is(h2,h3,h4) {
    margin-top:32px!important;
  }
  body main :is(.dba-section,.dba-contact-panel) > :last-child {margin-bottom:0!important;}
  /* Contact panels use the existing reading-column width and panel inset. */
  body main :is(.dba-section.dba-blue,.dba-contact-panel) {
    width:var(--dba-reading-width)!important;max-width:100%!important;
    margin-inline:auto!important;box-sizing:border-box!important;
    float:none!important;padding-inline:var(--dba-panel-inset)!important;
  }
  body main .dba-section.dba-blue > :is(.dba-person,#dba-contact-emilia,#dba-contact-claudio) {
    width:100%!important;max-width:100%!important;margin-inline:0!important;
  }
  /* One row for the existing arrow and title; native details behaviour stays. */
  body main details > summary,
  body main summary.dba-case-summary {
    display:flex!important;align-items:baseline!important;gap:12px!important;
    padding-block:16px!important;min-height:0!important;list-style:none!important;
  }
  body main details > summary::-webkit-details-marker {display:none;}
  body main details > summary > :is(h2,h3,h4,span:not([aria-hidden="true"]):not(.dba-chevron)) {
    flex:1 1 0!important;min-width:0!important;width:auto!important;
    max-width:none!important;margin:0!important;padding:0!important;
  }
  body main details > summary > :is([aria-hidden="true"],.dba-chevron) {
    flex:0 0 auto!important;margin:0!important;
  }
  body main details > summary > :is(p:empty,br) {display:none!important;}
  /* Keep the existing outline, typography and event-tracked destination. */
  body.page main #dba-consultants-page a.button-filled {width:auto!important;}
  body:has(#dba-pharma-page) main .page-intro a[href="#kompetencer"] {
    display:inline!important;width:auto!important;min-height:0!important;
    padding:0!important;border:0!important;letter-spacing:normal!important;
    text-transform:none!important;font:inherit!important;
  }
}
@media(max-width:767px) {
  @layer dbaSafariRules {
    body main .dba-network-intro > h1 {margin-bottom:20px!important;}
    body main :is(#dba-pharma-page,.dba-network-layout) > .dba-section:not(:has(>div>img.wp-image-1360)) {padding-block:28px!important;}
  }
}

@layer dbaSafariRules {
  body main .dba-section > .dba-eyebrow {margin-bottom:16px!important;}
  body main :is(.dba-contact-panel,.dba-section.dba-blue) {padding-block:64px!important;}
  body:has(#dba-pharma-page) main .page-intro .page-intro-payoff > p {margin-top:0!important;margin-bottom:18px!important;}
  body main :is(.dba-contact-panel,.dba-section.dba-blue) > * {--dba-reading-width:min(760px,100%);}
}
@media(max-width:767px) {
 @layer dbaSafariRules {body main :is(.dba-contact-panel,.dba-section.dba-blue) {padding-block:28px!important;}}
}


/* Standardisation approved 14 October. Reuse existing spacing and body type. */
@layer dbaSafariRules {
  /* QA correction 14 October: balance headings without changing their metrics. */
  body :is(h1,h2,h3) {text-wrap:balance!important;}
  body.home main .page-about.has-slider {padding-bottom:40px!important;}
  body.home main .page-about .content-wrapper {padding-block:0!important;min-height:0!important;}
  body.home main .page-timeline h2 {margin-bottom:0!important;}
  body main .page-timeline-event {opacity:1!important;visibility:visible!important;}
  body main .dba-team article>h3+p {
    font-family:suisse_light,sans-serif!important;font-size:18px!important;line-height:28px!important;
    font-weight:400!important;letter-spacing:0!important;text-transform:none!important;
    color:var(--dba-copy)!important;white-space:nowrap!important;
  }
  body main .dba-team article>img {height:auto!important;aspect-ratio:2 / 3!important;align-self:start!important;justify-self:start!important;}
}
@media(max-width:767px) {
  @layer dbaSafariRules {
    body main .dba-team article>h3+p {font-size:12px!important;line-height:20px!important;}
  }
}

/* Package 2: semantic homepage heading, values measured from the approved rendering. */
body.home main .page-intro .dba-home-brand{font-family:tiempos_reg,serif!important;color:var(--dba-ink);-webkit-font-smoothing:antialiased;font-weight:400!important;font-size:60px!important;line-height:72px!important;margin:0 0 20px!important;text-wrap:balance!important}
body.home main .page-intro h1.dba-home-heading{font-family:suisse_reg,sans-serif!important;color:var(--dba-copy)!important;-webkit-font-smoothing:antialiased;font-weight:400!important;font-size:20px!important;line-height:31px!important;letter-spacing:normal!important;max-width:760px!important;margin:0 0 18px!important;text-wrap:balance!important}
@media(max-width:767px){body.home main .page-intro .dba-home-brand{font-size:30px!important;line-height:1.2!important;letter-spacing:-.015em!important;white-space:nowrap}body.home main .page-intro h1.dba-home-heading{font-size:18px!important;line-height:28px!important}}

/* QA clarification, 14 October: full team names on one mobile line.
   Existing 18px type scale and 24px line height; no extra space or abbreviations. */
@media(max-width:767px) {
  @layer dbaSafariRules {
    body main .dba-team article>h3 {
      font-size:18px!important;line-height:24px!important;
      white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;
    }
  }
}

/* PR #6 comment 6210747312: keep the homepage case image, without a text band. */
@layer dbaSafariRules {
  body main .dba-approved-slider-copy {padding-block:var(--dba-panel-inset)!important;}
  body main .dba-approved-slider-copy p {color:#919099!important;}
  body.home main .page-about > .container {display:none!important;}
  body.home main .page-about:not(:has(> .page-about-slider)) {display:none!important;}
  body.home main .page-about,
  body.home main .page-about.has-slider {padding-bottom:0!important;}
  body.home main .page-about-slider {margin-bottom:0!important;}
  /* Nested legacy spans must use the ordinary competence heading/body styles. */
  body:has(#dba-pharma-page) main #kompetencer .dba-competence :is(h3,p) :not(a) {
    color:inherit!important;font:inherit!important;letter-spacing:inherit!important;
    text-transform:inherit!important;
  }
}