/* Shared additions for the PL, EN and DE versions. */
.language-menu{position:relative;margin:0;border:0;font-size:.875rem;color:#c2b9af}
.language-menu>summary{display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 12px;border:1px solid #39332c;border-radius:5px;background:#191919;font-size:.875rem;line-height:1.4;white-space:nowrap}
.language-menu>summary:hover{border-color:#86502e;color:var(--warm)}
.language-menu svg{width:24px;height:16px;flex-shrink:0;display:block;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px #ffffff20}
.language-menu summary span{color:inherit}
.language-menu[open] summary span{transform:none}
.language-menu summary .language-chevron{margin-left:8px;font-size:1rem;color:var(--warm)}
.language-menu[open] summary .language-chevron{transform:rotate(180deg)}
.language-menu nav.language-options{position:absolute;inset:auto 0 calc(100% + 8px) auto;z-index:20;display:grid;gap:3px;min-width:180px;padding:6px;background:#202020;border:1px solid #493526;border-radius:6px;box-shadow:0 10px 35px #0008;font-size:.875rem}
.language-menu:not([open]) nav.language-options{display:none}
.language-menu .language-options a{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 12px;border-radius:4px;color:#d6cec5;white-space:nowrap}
.language-menu .language-options a:hover,.language-menu .language-options a:focus-visible{background:#32251c;color:var(--warm)}
.language-menu .language-options a[aria-current="page"]{background:#fe6f271a;color:var(--warm);font-weight:600}
.footer>a[aria-label]{font-size:19px;border:1px solid #39332c;border-radius:5px;padding:3px 12px}
.nav{gap:16px}
.nav>.brand{order:0;flex-shrink:0}
.nav>nav{order:1;font-size:.875rem;gap:18px}
.nav>.nav-contact{order:3;font-size:.875rem;padding-inline:12px}
.nav>.menu-toggle{order:4}
.timeline .role-description,.skill-groups .stack-note{font-size:.875rem;line-height:1.75;color:#b2a79a;margin-top:12px}
.stack{justify-content:flex-start;column-gap:30px}
.stack>span{margin-right:auto}
.ai-scope{max-width:100%}
.hero-art .top-label{white-space:nowrap}
h1,h2,h3{hyphens:auto;overflow-wrap:break-word}
.about,.featured,.experience,.skills-layout,.mentoring,.contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(min-width:1201px){.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
@media(max-width:1200px){
 .nav{height:auto;min-height:76px;position:relative;flex-wrap:wrap;padding-block:12px}
 .nav>.nav-contact{display:block;margin-left:0}
 .nav>.menu-toggle{display:block;background:none;color:#ccc;border:0;padding:10px;font-size:.875rem;min-height:44px}
 .nav>nav{display:none;position:absolute;top:100%;left:0;right:0;background:#191919;border:1px solid #42362c;padding:22px;flex-direction:column;gap:12px;font-size:.875rem}
 .nav>nav.open{display:flex}
 .nav>nav a{display:flex;align-items:center;min-height:44px}
 .hero-art .top-label{font-size:.875rem}
}
@media(max-width:720px){
 .about,.featured,.experience,.skills-layout,.mentoring,.contact-layout{grid-template-columns:minmax(0,1fr)}
 h1{font-size:clamp(1.9rem,8.5vw,3.4rem)}
 .hero-copy .lead{max-width:55ch}
 .stack>span{width:100%}
 .hero-art .top-label{right:0;max-width:100%;font-size:.875rem;white-space:normal}
}
@media(max-width:600px){
 .nav{gap:8px}
 .nav>.nav-contact{display:none}
 .nav>.menu-toggle{font-size:0;padding:8px;min-width:40px}
 .nav>.menu-toggle span{font-size:1.25rem;margin:0}
}
@media(max-width:350px){
 .nav{gap:6px}
 .nav>.brand{font-size:.75rem;gap:6px}
 .nav>.brand img{width:26px;height:26px}
}
