/* Shared site shell — keeps header and background identical across public pages. */
:root{
  --tal-shell-bg:
    radial-gradient(75% 65% at 3% 0%,rgba(168,108,64,.62),rgba(120,80,52,.22) 42%,transparent 62%),
    radial-gradient(90% 90% at 100% 6%,rgba(150,54,200,.85),rgba(96,26,140,.34) 46%,transparent 66%),
    radial-gradient(80% 75% at 80% 55%,rgba(120,48,175,.55),transparent 60%),
    radial-gradient(85% 80% at 30% 66%,rgba(32,128,158,.60),rgba(22,96,120,.28) 45%,transparent 70%),
    radial-gradient(95% 80% at 0% 96%,rgba(30,120,150,.68),transparent 64%),
    linear-gradient(155deg,#4a2168 0%,#3d1a5c 20%,#33245a 44%,#1a4d63 78%,#123545 100%);
}

/* The shared background belongs only to public editorial pages.
   Tool pages keep their own application canvas and colour system. */
html:not(.tal-tool-page){background:#0e1624!important;overflow-x:hidden!important}
body:not(.tal-tool-page){
  overflow-x:hidden!important;
  background:var(--tal-shell-bg)!important;
  background-attachment:fixed!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

.tal-global-header,.tal-global-header *{box-sizing:border-box}
.tal-global-header{
  position:sticky!important;
  top:0!important;
  z-index:5000!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:18px clamp(14px,3vw,42px) 0!important;
  background:transparent!important;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  color:#f7f7f5!important;
}
.tal-gh-frame{
  width:min(1460px,100%)!important;
  max-width:1460px!important;
  margin:0 auto!important;
  min-height:76px!important;
  padding:10px 12px 10px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(220px,auto) minmax(0,1fr) auto!important;
  grid-template-areas:none!important;
  align-items:center!important;
  gap:16px!important;
  background:linear-gradient(135deg,rgba(20,22,39,.97),rgba(17,28,43,.97))!important;
  border:1px solid rgba(247,247,245,.16)!important;
  border-radius:16px!important;
  box-shadow:0 18px 54px rgba(8,11,25,.24)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.tal-gh-brand{grid-area:auto!important}
.tal-gh-nav{grid-area:auto!important}
.tal-gh-lang{grid-area:auto!important}

@media(max-width:1080px){
  .tal-global-header{padding:12px clamp(12px,2vw,24px) 0!important}
  .tal-gh-frame{
    max-width:1460px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand lang" "nav nav"!important;
    gap:10px!important;
    padding:10px 11px!important;
  }
  .tal-gh-brand{grid-area:brand!important}
  .tal-gh-lang{grid-area:lang!important}
  .tal-gh-nav{grid-area:nav!important}
}

@media(max-width:760px){
  .tal-global-header{padding:8px 8px 0!important}
  .tal-gh-frame{
    min-height:58px!important;
    padding:7px 8px!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:"brand lang menu"!important;
    gap:7px!important;
    border-radius:13px!important;
  }
  .tal-global-header.tal-menu-open .tal-gh-frame{
    grid-template-areas:"brand lang menu" "nav nav nav"!important;
  }
  .tal-gh-brand{grid-area:brand!important}
  .tal-gh-lang{grid-area:lang!important}
  .tal-gh-menu-toggle{grid-area:menu!important}
  .tal-gh-nav{grid-area:nav!important}
}


/* Audit remediation 03.08.2026 */
:where(h1,h2,h3,section,article)[id]{scroll-margin-top:118px}
.prompt-wrap pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.interface-note{margin:10px 0 0;padding:8px 10px;border:1px solid rgba(247,247,245,.18);border-radius:8px;color:#d9dde1;font-size:11px}
.tal-standard-footer{width:100%;margin-top:54px;padding:28px clamp(18px,4vw,54px) 42px;border-top:1px solid rgba(247,247,245,.16);color:#aeb5bf;font:12px/1.6 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.tal-footer-inner{width:min(1180px,100%);margin:0 auto;display:grid;gap:10px}
.tal-standard-footer nav{display:flex;flex-wrap:wrap;gap:4px 0}.tal-standard-footer a{color:inherit;text-decoration:none}.tal-standard-footer a:hover{color:#fff}.tal-standard-footer p{max-width:940px;margin:0}
@media print{.tal-global-header,.tal-standard-footer,.ask-cta,.back-top,.button,.btn{display:none!important}html,body{background:#fff!important;color:#111!important}.surface,.panel,.card{box-shadow:none!important;background:#fff!important;color:#111!important;border-color:#bbb!important}a{color:#111!important;text-decoration:underline!important}}

.eyebrow,.label,.step-label{text-transform:uppercase}
.license-card{width:min(1080px,calc(100% - 36px));margin:18px auto 0;padding:24px;border:1px solid rgba(247,247,245,.16);border-radius:12px;background:linear-gradient(150deg,rgba(15,25,34,.94),rgba(31,28,39,.92));color:#f7f7f5}
.license-card .button{margin-top:10px;margin-right:7px}

.tal-standard-footer nav{display:flex;flex-wrap:wrap;gap:7px 14px;align-items:center}.tal-standard-footer nav a{display:inline-flex;align-items:center;min-height:32px}


/* Fixes 04.08.2026 — mobile header and page-level eyebrow */
.tal-page-eyebrow{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 14px;
  color:#d4d4da;
  font:700 10px/1.25 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.tal-page-eyebrow::before{
  content:"";
  width:22px;
  height:1px;
  flex:0 0 22px;
  background:linear-gradient(90deg,#145368,#734C34);
}

.tal-gh-menu-toggle{
  display:none;
  appearance:none;
  border:1px solid rgba(247,247,245,.22);
  background:rgba(8,15,26,.42);
  color:#F7F7F5;
  border-radius:999px;
  min-width:44px;
  min-height:44px;
  padding:0 12px;
  font:800 11px/1 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  cursor:pointer;
}
@media(max-width:760px){
  .tal-gh-brand{min-width:0!important}
  .tal-gh-logo{width:34px!important;height:38px!important}
  .tal-gh-brand-copy{max-width:150px!important;font-size:9px!important;letter-spacing:.1em!important}
  .tal-gh-lang{display:grid!important;grid-template-columns:repeat(3,34px)!important;gap:1px!important;padding:2px!important}
  .tal-gh-lang a{width:34px!important;min-width:34px!important;min-height:36px!important;padding:0!important;font-size:8.5px!important}
  .tal-gh-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important}
  .tal-gh-nav{
    display:none!important;
    overflow:visible!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:4px!important;
    width:100%!important;
    padding:8px 0 2px!important;
    border-top:1px solid rgba(247,247,245,.12)!important;
  }
  .tal-global-header.tal-menu-open .tal-gh-nav{display:flex!important}
  .tal-gh-nav a,.tal-gh-nav button{
    width:100%!important;
    justify-content:flex-start!important;
    min-height:44px!important;
    padding:0 13px!important;
    font-size:12px!important;
  }
}
@media(max-width:390px){
  .tal-gh-brand-copy{max-width:115px!important;font-size:8.5px!important}
  .tal-gh-lang{grid-template-columns:repeat(3,31px)!important}
  .tal-gh-lang a{width:31px!important;min-width:31px!important}
  .tal-gh-menu-toggle{min-width:40px!important;padding:0 9px!important;font-size:10px!important}
}