:root{--sarlomuz-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--sarlomuz-accent:#69d6d2;--sarlomuz-radius:12px;font-family:var(--sarlomuz-font)}
body,button,input,select,textarea{font-family:var(--sarlomuz-font)}
.sarlomuz-sidebar{padding-top:28px;background:#0c1926;border-color:#293f50}
.sarlomuz-logo{font-size:18px;padding-bottom:24px}
.sarlomuz-nav-label{margin-top:24px;margin-bottom:12px;color:#a0b7c7}
.sarlomuz-bottom{border-top:1px solid #293f50;margin-top:auto;padding-top:18px}
.sarlomuz-language button,.sarlomuz-close{min-height:44px;border-radius:var(--sarlomuz-radius)}
.sarlomuz-nav-link{border-radius:var(--sarlomuz-radius);min-height:48px}
.sarlomuz-language{margin-bottom:22px}
.sarlomuz-language button[aria-pressed=true]{background:var(--sarlomuz-accent);border-color:var(--sarlomuz-accent);color:#09232d}
/* Shared study controls retain their functionality and gain the site button style. */
.shell .primary{background:var(--sarlomuz-accent);border-color:var(--sarlomuz-accent);color:#09232d}
.shell .primary:hover{background:#a2eee4;border-color:#a2eee4}
.shell .primary,.shell .ghost,.shell .lightbtn,.shell .tab{min-height:44px;border-radius:var(--sarlomuz-radius);font-size:.9rem}
.shell .chip{min-height:44px;border-radius:var(--sarlomuz-radius)}
.shell .headline h1{font-size:clamp(2rem,3.8vw,3rem)}
.shell .headline{margin-top:26px;margin-bottom:20px}.shell .card{border-radius:18px}.shell .card h2{font-size:clamp(1.6rem,3vw,2.2rem)}
body:has(>main.wrap){background:#0d1926}
body:has(>main.wrap) .wrap{max-width:980px}
body:has(>main.wrap) main{padding-top:44px;padding-bottom:48px}
body:has(>main.wrap) h1{font-size:clamp(2.2rem,4vw,3.3rem)}
body:has(>main.wrap) h2{color:#d3e4ed}
@media(max-width:620px){.shell{padding-top:18px}.shell .headline{margin-top:22px}.shell .headline h1{font-size:2rem}.shell .card{padding:22px 18px}.shell .field p{font-size:1.05rem}.shell .footer{margin-top:28px}body:has(>main.wrap) main{padding-top:30px;padding-bottom:36px}.sarlomuz-mobile-language{padding-top:10px;padding-bottom:10px}}
/* Short interactions; no continuous movement or hidden-content dependency. */
.button,.top a.call,.contact-links a,.sarlomuz-nav-link,.sarlomuz-language button,.sarlomuz-close,.shell .primary,.shell .ghost,.shell .lightbtn,.shell .tab,.shell .chip{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.area{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
@media(hover:hover) and (pointer:fine){.area:hover{transform:translateY(-4px);border-color:#588a98;box-shadow:0 10px 24px #03111b40}.button:hover,.top a.call:hover,.contact-links a:hover{transform:translateY(-2px)}.sarlomuz-nav-link:hover{transform:translateX(2px)}}
.button:active,.top a.call:active,.contact-links a:active,.sarlomuz-language button:active,.shell .primary:active,.shell .ghost:active,.shell .lightbtn:active{transform:translateY(1px)}
@keyframes sarlomuz-backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:1040px){.sarlomuz-sidebar{transition:transform .28s cubic-bezier(.2,.65,.3,1),visibility 0s .28s}body.sarlomuz-menu-open .sarlomuz-sidebar{transition-delay:0s}body.sarlomuz-menu-open .sarlomuz-backdrop{animation:sarlomuz-backdrop-in .22s ease both}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.area,.button,.top a.call,.contact-links a,.sarlomuz-nav-link,.sarlomuz-language button,.sarlomuz-close,.sarlomuz-sidebar,.shell .primary,.shell .ghost,.shell .lightbtn,.shell .tab,.shell .chip{transition:none!important;transform:none!important}.sarlomuz-backdrop{animation:none!important}}
.sarlomuz-language-picker{position:relative;margin:0 10px 22px;font-family:var(--sarlomuz-font);font-size:13px}
.sarlomuz-language-picker summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;list-style:none;padding:10px 14px;border:1px solid #40596b;border-radius:12px;background:#142536;color:#eaf1f7;font-weight:600;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}
.sarlomuz-language-picker summary::-webkit-details-marker{display:none}.sarlomuz-language-picker summary:hover{background:#203b4c;border-color:#7bd4d7}.sarlomuz-language-picker summary:focus-visible{outline:3px solid #83dce5;outline-offset:2px}
.sarlomuz-language-picker[open] summary{border-color:#7bd4d7}.sarlomuz-language-picker[open] summary>span{transform:rotate(180deg)}
.sarlomuz-language-picker .sarlomuz-language{display:flex;flex-direction:column;gap:6px;margin:8px 0 0;padding:8px;background:#0c1926;border:1px solid #365166;border-radius:12px}
.sarlomuz-mobile-language{width:150px;padding-left:0;padding-right:12px}.sarlomuz-mobile-language .sarlomuz-language-picker{margin:0}.sarlomuz-mobile-language .sarlomuz-language{position:absolute;top:44px;right:0;width:170px;box-shadow:0 12px 28px #0006}
.shell .language-switch{display:block;width:180px;margin:22px 0 0}.shell .language-switch .sarlomuz-language{position:absolute;top:44px;left:0;width:180px;z-index:10;box-shadow:0 12px 28px #0006}
@media(max-width:1040px){.sarlomuz-menu-button{width:calc(100% - 150px)}}
@media(prefers-reduced-motion:reduce){.sarlomuz-language-picker summary{transition:none}}
/* One shared language control in the page header; no selector in the sidebar. */
.sarlomuz-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
@media(min-width:1041px){.sarlomuz-mobile-language{display:block;position:relative;inset:auto;z-index:103;width:140px;height:auto;padding:0;background:transparent;border:0}.sarlomuz-mobile-language .sarlomuz-language{top:44px}.sarlomuz-mobile-language .sarlomuz-language-picker{margin:0}.sarlomuz-site .top{flex-wrap:wrap}}

.sarlomuz-close{width:44px;height:44px;padding:10px}.sarlomuz-close svg{display:block;width:22px;height:22px}

/* A single introductory glow keeps the brand visible without constant motion. */
.sarlomuz-site:has(> main#top) .top{position:relative;isolation:isolate}
.sarlomuz-site:has(> main#top) .top::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-22px;top:-42px;width:min(520px,90vw);height:220px;background:radial-gradient(ellipse at 38% 45%,#2589b52b 0%,#2589b512 43%,transparent 72%);opacity:0;animation:sarlomuz-glow-in 1.1s ease-out .1s forwards}
@keyframes sarlomuz-glow-in{to{opacity:1}}

/* Show the section currently being read. */
.sarlomuz-nav-link{position:relative}
.sarlomuz-nav-link::before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:3px;background:#7de0dc;opacity:0;transform:scaleY(.35);transition:opacity .2s ease,transform .2s ease}
.sarlomuz-nav-link[aria-current]::before{opacity:1;transform:scaleY(1)}
.sarlomuz-nav-link[aria-current="location"]{color:#bdf4ee;background:#15353f;border-color:#34636b}
.sarlomuz-nav-link[aria-current="location"] svg{color:#7de0dc}

/* The language choices enter briefly when the disclosure opens. */
@keyframes sarlomuz-language-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.sarlomuz-language-picker[open] .sarlomuz-language{animation:sarlomuz-language-in .18s ease-out both}
@media(prefers-reduced-motion:reduce){.sarlomuz-site:has(> main#top) .top::before{opacity:1;animation:none}.sarlomuz-nav-link::before{transition:none;transform:none}.sarlomuz-language-picker[open] .sarlomuz-language{animation:none}}

/* The entire phone toolbar has an opaque backing. Content fades below it,
   with no visible page content behind the bar while scrolling. */
@media(max-width:1040px){
  /* Let the fixed Language control sit above the opaque toolbar backing. */
  .sarlomuz-site:has(> main#top) .top{isolation:auto}
  body.sarlomuz-site::before{content:"";position:fixed;top:0;left:0;right:0;height:64px;z-index:98;pointer-events:none;background:#0b1520}
  body.sarlomuz-site.sarlomuz-has-scrolled::after{content:"";position:fixed;top:64px;left:0;right:0;height:54px;z-index:98;pointer-events:none;background:linear-gradient(to bottom,#0b1520 0%,transparent 100%)}
}