/* Portfolio additions inherit the approved DVEC palette and font families. */
.portfolio-section{padding:clamp(60px,6vw,92px) 0;border-block-end:1px solid var(--border-subtle);scroll-margin-block-start:112px}
.portfolio-reading{max-width:var(--container)}
.portfolio-reading>h2{max-width:890px;margin:0 0 26px;font:400 clamp(32px,3.4vw,46px)/1.16 var(--font-serif);letter-spacing:-.018em;text-wrap:balance;overflow-wrap:normal;word-break:normal;hyphens:auto}
.portfolio-reading>p{max-width:830px;color:var(--text-secondary);font-size:18px;line-height:1.65}
.portfolio-reading>.eyebrow{font-size:12px;color:var(--brand-gold-ink)}
.portfolio-hierarchy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;list-style:none;margin:36px 0 0;padding:0;counter-reset:portfolio}
.portfolio-hierarchy li{border-block-start:1px solid var(--border-subtle);padding:22px 0;display:grid;gap:8px}
.portfolio-hierarchy span{font:600 12px/1.5 var(--font-sans);color:var(--brand-gold-ink);letter-spacing:.04em}
.portfolio-hierarchy a{font:400 23px/1.35 var(--font-serif);text-decoration-thickness:1px;text-underline-offset:4px}
.portfolio-quality{background:var(--surface-warm)}
.portfolio-quality-service{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:10px 50px;border-block-start:1px solid var(--border-subtle);padding:32px 0}
.portfolio-quality-service:first-of-type{margin-block-start:38px}
.portfolio-quality-service h3{grid-column:1;grid-row:1/3;font:400 clamp(24px,2.3vw,31px)/1.3 var(--font-serif);margin:0}
.portfolio-quality-service p{grid-column:2;margin:0;color:var(--text-secondary);font-size:17px;line-height:1.65}
.portfolio-quality-service .portfolio-output{font-size:16px;color:var(--text-primary)}
.portfolio-scope{font-size:15px!important;border-block-start:1px solid var(--border-subtle);padding-block-start:24px}
.portfolio-supplement{border-block-start:1px solid var(--border-subtle);margin-block-start:30px;padding-block-start:24px}
.portfolio-supplement h3{font:500 23px/1.35 var(--font-serif);margin:0 0 16px;color:var(--text-primary);hyphens:auto;overflow-wrap:normal;word-break:normal}
.portfolio-supplement p{font-size:17px!important;line-height:1.65}
.portfolio-read-link{margin-block-start:18px;align-self:start;font-size:15px;line-height:1.5;text-underline-offset:4px;color:var(--brand-gold-ink);padding-block:5px;min-height:44px;display:inline-flex;align-items:center}
.portfolio-inline-links{display:flex;flex-wrap:wrap;gap:8px 30px;margin-block-start:20px}
.portfolio-inline-links a{font-size:17px;min-height:44px;display:inline-flex;align-items:center;color:var(--brand-gold-ink);text-underline-offset:4px}
.portfolio-audiences{margin-block:34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.portfolio-audience{border-block-start:1px solid var(--border-subtle);min-width:0}
.portfolio-audience summary{cursor:pointer;padding-block:20px;font:500 22px/1.4 var(--font-serif);min-height:44px}
.portfolio-audience p{margin:0;padding:0 0 24px;font-size:17px;line-height:1.65;color:var(--text-secondary)}
.portfolio-section a:focus-visible,.portfolio-audience summary:focus-visible,.portfolio-read-link:focus-visible,.portfolio-inline-links a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:5px}
[id="institutional-systems"],[id="dual-vet"],[id="schools-universities"],[id="responsible-innovation"],[id="international-implementation"]{scroll-margin-block-start:112px}
[lang="ar"] .portfolio-reading h2,[lang="ar"] .portfolio-reading h3,[lang="ar"] .portfolio-audience summary{letter-spacing:0;line-height:1.6}
@media(max-width:700px){.portfolio-hierarchy,.portfolio-audiences{grid-template-columns:minmax(0,1fr)}.portfolio-quality-service{grid-template-columns:minmax(0,1fr);gap:16px}.portfolio-quality-service h3,.portfolio-quality-service p{grid-column:1;grid-row:auto}.portfolio-hierarchy a{font-size:22px}.portfolio-reading>h2{font-size:clamp(26px,7.2vw,32px)}.portfolio-reading>p{font-size:17px}.portfolio-section{padding-block:56px}.portfolio-inline-links{display:grid;gap:5px}.portfolio-audience summary{font-size:21px}}
/* Existing German specialist headings must also fit narrow phone screens. */
@media(max-width:360px){[lang="de"] .modern-expertise .domain-title h2{font-size:clamp(23px,7.18vw,25px);line-height:1.3}}
@media(max-width:360px){[lang="de"] .portfolio-supplement h3{font-size:clamp(21px,6.56vw,23px)}}
@media print{.portfolio-section{padding-block:24px}.portfolio-audience>p{display:block!important}.portfolio-quality-service{break-inside:avoid}.portfolio-hierarchy{display:block}}

