/* El cerrahisi ayrı proje • V78 menü ve responsive davranışı korunur. */
:root{--micro-ink:#073247;--micro-navy:#082f4b;--micro-gold:#d2ae73}
.identity .md-logo{width:75px!important;height:75px!important;min-width:75px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;overflow:hidden!important;border:none!important;background:transparent!important;box-shadow:none!important}
.identity .md-logo:before,.identity .md-logo:after{display:none!important}
.md-brand-image{width:100%!important;height:100%!important;object-fit:contain!important;border:none!important;box-shadow:none!important}
.md-footer-logo{width:95px!important;height:95px!important;object-fit:contain!important;background:transparent!important}
.area-strip{background:linear-gradient(95deg,#092f49,#124c60)!important}
.area-trigger{white-space:nowrap!important}
.area-trigger.is-open,.area-trigger.is-current{color:#efd5a6!important}
.hero-stage-premium{background:#072b3d!important}
.hero-stage-premium .hero-shade{background:linear-gradient(90deg,rgba(5,30,44,.98),rgba(6,35,49,.92) 30%,rgba(5,32,44,.55) 55%,rgba(5,30,42,.08) 90%)}
.hero-stage-premium .micro-intro .hero-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
.hero-stage-premium .micro-intro .hero-shade{background:linear-gradient(90deg,rgba(5,25,37,.03) 0%,rgba(5,26,39,.20) 42%,rgba(5,29,42,.92) 62%,rgba(5,28,40,.99) 100%)}
.hero-stage-premium .micro-intro .hero-canvas{left:auto!important;right:max(5.4%,calc((100vw - 1330px)/2))!important;max-width:min(445px,38%)!important;text-align:left!important}
.hero-stage-premium .hero-backdrop{filter:saturate(.9)}
.hero-stage-premium .hero-heading{font-size:clamp(42px,4.8vw,70px)!important}
.hero-stage-premium .hero-description{line-height:1.72!important}
.hero-stage-premium .hero-cta{background:#dfbf8e!important;color:#0a3449!important}
.cards-area{background:#f6f1e9!important}
.specialty{border:1px solid #e7dccb!important;border-radius:9px!important;overflow:hidden!important;box-shadow:0 9px 30px #132b3720!important}
.specialty .media{height:245px!important;background:#d9e4e7!important}
.specialty .copy h3{color:#13394b}
.doctor-approach-final{background:#092e40!important}
.doctor-approach-final .approach-photo img{object-position:22% 50%!important}
.micro-detail .page-hero-media{background:#092d3e!important}
.micro-detail .page-hero-media img{object-position:center center!important}
.micro-detail .page-hero-content{padding-top:55px!important;padding-bottom:55px!important}
.micro-detail .breadcrumb{font-size:12px;line-height:1.7;color:#718088}
.micro-detail .breadcrumb a{color:#305d70;text-decoration:underline;text-underline-offset:3px}
.micro-detail h1{color:#123748;font-size:clamp(35px,4vw,62px)!important}
.micro-detail .subtopic-links{display:flex;gap:9px;flex-wrap:wrap}
.micro-detail .subtopic-link{display:inline-flex;align-items:center;min-height:42px;padding:10px 14px;border:1px solid #d1be9e;border-radius:6px;color:#234a5c;font-size:13px;text-decoration:none;background:#fffaf1;line-height:1.35}
.micro-detail .subtopic-link:hover{background:#eadfcd}
.micro-detail .subtopic-return{background:#0b3c54;color:#fff;border-color:#0b3c54}
.micro-detail .surgery-urgent{font-weight:600;color:#73462e;border-left:3px solid #bd9058;padding:10px 13px;background:#fff3e5}
.contact-panel h1{font:400 clamp(35px,3.7vw,57px)/1.14 Georgia,serif;margin:10px 0 18px;color:#173d3d}
.footer{background:#0a2f40!important}
@media(max-width:1050px){.hero-stage-premium .micro-intro .hero-canvas{max-width:43%!important;right:5%!important}}
@media(max-width:980px){.identity .md-logo{width:64px!important;height:64px!important;min-width:64px!important}.navigation.open{z-index:110!important}.site-header{z-index:100!important}}
@media(max-width:700px){
 .identity .md-logo{width:52px!important;height:52px!important;min-width:52px!important;padding:0!important}
 .identity-copy strong{font-size:clamp(13px,4.0vw,18px)!important}
 .identity-copy small{font-size:clamp(8px,2.25vw,10px)!important;line-height:1.25!important}
 .main-header{padding-left:12px!important;padding-right:12px!important;gap:7px!important}
 .identity{min-width:0!important;flex:1!important}
 .identity-copy{min-width:0!important}
 .hero-stage-premium{height:600px!important}
 .hero-stage-premium .micro-intro .hero-backdrop{object-position:31% center!important}
 .hero-stage-premium .micro-intro .hero-shade{background:linear-gradient(0deg,rgba(5,30,43,.99) 0%,rgba(5,30,43,.96) 28%,rgba(5,30,43,.66) 58%,rgba(5,30,43,.01) 100%)}
 .hero-stage-premium .micro-intro .hero-canvas{left:22px!important;right:22px!important;max-width:none!important;bottom:91px!important;top:auto!important;transform:none!important}
 .hero-stage-premium .hero-heading{font-size:clamp(35px,9.6vw,48px)!important}
 .hero-stage-premium .hero-description{font-size:13.5px!important;line-height:1.55!important}
 .hero-stage-premium .hero-stage-controls{bottom:19px!important}
 .specialty .media{height:220px!important}
 .micro-detail .page-hero-media{height:270px!important;min-height:270px!important}
 .micro-detail .page-hero-media img{height:270px!important;min-height:270px!important}
 .micro-detail .page-hero-content{padding:32px 22px 45px!important}
 .micro-detail h1{font-size:clamp(32px,8.5vw,45px)!important}
 .micro-detail .subtopic-links{display:grid;grid-template-columns:1fr!important}
 .micro-detail .subtopic-link{width:100%}
}


/* V3 — micro site only: fixes observed mobile contrast, image crop and overlong carousel slogans. */
.area-strip .area-trigger{color:#f7ebd5!important;border-color:rgba(255,255,255,.22)!important}
.area-strip .area-trigger .area-arrow{color:#e6c28f!important}
.area-strip .area-trigger:hover,.area-strip .area-trigger:focus-visible,.area-strip .area-trigger.is-open,.area-strip .area-trigger.is-current{color:#123547!important;background:#e7cca0!important}
.area-strip .area-trigger:hover .area-arrow,.area-strip .area-trigger.is-open .area-arrow,.area-strip .area-trigger.is-current .area-arrow{color:#123547!important}
@media(max-width:760px){
 .hero-stage-premium{height:565px!important;min-height:565px!important;max-height:565px!important;background:#082d40!important}
 .hero-stage-premium .hero-frame .hero-backdrop,
 .hero-stage-premium .hero-frame.micro-intro img.hero-backdrop{
  position:absolute!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;
  width:100%!important;height:240px!important;object-fit:contain!important;object-position:center center!important;
  border:0!important;border-radius:0!important;padding:0!important;
  background:#082e40!important;filter:none!important;transform:none!important;
 }
 .hero-stage-premium .hero-frame .hero-shade,
 .hero-stage-premium .hero-frame.micro-intro .hero-shade{
  background:linear-gradient(180deg,rgba(8,45,64,0) 0%,rgba(8,45,64,.05) 37%,#082d40 44%,#082d40 100%)!important;
 }
 .hero-stage-premium .hero-frame .hero-canvas,
 .hero-stage-premium .hero-frame.micro-intro .hero-canvas{
  position:absolute!important;top:243px!important;bottom:auto!important;left:0!important;right:0!important;
  transform:none!important;max-width:100%!important;text-align:left!important;
  padding:14px 22px 10px!important;
 }
 .hero-stage-premium .hero-frame .hero-eyebrow{font-size:9px!important;line-height:1.5!important;letter-spacing:.15em!important;margin:0 0 7px!important}
 .hero-stage-premium .hero-frame .hero-heading{font-size:clamp(26px,7.9vw,34px)!important;line-height:1.11!important;letter-spacing:-.03em!important;margin:0 0 9px!important;text-wrap:balance!important}
 .hero-stage-premium .hero-frame .hero-description{font-size:13px!important;line-height:1.48!important;max-width:100%!important;margin:0 0 9px!important}
 .hero-stage-premium .hero-frame .hero-cta{font-size:12px!important;min-height:40px!important;padding:10px 16px!important;margin-top:7px!important}
 .hero-stage-premium .hero-stage-controls{left:auto!important;right:20px!important;bottom:12px!important}
}
@media(max-width:370px){
 .hero-stage-premium .hero-frame .hero-heading{font-size:clamp(25px,7.2vw,29px)!important}
 .hero-stage-premium .hero-frame .hero-description{font-size:12.3px!important}
 .hero-stage-premium .hero-frame .hero-canvas{padding-left:18px!important;padding-right:18px!important}
}

/* V4 – 14.11.2026 | Contrast and image/system fixes on isolated micro site only */
:root{--micro-ink:#133f37;--micro-navy:#123d38;--micro-gold:#d9b278;--micro-cream:#f8f2e8;}
html{scroll-behavior:smooth}
body{overflow-x:hidden;background:var(--micro-cream);color:#173c36}
.preheader{background:#153c33!important;color:#fff!important}
.site-header{z-index:100!important;background:#fbf5ec!important}
.main-header{background:#fbf5ec!important}
.identity-copy strong{color:#173d35!important}
.identity-copy small{color:#284f44!important}
.area-strip{background:#f5ede2!important;border-top:1px solid #d9cdbd!important;border-bottom:1px solid #d4c6b4!important;isolation:auto!important}
.area-tab-scroll{align-items:stretch!important;justify-content:flex-start!important;padding:0 max(10px,calc((100vw - 1400px)/2))!important;overflow-x:auto!important;scroll-snap-type:x proximity}
.area-home,.area-trigger{color:#173e36!important;letter-spacing:0!important;font:700 clamp(12px,.95vw,15px)/1.28 Arial,Helvetica,sans-serif!important;background:#f5ede2!important;min-height:55px!important;border:0!important;border-right:1px solid #d6c5af!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:10px 14px!important;flex:0 0 auto!important;white-space:normal!important;text-align:center!important;max-width:250px!important}
.area-home{min-width:102px!important}
.area-home:hover,.area-home:focus-visible,.area-home.is-current,.area-trigger:hover,.area-trigger:focus-visible,.area-trigger.is-open,.area-trigger.is-current{color:#15392f!important;background:#eedbb9!important}
.area-strip .area-trigger .area-arrow{color:#9d794b!important;font-weight:900!important}
.area-submenu{background:#fffcf7!important;color:#234b42!important;z-index:120!important}
.area-submenu a{color:#1a473c!important}
.micro-v4.hero-stage-premium{background:#113c35!important;height:clamp(490px,42vw,600px)!important;max-height:none!important;min-height:490px!important;overflow:hidden!important;isolation:isolate!important}
.micro-v4 .hero-frame{overflow:hidden!important;display:block!important}
.micro-v4 .hero-picture{position:absolute!important;inset:0!important;display:block!important;z-index:1!important}
.micro-v4 .hero-backdrop{position:absolute!important;inset:0 0 0 42%!important;top:0!important;bottom:0!important;right:0!important;left:42%!important;width:58%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;filter:saturate(.96)!important;border-radius:0!important;padding:0!important;background:transparent!important;transform:none!important}
.micro-v4 .hero-shade{z-index:2!important;background:linear-gradient(90deg,#113a34 0%,#113a34 37%,rgba(17,58,52,.92) 48%,rgba(17,58,52,.19) 78%,transparent 100%)!important;position:absolute!important;inset:0!important}
.micro-v4 .hero-canvas{z-index:3!important;top:50%!important;bottom:auto!important;left:max(5.2%,calc((100vw - 1320px)/2))!important;right:auto!important;transform:translateY(-50%)!important;max-width:min(530px,43%)!important;padding:0 12px 0 0!important;text-align:left!important}
.micro-v4 .hero-eyebrow{font:800 12px/1.45 Arial,sans-serif!important;letter-spacing:.12em!important;color:#f0cb8d!important;margin:0 0 15px!important}
.micro-v4 .hero-heading{font:400 clamp(38px,4.6vw,61px)/1.08 Georgia,'Times New Roman',serif!important;color:#fff!important;letter-spacing:-.025em!important;overflow-wrap:break-word!important;margin:0 0 15px!important;text-wrap:balance}
.micro-v4 .hero-description{font:400 clamp(14px,1.25vw,17px)/1.6 Arial,sans-serif!important;color:#f6f2e8!important;max-width:48ch!important;margin:0 0 13px!important}
.micro-v4 .hero-cta{margin-top:12px!important;padding:12px 18px!important;min-height:43px!important;background:#e5c58e!important;color:#163a31!important;border-radius:7px!important;font:800 13px/1.25 Arial,sans-serif!important}
.micro-v4 .hero-stage-controls{z-index:10!important;bottom:22px!important}
.cards-area{background:#f8f2e8!important}
.specialty{background:#fffaf4!important;border:1px solid #e6d8c6!important;box-shadow:0 6px 18px rgba(20,48,42,.07)!important}
.specialty .media{height:245px!important}
.specialty .media img{height:100%!important;width:100%!important;object-fit:cover!important;object-position:center center!important}
.specialty .copy h3{font-family:Georgia,serif!important;color:#183e34!important}
.specialty .copy p{color:#375b52!important}
.urgent-banner{background:#f8f2e8;padding:28px 20px 9px}
.urgent-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(175px,280px) minmax(0,1fr) auto;gap:23px;align-items:center;background:#123e35;border-left:5px solid #e4c58d;color:#fff;padding:22px 28px;border-radius:12px;box-shadow:0 9px 22px #132e2921}
.urgent-heading{font:800 18px/1.25 Georgia,serif;color:#f3ce91}
.urgent-inner p{font:400 14px/1.62 Arial,sans-serif;color:#fff;margin:0}
.urgent-inner a{color:#f4dab0;white-space:nowrap;font:700 12px Arial,sans-serif}
.doctor-approach-final{background:#123b35!important}
.doctor-approach-final .approach-photo img{object-fit:cover!important;object-position:36% center!important}
.doctor-approach-final .approach-copy{color:#fff!important}
.doctor-approach-final .approach-kicker{color:#e8c48e!important;opacity:1!important}
.doctor-approach-final .approach-copy h2{color:#f6eddc!important;opacity:1!important}
.doctor-approach-final .approach-copy h2 em{color:#e8c48e!important}
.doctor-approach-final .approach-intro{color:#f4f5ee!important;opacity:1!important}
.doctor-approach-final .approach-signature strong{color:#f5f2e8!important;opacity:1!important}
.doctor-approach-final .approach-signature span{color:#e8c58e!important;opacity:1!important}
.doctor-approach-final .approach-button{background:#e7c58e!important;color:#1a3f35!important;border:1px solid #e6c185!important;font-weight:800!important;text-decoration:none!important}
.doctor-approach-final .approach-button:hover{background:#fff2d9!important}
.footer{background:#153e35!important}
.micro-detail .page-hero-media{background:#e7ebec!important}
.micro-detail .page-hero-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.micro-detail .page-hero-content{background:#f8f2e8!important}
.micro-detail .compact-explanation p{color:#25443b!important;line-height:1.7!important}
.urgent-detail{margin:20px 0 5px;padding:17px 19px;background:#fcf3e5;border-left:4px solid #b48850;border-radius:6px;color:#333!important}
.urgent-detail strong{display:block;color:#79501d;font:800 17px Arial,sans-serif;margin-bottom:8px}
.urgent-detail p{margin:0!important;color:#324b45!important;font:400 13px/1.65 Arial,sans-serif!important}
@media(max-width:1000px){
 .area-tab-scroll{justify-content:flex-start!important}
 .micro-v4 .hero-canvas{max-width:49%!important}
 .micro-v4 .hero-backdrop{left:44%!important;width:56%!important}
 .micro-v4 .hero-heading{font-size:clamp(34px,4.5vw,54px)!important}
 .urgent-inner{grid-template-columns:1fr;gap:9px}
}
@media(max-width:760px){
 .preheader{min-height:47px!important}
 .main-header{background:#fbf5ec!important}
 .area-strip{padding:0!important}
 .area-tab-scroll{padding:0 7px!important;gap:0!important}
 .area-home,.area-trigger{min-height:49px!important;min-width:108px!important;max-width:176px!important;padding:9px 11px!important;font-size:12px!important;line-height:1.24!important;white-space:normal!important;border-right:1px solid #d9cdbd!important}
 .area-home{min-width:94px!important}
 .micro-v4.hero-stage-premium{height:565px!important;min-height:565px!important;max-height:565px!important;background:#123b35!important}
 .micro-v4 .hero-picture{height:250px!important;bottom:auto!important;top:0!important}
 .micro-v4 .hero-backdrop{position:absolute!important;left:0!important;top:0!important;right:0!important;bottom:auto!important;width:100%!important;height:250px!important;object-fit:cover!important;object-position:center center!important;border:0!important;border-radius:0!important;background:#123b35!important}
 .micro-v4 .hero-shade{background:linear-gradient(180deg,transparent 0%,rgba(16,54,48,.1) 34%,#123b35 45%,#123b35 100%)!important}
 .micro-v4 .hero-canvas{top:258px!important;bottom:auto!important;left:0!important;right:0!important;max-width:100%!important;transform:none!important;padding:11px 21px 0!important}
 .micro-v4 .hero-eyebrow{font-size:10px!important;letter-spacing:.1em!important;margin-bottom:7px!important}
 .micro-v4 .hero-heading{font-size:clamp(28px,7.6vw,35px)!important;line-height:1.12!important;margin:0 0 9px!important}
 .micro-v4 .hero-description{font-size:13px!important;line-height:1.48!important;margin:0!important;max-width:100%!important}
 .micro-v4 .hero-cta{font-size:12px!important;margin-top:14px!important;padding:10px 15px!important;min-height:40px!important}
 .micro-v4 .hero-stage-controls{bottom:14px!important;right:15px!important;left:auto!important;gap:8px!important}
 .urgent-banner{padding:18px 12px 7px}
 .urgent-inner{border-radius:9px;padding:16px 17px;gap:8px}
 .urgent-heading{font-size:17px!important}
 .urgent-inner p{font-size:13px!important;line-height:1.54!important}
 .specialty .media{height:200px!important}
 .doctor-approach-final .approach-photo{min-height:265px!important}
 .doctor-approach-final .approach-photo img{object-position:36% center!important;min-height:265px!important}
 .doctor-approach-final .approach-copy{padding:28px 21px 43px!important}
 .doctor-approach-final .approach-copy h2{font-size:clamp(31px,8.4vw,43px)!important;line-height:1.1!important}
 .doctor-approach-final .approach-intro{font-size:14px!important;line-height:1.66!important}
 .doctor-approach-final .approach-signature strong{font-size:17px!important}
 .doctor-approach-final .approach-button{font-size:13px!important;min-height:44px!important}
 .micro-detail .page-hero-media,.micro-detail .page-hero-media img{height:240px!important;min-height:240px!important}
 .micro-detail .page-hero-content{padding:27px 20px 35px!important}
}
@media(max-width:370px){
 .micro-v4 .hero-heading{font-size:27px!important}
 .micro-v4 .hero-canvas{padding-left:18px!important;padding-right:18px!important}
 .micro-v4 .hero-description{font-size:12.6px!important}
}
/* V4.1 final override: previous V3's higher-specificity .area-strip selector made inactive tabs pale. */
.area-strip .area-trigger,
.area-strip .area-trigger:not(.is-open):not(.is-current){color:#163c35!important;background:#f5ede2!important;opacity:1!important;text-shadow:none!important}
.area-strip .area-trigger:hover,
.area-strip .area-trigger:focus-visible,
.area-strip .area-trigger.is-open,
.area-strip .area-trigger.is-current{color:#173b32!important;background:#ebd7b0!important;opacity:1!important}
.area-strip .area-trigger .area-arrow{color:#976f3c!important;opacity:1!important}

/* V5 — only five clinical category tabs; consistent V78 contrast, desktop & mobile. */
@media (min-width: 1024px){
 .area-strip .area-tab-scroll{display:flex!important;justify-content:space-between!important;max-width:1380px!important;margin:0 auto!important;padding:0 20px!important;overflow:visible!important}
 .area-strip .area-tab-scroll>.area-trigger{flex:1 1 20%!important;max-width:none!important;min-width:0!important;min-height:59px!important;font-size:clamp(12px,.95vw,15px)!important;padding:12px 8px!important;line-height:1.25!important}
}
@media (min-width:761px) and (max-width:1023px){
 .area-strip .area-tab-scroll{display:flex!important;gap:0!important;padding:0 4px!important}
 .area-strip .area-tab-scroll>.area-trigger{flex:1 1 20%!important;min-width:0!important;max-width:none!important;padding:9px 6px!important;font-size:12px!important}
}
@media(max-width:760px){
 .area-strip .area-tab-scroll{scroll-padding-inline:11px!important;gap:0!important;padding:0 8px!important;scrollbar-width:none}
 .area-strip .area-tab-scroll::-webkit-scrollbar{display:none}
 .area-strip .area-tab-scroll>.area-trigger{flex:0 0 auto!important;min-width:140px!important;max-width:193px!important;min-height:53px!important;font-size:12px!important;padding:9px 10px!important;overflow-wrap:normal!important}
 .area-strip .area-tab-scroll>.area-trigger:first-child{min-width:179px!important}
 .area-strip .area-tab-scroll>.area-trigger:last-child{min-width:175px!important}
 .micro-v4 .hero-cta[href="#uzmanlik"]{max-width:100%;white-space:normal!important}
}


/* V6 — isolated hand/microsurgery site: compact contact shortcuts and cross-site information. */
.contact-grid .contact-actions.v76-social-stack {
  width:min(100%,300px)!important;max-width:300px!important;gap:7px!important;
  align-items:flex-start!important;
}
.contact-grid .contact-actions.v76-social-stack>a.button {
  width:100%!important;max-width:300px!important;min-height:39px!important;
  padding:6px 11px!important;line-height:1.2!important;gap:9px!important;
  border-radius:10px!important;font-size:13px!important;font-weight:700!important;
  justify-content:flex-start!important;
}
.contact-grid .contact-actions.v76-social-stack>a.button svg,
.contact-grid .contact-actions.v76-social-stack>a.button img {
  width:23px!important;height:23px!important;min-width:23px!important;
}
.micro-main-site-link{margin:16px 0 16px!important;padding:12px 14px!important;background:#fff9ee!important;border:1px solid #ddc59a!important;border-radius:10px!important;max-width:320px!important;box-shadow:0 3px 12px rgba(37,63,52,.06)!important}
.micro-main-site-link .micro-main-site-kicker{font:800 12px/1.35 Arial,sans-serif!important;color:#8e6b3b!important;display:block;margin-bottom:5px}
.micro-main-site-link a{display:inline-flex!important;align-items:center!important;gap:5px!important;font:800 14px/1.4 Arial,sans-serif!important;color:#143e34!important;text-decoration:none!important;overflow-wrap:anywhere}
.micro-main-site-link small{display:block;color:#57685f!important;font:400 11px/1.4 Arial,sans-serif!important;margin-top:5px}
.micro-external-site{background:#f8f1e6!important;padding:22px 20px 25px!important;border-top:1px solid #e7d9c4!important}
.micro-external-site-inner{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.micro-external-site-inner span:first-child{display:block;color:#94703f;font:800 11px/1.3 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.micro-external-site-inner p{margin:5px 0 0;color:#26483f;font:400 14px/1.5 Arial,sans-serif}
.micro-external-site-inner a{display:inline-flex;gap:6px;align-items:center;max-width:100%;overflow-wrap:anywhere;background:#fffaf4;border:1px solid #d8bc8c;border-radius:8px;color:#143c33;font:800 13px/1.5 Arial,sans-serif;text-decoration:none;padding:10px 15px;box-shadow:0 3px 10px rgba(30,56,48,.06)}
.micro-external-site-inner a:hover,.micro-main-site-link a:hover{text-decoration:underline!important}
@media(max-width:760px){
  .contact-grid .contact-actions.v76-social-stack{width:min(100%,278px)!important;max-width:278px!important}
  .contact-grid .contact-actions.v76-social-stack>a.button{max-width:278px!important;min-height:38px!important;padding:5px 10px!important;font-size:12px!important}
  .micro-external-site{padding:18px 14px 22px!important}
  .micro-external-site-inner{align-items:flex-start;gap:12px}
}

/* V8: prevent long German procedure names from overflowing narrow screens. */
html[lang="de"] .page-hero h1,
html[lang="de"] .page-hero h2,
html[lang="de"] .page-hero .button {
  overflow-wrap:anywhere;
  hyphens:auto;
}