/* Shared additions for the existing service and guide layouts. */
.nav-services__menu{max-height:min(75vh,650px);overflow-y:auto;overscroll-behavior:contain}
.specialty-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding-top:0}
.specialty-examples figure{margin:0;min-width:0}
.specialty-examples img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block;background:#fff}
.specialty-examples figcaption{font-size:14px;line-height:1.6;margin-top:12px;color:var(--text)}
.specialty-page .seo-copy{max-width:1000px;margin-inline:auto}
.specialty-page .seo-copy p,.specialty-page .seo-copy li{max-width:72ch;line-height:1.8}
.specialty-page .seo-copy+.seo-copy{padding-top:0}
.specialty-faq details{border-top:1px solid var(--gold);padding:18px 0}
.specialty-faq summary{cursor:pointer;min-height:44px;color:var(--green);font-size:20px;line-height:1.5}
.specialty-faq details p{margin-bottom:0}
.studio-facts{background:var(--white);border-block:1px solid var(--gold)}
.studio-facts ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px;padding-left:20px}
.blog-professional-cta,.blog-related-links{max-width:950px;margin:64px auto;padding:32px;background:var(--white);border-top:1px solid var(--gold)}
.blog-professional-cta h2,.blog-related-links h2{font-size:clamp(28px,3.5vw,42px);line-height:1.2;color:var(--green);margin:0 0 24px}
.blog-professional-cta p,.blog-professional-cta li,.blog-related-links li{font-size:18px;line-height:1.8}
.blog-professional-cta .button{display:inline-flex;align-items:center;min-height:44px;background:var(--green);color:var(--cream);border-radius:4px;text-decoration:none;padding:14px 22px}
.blog-professional-cta .button:hover{background:var(--gold);color:var(--green)}
.blog-related-links a{color:var(--green);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.blog-related-links li{margin-bottom:12px}
.blog-topic-group{padding:0;margin:0 0 96px;min-width:0}
.blog-topic-group>h2{font-size:clamp(32px,4vw,52px);margin:0 0 20px}
.blog-topic-group>p{max-width:70ch;margin-bottom:32px}
.blog-topic-nav{display:flex;flex-wrap:wrap;gap:16px 28px}
.blog-topic-nav a{display:inline-flex;align-items:center;min-height:44px}
.specialty-context{border-top:1px solid var(--gold);padding-top:24px;margin-top:40px}
@media(max-width:700px){.specialty-examples{grid-template-columns:1fr;gap:28px}.studio-facts ul{grid-template-columns:1fr}.blog-professional-cta,.blog-related-links{margin:48px 24px;padding:24px}.blog-topic-group{margin-bottom:64px}.specialty-page h1{overflow-wrap:break-word}.nav-services__menu{max-height:60vh}}

/* Two-column comparison on the Tragebilder service page. */
.tragebild-comparison{overflow-x:auto;margin:30px 0 42px}
.tragebild-comparison table{width:100%;border-collapse:collapse;table-layout:fixed;background:var(--white)}
.tragebild-comparison th,.tragebild-comparison td{padding:17px 18px;text-align:left;border:1px solid var(--line);vertical-align:top;line-height:1.55;overflow-wrap:break-word}
.tragebild-comparison th{background:var(--ink);color:var(--white);font-weight:500}
@media(max-width:600px){.tragebild-comparison th,.tragebild-comparison td{padding:12px 10px}}

/* Shared, text-only facts list. */
.business-facts{background:var(--cream);border-block:1px solid var(--line)}
.business-facts h2{color:var(--green);max-width:24ch}
.business-facts ul{display:block;max-width:76ch;padding-left:1.3em;margin-bottom:0}
.business-facts li{padding-left:.3em;margin-bottom:12px;line-height:1.7}
.business-facts li::marker{color:var(--green)}

.page-intro .service-short-answer{max-width:76ch;font-size:clamp(17px,1.6vw,20px);line-height:1.7}
.page-intro .service-author-line{max-width:90ch;font-size:14px;line-height:1.6;margin-top:12px;color:var(--text)}
.service-author-line a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Permanently visible portfolio explanations, readable without JavaScript. */
.home-work-examples>p{max-width:72ch}
.home-work-examples__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px}
.home-work-examples__grid article{min-width:0}
.home-work-examples__grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff}
.home-work-examples__grid h3{font-size:clamp(23px,2.2vw,30px);line-height:1.25;margin:24px 0 16px}
.home-work-examples__grid p{font-size:17px;line-height:1.7}
.home-work-examples__grid a{color:var(--green);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px}
.home-work-examples__grid a:focus-visible{outline:2px solid var(--green);outline-offset:5px}
@media(max-width:700px){.home-work-examples__grid{grid-template-columns:1fr;gap:36px}}