/* Owner correction: preserve the old navigation and reveal detail on request. */
.portfolio-section{padding:clamp(30px,4vw,48px) 0;scroll-margin-block-start:240px}
.portfolio-reading>h2{margin-bottom:18px;font-size:clamp(26px,2.6vw,34px);line-height:1.2}
.portfolio-reading>p{font-size:17px;line-height:1.6}
.portfolio-hierarchy{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-top:24px}
.portfolio-hierarchy li{display:block;min-width:0;padding:0;border:0}
.portfolio-hierarchy a{display:grid;gap:5px;align-content:center;min-height:78px;height:100%;padding:12px 16px;border:1px solid var(--border-subtle);color:var(--text-primary);text-decoration:none;background:var(--surface-primary)}
.portfolio-hierarchy a:hover{background:var(--surface-warm);border-color:var(--brand-gold-ink)}
.portfolio-hierarchy .portfolio-level{font:600 11px/1.4 var(--font-sans);color:var(--brand-gold-ink)}
.portfolio-hierarchy .portfolio-link-title{font:400 20px/1.3 var(--font-serif);color:var(--text-primary);hyphens:auto;letter-spacing:0}
.portfolio-quality-service,.portfolio-profile-details{display:block;border-block-start:1px solid var(--border-subtle);padding:0}
.portfolio-quality-service:first-of-type{margin-block-start:24px}
.portfolio-supplement{margin-block-start:24px;padding-block-start:0}
.portfolio-quality-service>summary,.portfolio-supplement>summary,.portfolio-profile-details>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:48px;padding:14px 0;cursor:pointer;list-style:none;color:var(--text-primary)}
.portfolio-quality-service>summary::-webkit-details-marker,.portfolio-supplement>summary::-webkit-details-marker,.portfolio-profile-details>summary::-webkit-details-marker{display:none}
.portfolio-quality-service>summary::after,.portfolio-supplement>summary::after,.portfolio-profile-details>summary::after{content:'+';color:var(--brand-gold-ink);font:400 24px/1 var(--font-sans)}
.portfolio-quality-service[open]>summary::after,.portfolio-supplement[open]>summary::after,.portfolio-profile-details[open]>summary::after{content:'−'}
.portfolio-quality-service h3,.portfolio-supplement h3{min-width:0;margin:0;font:500 22px/1.35 var(--font-serif);color:var(--text-primary);hyphens:auto}
.portfolio-quality-service>p,.portfolio-supplement>p,.portfolio-profile-details>p{max-width:830px;margin:0 0 18px;color:var(--text-secondary);font-size:17px!important;line-height:1.6}
.portfolio-quality-service .portfolio-output{font-size:16px!important;color:var(--text-primary)}
.portfolio-scope{padding-block-start:20px}
.portfolio-read-link,.portfolio-inline-links a{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:8px 14px;border:1px solid var(--brand-gold-ink);font:500 15px/1.4 var(--font-sans);color:var(--brand-gold-ink);text-decoration:none;hyphens:auto}
.portfolio-read-link{margin-block-start:14px}
.portfolio-read-link:hover,.portfolio-inline-links a:hover{background:var(--surface-warm)}
.portfolio-inline-links{display:flex;flex-wrap:wrap;gap:10px 16px}
.portfolio-audiences{margin-block:24px;column-gap:40px}
.portfolio-audience summary{padding-block:12px;font-size:20px}
.portfolio-audience p{padding-bottom:20px;line-height:1.6}
.portfolio-section summary:focus-visible,.portfolio-supplement summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}
[id='institutional-systems'],[id='dual-vet'],[id='schools-universities'],[id='responsible-innovation'],[id='international-implementation']{scroll-margin-block-start:240px}
@media(max-width:700px){.portfolio-hierarchy{gap:10px}.portfolio-hierarchy a{padding:10px 12px;min-height:86px}.portfolio-hierarchy .portfolio-link-title{font-size:18px}.portfolio-reading>h2{font-size:26px}.portfolio-section{padding-block:30px}.portfolio-quality-service h3,.portfolio-supplement h3{font-size:20px}}
@media(max-width:360px){[lang='de'] .portfolio-supplement h3{font-size:19px}.portfolio-hierarchy .portfolio-link-title{font-size:17px}}
@media print{.portfolio-section details::details-content,.portfolio-supplement::details-content{content-visibility:visible!important;display:block!important}.portfolio-section details>:not(summary),.portfolio-supplement>:not(summary){display:block!important}.portfolio-section summary::after,.portfolio-supplement summary::after{display:none}}
