/* AldeTalks Start + Auswahlseiten Editable V10.4 */
.aldetalks-root .at-compass-page{padding-bottom:70px}
.aldetalks-root .at-compass-layout{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(560px,1.22fr);gap:clamp(24px,5vw,76px);align-items:center}
.aldetalks-root .at-compass-copy{max-width:600px}
.aldetalks-root .at-compass-copy h1{margin:0;color:var(--at-navy);font-family:var(--at-serif);font-size:clamp(3.6rem,5.8vw,6.9rem);line-height:.9;letter-spacing:-.066em}
.aldetalks-root .at-compass-copy p{color:#17365f;font-size:1.15rem;line-height:1.55}
.aldetalks-root .at-compass-lead{margin-top:24px;margin-bottom:6px}
.aldetalks-root .at-compass-next{margin-top:24px;min-width:260px;display:inline-flex;justify-content:space-between;align-items:center;gap:22px}
.aldetalks-root .at-compass-next:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.25)}
.aldetalks-root .at-compass-hint{display:block;margin-top:12px;color:var(--at-muted);font-weight:700}
.aldetalks-root .at-compass-visual{position:relative;min-height:clamp(520px,58vw,760px);isolation:isolate}
.aldetalks-root .at-compass-rings{position:absolute;inset:4% 6%;z-index:1;border-radius:50%;background:radial-gradient(circle at center,rgba(7,29,60,.22) 0 29%,transparent 29.5%),repeating-radial-gradient(circle at center,transparent 0 46px,rgba(7,29,60,.10) 47px,transparent 48px),conic-gradient(from 0deg,transparent 0 8deg,rgba(201,155,61,.24) 9deg 10deg,transparent 11deg 44deg,rgba(7,29,60,.12) 45deg 46deg,transparent 47deg 90deg);opacity:.65;filter:contrast(1.06)}
.aldetalks-root .at-compass-center{position:absolute;z-index:2;left:50%;top:50%;width:min(54vw,560px);max-width:70%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;background:#071d3c;box-shadow:inset 0 0 0 4px rgba(201,155,61,.35),0 28px 80px rgba(7,29,60,.22)}
.aldetalks-root .at-compass-center:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 0 54%,rgba(7,29,60,.45) 100%);pointer-events:none}
.aldetalks-root .at-compass-center img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) contrast(1.12) sepia(.16);mix-blend-mode:screen;opacity:.92}
.aldetalks-root .at-need-orb{position:absolute;z-index:4;width:clamp(122px,11vw,164px);aspect-ratio:1;border:0;background:transparent;cursor:pointer;color:var(--at-navy);transform:translate(-50%,-50%)}
.aldetalks-root .at-need-orb-1{left:50%;top:12%}.aldetalks-root .at-need-orb-2{left:28%;top:29%}.aldetalks-root .at-need-orb-3{left:74%;top:29%}.aldetalks-root .at-need-orb-4{left:20%;top:53%}.aldetalks-root .at-need-orb-5{left:82%;top:53%}.aldetalks-root .at-need-orb-6{left:32%;top:77%}.aldetalks-root .at-need-orb-7{left:72%;top:77%}
.aldetalks-root .at-need-seal{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 46%,rgba(255,253,247,.95),rgba(252,242,223,.86) 70%,rgba(229,204,160,.72)),linear-gradient(180deg,#fffdf7,#f7ead3);border:1px solid rgba(7,29,60,.28);box-shadow:inset 0 0 0 3px rgba(255,253,247,.9),inset 0 0 0 7px rgba(201,155,61,.24),0 15px 42px rgba(7,29,60,.16);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.aldetalks-root .at-need-seal:before,.aldetalks-root .at-need-seal:after{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(7,29,60,.22)}.aldetalks-root .at-need-seal:after{inset:14px;border-color:rgba(201,155,61,.36)}
.aldetalks-root .at-need-seal img{width:58%;height:58%;object-fit:contain;filter:grayscale(1) sepia(.14) saturate(.8) contrast(1.16);position:relative;z-index:2}
.aldetalks-root .at-need-label{position:absolute;left:10%;right:10%;bottom:16%;z-index:5;display:block;font-family:var(--at-serif);font-weight:800;font-size:clamp(.95rem,1.15vw,1.14rem);line-height:1;color:var(--at-navy);text-align:center;text-shadow:0 1px 0 rgba(255,253,247,.8)}
.aldetalks-root .at-need-order{position:absolute;z-index:8;right:6%;top:0;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#b98931;color:#fff;font-weight:950;box-shadow:0 5px 14px rgba(7,29,60,.18)}
.aldetalks-root .at-need-orb:hover .at-need-seal,.aldetalks-root .at-need-orb:focus-visible .at-need-seal{transform:translateY(-3px);border-color:#b98931;box-shadow:inset 0 0 0 3px rgba(255,253,247,.92),inset 0 0 0 8px rgba(201,155,61,.34),0 20px 48px rgba(7,29,60,.18)}
.aldetalks-root .at-need-orb.selected .at-need-seal{border-color:#b98931;box-shadow:inset 0 0 0 3px rgba(255,253,247,.92),inset 0 0 0 9px rgba(185,137,49,.48),0 0 0 5px rgba(185,137,49,.15),0 22px 55px rgba(7,29,60,.20)}
.aldetalks-root .at-compass-strip{margin:22px 0 30px;padding:14px 20px;display:flex;align-items:center;gap:17px;flex-wrap:wrap;border:1px solid rgba(7,29,60,.12);border-radius:22px;background:rgba(255,253,247,.72);box-shadow:0 16px 42px rgba(7,29,60,.06)}
.aldetalks-root .at-compass-strip strong{color:#9a6b18;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;padding-right:14px;border-right:1px solid rgba(201,155,61,.35)}
.aldetalks-root .at-compass-chip{position:relative;display:inline-flex;align-items:center;gap:8px;color:var(--at-navy);font-size:.92rem}.aldetalks-root .at-chip-img{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff8ec;border:1px solid rgba(7,29,60,.14)}.aldetalks-root .at-chip-img img{width:27px;height:27px;object-fit:contain;filter:grayscale(1) sepia(.14) contrast(1.12)}.aldetalks-root .at-chip-order{position:absolute;left:27px;top:-6px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#b98931;color:white;font-size:.68rem;font-weight:900}
.aldetalks-root .at-compass-strip-guide{margin:10px 0 8px;padding:8px 12px;gap:10px;box-shadow:none}.aldetalks-root .at-compass-strip-guide .at-chip-img{width:26px;height:26px}.aldetalks-root .at-compass-strip-guide .at-chip-img img{width:19px;height:19px}.aldetalks-root .at-compass-strip-guide .at-chip-order{display:none}.aldetalks-root .at-compass-strip-guide .at-compass-chip{font-size:.78rem}
@media(max-width:1150px){.aldetalks-root .at-compass-layout{grid-template-columns:1fr}.aldetalks-root .at-compass-copy{max-width:760px}.aldetalks-root .at-compass-visual{min-height:680px}}
@media(max-width:760px){.aldetalks-root .at-compass-visual{min-height:760px}.aldetalks-root .at-need-orb{width:132px}.aldetalks-root .at-need-orb-1{left:50%;top:9%}.aldetalks-root .at-need-orb-2{left:25%;top:28%}.aldetalks-root .at-need-orb-3{left:75%;top:28%}.aldetalks-root .at-need-orb-4{left:22%;top:51%}.aldetalks-root .at-need-orb-5{left:78%;top:51%}.aldetalks-root .at-need-orb-6{left:32%;top:73%}.aldetalks-root .at-need-orb-7{left:70%;top:73%}.aldetalks-root .at-compass-center{max-width:82%}}
@media print{.aldetalks-root .at-compass-strip-guide{display:flex!important;visibility:visible!important;margin:1.2mm 0 1.4mm!important;padding:1.2mm 1.8mm!important;border-radius:2mm!important;border:1px solid rgba(7,29,60,.16)!important;background:#fff8ec!important}.aldetalks-root .at-compass-strip-guide *{visibility:visible!important}.aldetalks-root .at-compass-strip-guide strong{font-size:5.5pt!important;color:#071d3c!important}.aldetalks-root .at-compass-strip-guide .at-compass-chip{font-size:6pt!important}.aldetalks-root .at-compass-strip-guide .at-chip-img{width:5.5mm!important;height:5.5mm!important}.aldetalks-root .at-compass-strip-guide .at-chip-img img{width:4.2mm!important;height:4.2mm!important}}


/* V10.5 refinements: premium header, integrated seals, neutral portrait rendering */
.aldetalks-root{
  --at-paper:#f8f2e7;
  --at-paper-strong:#f3ead9;
  --at-navy-ink:#08254c;
  --at-gold:#c79b43;
  --at-gold-dark:#a7751d;
}

.aldetalks-root .at-header-refined{
  margin:18px 0 28px;
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
}
.aldetalks-root .at-header-refined .at-header-shell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  padding:14px 22px;
  background:linear-gradient(180deg, rgba(255,252,246,.92), rgba(248,241,228,.86));
  border:1px solid rgba(8,37,76,.10);
  border-radius:26px;
  box-shadow:0 18px 40px rgba(8,37,76,.06), inset 0 1px 0 rgba(255,255,255,.6);
  position:relative;
  overflow:hidden;
}
.aldetalks-root .at-header-refined .at-header-shell:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at left center, rgba(199,155,67,.12), transparent 32%), radial-gradient(circle at right center, rgba(8,37,76,.06), transparent 34%);
  pointer-events:none;
}
.aldetalks-root .at-brand{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:16px;
}
.aldetalks-root .at-brand img{
  width:74px;
  height:74px;
  border-radius:18px;
  background:#fbf6ed;
  border:1px solid rgba(8,37,76,.12);
  box-shadow:0 10px 24px rgba(8,37,76,.08);
  object-fit:cover;
}
.aldetalks-root .at-brand-text strong{
  display:block;
  color:var(--at-navy-ink);
  letter-spacing:-.03em;
}
.aldetalks-root .at-brand-text small{
  color:var(--at-navy-ink);
  opacity:.95;
  letter-spacing:.20em;
  text-transform:uppercase;
  font-weight:700;
}
.aldetalks-root .at-nav{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.aldetalks-root .at-nav button{
  background:rgba(255,253,248,.88);
  border:1px solid rgba(8,37,76,.10);
  border-radius:999px;
  padding:12px 18px;
  color:var(--at-navy-ink);
  font-weight:700;
  box-shadow:0 8px 20px rgba(8,37,76,.05), inset 0 1px 0 rgba(255,255,255,.65);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.aldetalks-root .at-nav button:hover,
.aldetalks-root .at-nav button:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(199,155,67,.45);
  box-shadow:0 12px 24px rgba(8,37,76,.08), inset 0 1px 0 rgba(255,255,255,.8);
}

.aldetalks-root .at-compass-visual-premium{
  min-height:clamp(600px,64vw,820px);
}
.aldetalks-root .at-compass-visual-premium .at-compass-rings{
  inset:5.5% 8.5%;
  opacity:.34;
  background:
    radial-gradient(circle at center, transparent 0 25.6%, rgba(8,37,76,.18) 25.9%, transparent 26.25%),
    radial-gradient(circle at center, transparent 0 33.5%, rgba(199,155,67,.20) 33.8%, transparent 34.1%),
    radial-gradient(circle at center, transparent 0 46.7%, rgba(8,37,76,.11) 47.0%, transparent 47.25%),
    radial-gradient(circle at center, transparent 0 58.2%, rgba(199,155,67,.16) 58.55%, transparent 58.9%),
    conic-gradient(from 0deg, transparent 0 44deg, rgba(8,37,76,.08) 44.2deg 45deg, transparent 45.2deg 89deg, rgba(199,155,67,.10) 89.2deg 90deg, transparent 90.2deg 134deg, rgba(8,37,76,.08) 134.2deg 135deg, transparent 135.2deg 179deg, rgba(199,155,67,.10) 179.2deg 180deg, transparent 180.2deg 224deg, rgba(8,37,76,.08) 224.2deg 225deg, transparent 225.2deg 269deg, rgba(199,155,67,.10) 269.2deg 270deg, transparent 270.2deg 314deg, rgba(8,37,76,.08) 314.2deg 315deg, transparent 315.2deg 360deg);
  filter:none;
}
.aldetalks-root .at-compass-center{
  width:min(55vw,570px);
  max-width:69%;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.aldetalks-root .at-compass-center:before{
  content:"";
  position:absolute;
  inset:1.6%;
  border-radius:50%;
  border:1px solid rgba(8,37,76,.18);
  box-shadow:inset 0 0 0 7px rgba(248,242,231,.8), inset 0 0 0 10px rgba(199,155,67,.26);
  pointer-events:none;
}
.aldetalks-root .at-compass-center:after{
  content:"";
  position:absolute;
  inset:-7.5%;
  border-radius:50%;
  border:1px solid rgba(199,155,67,.24);
  pointer-events:none;
  background:none;
}
.aldetalks-root .at-compass-center img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:none !important;
  mix-blend-mode:normal !important;
  opacity:1 !important;
  display:block;
}

.aldetalks-root .at-need-orb{
  width:clamp(108px,9.3vw,138px);
}
.aldetalks-root .at-need-orb-1{left:52%;top:11%;}
.aldetalks-root .at-need-orb-2{left:22.8%;top:27.8%;}
.aldetalks-root .at-need-orb-3{left:80.7%;top:28.2%;}
.aldetalks-root .at-need-orb-4{left:13.8%;top:58.5%;}
.aldetalks-root .at-need-orb-5{left:89.2%;top:58.5%;}
.aldetalks-root .at-need-orb-6{left:33.5%;top:88%;}
.aldetalks-root .at-need-orb-7{left:71.4%;top:88.8%;}

.aldetalks-root .at-need-seal{
  background:radial-gradient(circle at 50% 46%, #fffdf8 0 42%, #f7ecd9 72%, #f1dfbf 100%);
  border:1px solid rgba(185,140,49,.58);
  box-shadow:0 14px 30px rgba(8,37,76,.07), inset 0 0 0 3px rgba(255,251,243,.95), inset 0 0 0 5px rgba(199,155,67,.24);
}
.aldetalks-root .at-need-seal:before{
  inset:5px;
  border:1px solid rgba(8,37,76,.17);
}
.aldetalks-root .at-need-seal:after{
  inset:10px;
  border:1px solid rgba(199,155,67,.48);
}
.aldetalks-root .at-need-seal img{
  width:46%;
  height:46%;
  object-fit:contain;
  filter:grayscale(1) contrast(1.06) sepia(.12);
  transform:translateY(-8px);
}
.aldetalks-root .at-need-label{
  bottom:14%;
  left:12%;
  right:12%;
  font-size:clamp(.84rem,.9vw,1rem);
  font-weight:700;
  line-height:1.05;
}
.aldetalks-root .at-need-order{
  right:-2px;
  top:-4px;
  width:28px;
  height:28px;
  background:linear-gradient(180deg,#c79b43,#a97822);
}
.aldetalks-root .at-need-orb:hover .at-need-seal,
.aldetalks-root .at-need-orb:focus-visible .at-need-seal{
  transform:translateY(-2px);
  border-color:rgba(167,117,29,.86);
  box-shadow:0 18px 32px rgba(8,37,76,.08), inset 0 0 0 3px rgba(255,251,243,.95), inset 0 0 0 6px rgba(199,155,67,.32);
}
.aldetalks-root .at-need-orb.selected .at-need-seal{
  border-color:rgba(167,117,29,.94);
  box-shadow:0 18px 36px rgba(8,37,76,.09), inset 0 0 0 3px rgba(255,251,243,.95), inset 0 0 0 7px rgba(199,155,67,.42), 0 0 0 3px rgba(199,155,67,.15);
}
/* hide any seal overlap on the portrait hands by giving more room */
.aldetalks-root .at-compass-page .at-compass-layout{align-items:start;}

@media (max-width: 1180px){
  .aldetalks-root .at-header-refined .at-header-shell{padding:14px 16px;}
  .aldetalks-root .at-compass-visual-premium{min-height:760px;}
  .aldetalks-root .at-need-orb-4{left:17%;top:58%;}
  .aldetalks-root .at-need-orb-5{left:85%;top:58%;}
}
@media (max-width: 820px){
  .aldetalks-root .at-header-refined .at-header-shell{flex-direction:column;align-items:flex-start;}
  .aldetalks-root .at-nav{width:100%;}
  .aldetalks-root .at-nav button{padding:11px 15px;}
  .aldetalks-root .at-compass-visual-premium{min-height:780px;}
  .aldetalks-root .at-need-orb{width:118px;}
  .aldetalks-root .at-need-orb-1{left:51%;top:11%;}
  .aldetalks-root .at-need-orb-2{left:24%;top:26%;}
  .aldetalks-root .at-need-orb-3{left:79%;top:26%;}
  .aldetalks-root .at-need-orb-4{left:16%;top:56%;}
  .aldetalks-root .at-need-orb-5{left:87%;top:56%;}
  .aldetalks-root .at-need-orb-6{left:34%;top:84%;}
  .aldetalks-root .at-need-orb-7{left:70%;top:84%;}
}


/* V10.5.2: seamless header and safer compass-image integration */

/* Header should merge into the page, not sit as a card. */
.aldetalks-root .at-header-refined,
.aldetalks-root .at-header{
  margin:0 0 28px!important;
  padding:22px 0 18px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.aldetalks-root .at-header-refined .at-header-shell{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.aldetalks-root .at-header-refined .at-header-shell:before{
  display:none!important;
}
.aldetalks-root .at-brand img{
  width:72px!important;
  height:72px!important;
  border-radius:18px!important;
  background:rgba(255,253,247,.72)!important;
  border:1px solid rgba(8,37,76,.10)!important;
  box-shadow:none!important;
}
.aldetalks-root .at-brand{
  gap:17px!important;
}
.aldetalks-root .at-brand:after{
  content:"";
  width:1px;
  height:62px;
  background:linear-gradient(180deg, transparent, rgba(199,155,67,.84), transparent);
  order:1;
}
.aldetalks-root .at-brand-text{
  order:2;
}
.aldetalks-root .at-brand-text strong{
  color:#08254c!important;
}
.aldetalks-root .at-brand-text small{
  color:#08254c!important;
  letter-spacing:.19em!important;
}

/* Menu items should be quiet text controls, no pill backgrounds. */
.aldetalks-root .at-nav{
  gap:28px!important;
}
.aldetalks-root .at-nav button{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:8px 0!important;
  color:#08254c!important;
  font-weight:800!important;
  position:relative;
}
.aldetalks-root .at-nav button:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:1px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(199,155,67,.9), transparent);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.aldetalks-root .at-nav button:hover,
.aldetalks-root .at-nav button:focus-visible{
  transform:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.aldetalks-root .at-nav button:hover:after,
.aldetalks-root .at-nav button:focus-visible:after{
  transform:scaleX(1);
}

/* Remove any square-image artefact: the chosen centre image is clipped into a clean round medallion.
   This also hides generated checkerboard pixels when the uploaded file is not truly transparent. */
.aldetalks-root .at-compass-visual-premium .at-compass-center{
  width:min(48vw,520px)!important;
  max-width:61%!important;
  top:52%!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 48%, #fbf5ea 0 55%, #f0dfbf 100%)!important;
  box-shadow:0 18px 46px rgba(8,37,76,.08), inset 0 0 0 2px rgba(199,155,67,.24)!important;
  clip-path:circle(49.2% at 50% 50%);
}
.aldetalks-root .at-compass-visual-premium .at-compass-center:before{
  display:none!important;
}
.aldetalks-root .at-compass-visual-premium .at-compass-center:after{
  display:none!important;
}
.aldetalks-root .at-compass-visual-premium .at-compass-center img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.075)!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}

/* More room for the two open hands: side seals sit farther outside and slightly above the hands. */
.aldetalks-root .at-compass-visual-premium .at-need-orb{
  width:clamp(104px,8.75vw,132px)!important;
}
.aldetalks-root .at-compass-visual-premium .at-need-orb-1{left:52%!important;top:9.5%!important;}
.aldetalks-root .at-compass-visual-premium .at-need-orb-2{left:22%!important;top:26.5%!important;}
.aldetalks-root .at-compass-visual-premium .at-need-orb-3{left:82%!important;top:26.8%!important;}
.aldetalks-root .at-compass-visual-premium .at-need-orb-4{left:13%!important;top:55.8%!important;}
.aldetalks-root .at-compass-visual-premium .at-need-orb-5{left:91%!important;top:56%!important;}
.aldetalks-root .at-compass-visual-premium .at-need-orb-6{left:32.8%!important;top:89.5%!important;}
.aldetalks-root .at-compass-visual-premium .at-need-orb-7{left:72.5%!important;top:90%!important;}

/* Seal design: thinner, more engraved, less bright blob. */
.aldetalks-root .at-need-seal{
  background:
    radial-gradient(circle at 50% 45%, rgba(255,253,247,.98) 0 47%, rgba(248,235,210,.92) 73%, rgba(232,206,160,.82) 100%)!important;
  border:1px solid rgba(168,118,30,.55)!important;
  box-shadow:
    0 10px 24px rgba(8,37,76,.06),
    inset 0 0 0 2px rgba(255,253,247,.95),
    inset 0 0 0 4px rgba(199,155,67,.18)!important;
}
.aldetalks-root .at-need-seal:before{
  inset:5px!important;
  border:1px solid rgba(8,37,76,.18)!important;
}
.aldetalks-root .at-need-seal:after{
  inset:11px!important;
  border:1px solid rgba(199,155,67,.38)!important;
}
.aldetalks-root .at-need-seal img{
  width:44%!important;
  height:44%!important;
  transform:translateY(-7px)!important;
  filter:grayscale(1) contrast(1.04) sepia(.10)!important;
}
.aldetalks-root .at-need-label{
  bottom:14.5%!important;
  font-size:clamp(.80rem,.82vw,.96rem)!important;
  font-weight:700!important;
}
.aldetalks-root .at-need-order{
  width:26px!important;
  height:26px!important;
}

/* On smaller screens, keep the header plain and prevent the compass from crashing into text. */
@media(max-width:1150px){
  .aldetalks-root .at-header-refined .at-header-shell{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:18px!important;
  }
  .aldetalks-root .at-nav{
    gap:20px!important;
  }
  .aldetalks-root .at-compass-visual-premium .at-compass-center{
    width:min(76vw,520px)!important;
    max-width:66%!important;
  }
  .aldetalks-root .at-compass-visual-premium .at-need-orb-4{left:15%!important;}
  .aldetalks-root .at-compass-visual-premium .at-need-orb-5{left:88%!important;}
}
@media(max-width:760px){
  .aldetalks-root .at-nav{
    gap:15px!important;
  }
  .aldetalks-root .at-compass-visual-premium .at-compass-center{
    max-width:74%!important;
  }
}


/* V10.5.3 hard overrides: no visible upload canvas, no header card, no menu pills.
   Loaded very late from PHP priority 99999. */

/* Seamless header, deliberately un-carded. */
body .aldetalks-root header.at-header,
body .aldetalks-root header.at-header-refined{
  margin:0 0 clamp(16px,2.4vw,34px)!important;
  padding:clamp(18px,2.2vw,30px) 0 clamp(8px,1.4vw,18px)!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body .aldetalks-root header.at-header-refined .at-header-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body .aldetalks-root header.at-header-refined .at-header-shell:before,
body .aldetalks-root header.at-header-refined .at-header-shell:after{
  content:none!important;
  display:none!important;
}
body .aldetalks-root .at-brand img{
  box-shadow:none!important;
  background:rgba(255,253,247,.58)!important;
  border:1px solid rgba(8,37,76,.08)!important;
}
body .aldetalks-root .at-nav{
  gap:clamp(18px,2.3vw,34px)!important;
}
body .aldetalks-root .at-nav button,
body .aldetalks-root header.at-header .at-nav button,
body .aldetalks-root header.at-header-refined .at-nav button{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:7px 0!important;
  color:#08254c!important;
  font-weight:800!important;
  text-decoration:none!important;
}
body .aldetalks-root .at-nav button:hover,
body .aldetalks-root .at-nav button:focus,
body .aldetalks-root .at-nav button:focus-visible{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  transform:none!important;
}

/* Compass image integration:
   The uploaded image is transparent, but the visual must never reveal a rectangular image box/canvas.
   Therefore both container and image are clipped/masked into the circular compass aperture. */
body .aldetalks-root .at-compass-visual-premium .at-compass-center,
body .aldetalks-root .at-compass-center.at-compass-center-aperture{
  position:absolute!important;
  left:50%!important;
  top:52%!important;
  width:min(46vw,500px)!important;
  max-width:59%!important;
  aspect-ratio:1/1!important;
  transform:translate(-50%,-50%)!important;
  overflow:hidden!important;
  border-radius:50%!important;
  clip-path:circle(49.5% at 50% 50%)!important;
  -webkit-clip-path:circle(49.5% at 50% 50%)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  isolation:isolate!important;
}
body .aldetalks-root .at-compass-visual-premium .at-compass-center:before,
body .aldetalks-root .at-compass-visual-premium .at-compass-center:after,
body .aldetalks-root .at-compass-center.at-compass-center-aperture:before,
body .aldetalks-root .at-compass-center.at-compass-center-aperture:after{
  content:none!important;
  display:none!important;
}
body .aldetalks-root .at-compass-visual-premium .at-compass-center img,
body .aldetalks-root .at-compass-center.at-compass-center-aperture img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  border-radius:50%!important;
  clip-path:circle(49.5% at 50% 50%)!important;
  -webkit-clip-path:circle(49.5% at 50% 50%)!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}

/* Remove the big pale rectangular/canvas effect around the portrait. */
body .aldetalks-root .at-compass-visual-premium{
  background:transparent!important;
}
body .aldetalks-root .at-compass-visual-premium .at-compass-rings{
  z-index:1!important;
  background:
    radial-gradient(circle at center, transparent 0 33%, rgba(199,155,67,.20) 33.2%, transparent 33.55%),
    radial-gradient(circle at center, transparent 0 48%, rgba(8,37,76,.10) 48.25%, transparent 48.55%),
    radial-gradient(circle at center, transparent 0 59%, rgba(199,155,67,.15) 59.2%, transparent 59.5%)!important;
  opacity:.42!important;
}

/* Set the seals farther out and slightly smaller, matching the compass metalwork and keeping hands visible. */
body .aldetalks-root .at-compass-visual-premium .at-need-orb{
  width:clamp(100px,8.45vw,126px)!important;
  z-index:5!important;
}
body .aldetalks-root .at-compass-visual-premium .at-need-orb-1{left:52%!important;top:8.8%!important;}
body .aldetalks-root .at-compass-visual-premium .at-need-orb-2{left:21.2%!important;top:25.4%!important;}
body .aldetalks-root .at-compass-visual-premium .at-need-orb-3{left:82.8%!important;top:25.8%!important;}
body .aldetalks-root .at-compass-visual-premium .at-need-orb-4{left:11.8%!important;top:55.2%!important;}
body .aldetalks-root .at-compass-visual-premium .at-need-orb-5{left:92.2%!important;top:55.2%!important;}
body .aldetalks-root .at-compass-visual-premium .at-need-orb-6{left:32.2%!important;top:91.2%!important;}
body .aldetalks-root .at-compass-visual-premium .at-need-orb-7{left:73.2%!important;top:91.5%!important;}

body .aldetalks-root .at-need-seal{
  background:
    radial-gradient(circle at 50% 44%, rgba(255,253,247,.96) 0 48%, rgba(248,236,213,.88) 74%, rgba(232,204,157,.74) 100%)!important;
  border:1px solid rgba(169,119,31,.54)!important;
  box-shadow:
    0 9px 18px rgba(8,37,76,.045),
    inset 0 0 0 2px rgba(255,253,247,.94),
    inset 0 0 0 4px rgba(199,155,67,.18)!important;
}
body .aldetalks-root .at-need-seal:before{
  inset:5px!important;
  border:1px solid rgba(8,37,76,.15)!important;
}
body .aldetalks-root .at-need-seal:after{
  inset:10px!important;
  border:1px solid rgba(199,155,67,.35)!important;
}
body .aldetalks-root .at-need-seal img{
  width:43%!important;
  height:43%!important;
  transform:translateY(-6px)!important;
  filter:grayscale(1) contrast(1.04) sepia(.08)!important;
}
body .aldetalks-root .at-need-label{
  bottom:14%!important;
  font-size:clamp(.78rem,.78vw,.92rem)!important;
  line-height:1.05!important;
}

@media(max-width:1150px){
  body .aldetalks-root .at-compass-visual-premium .at-compass-center,
  body .aldetalks-root .at-compass-center.at-compass-center-aperture{
    width:min(72vw,500px)!important;
    max-width:64%!important;
  }
  body .aldetalks-root .at-compass-visual-premium .at-need-orb-4{left:14.5%!important;}
  body .aldetalks-root .at-compass-visual-premium .at-need-orb-5{left:88.5%!important;}
}
@media(max-width:760px){
  body .aldetalks-root .at-compass-visual-premium .at-compass-center,
  body .aldetalks-root .at-compass-center.at-compass-center-aperture{
    width:min(82vw,440px)!important;
    max-width:72%!important;
  }
  body .aldetalks-root .at-compass-visual-premium .at-need-orb{
    width:112px!important;
  }
}


/* V10.5.4: seamless paper background and no geometric background circles */
html body,
body .aldetalks-root,
body .aldetalks-root > section,
body .aldetalks-root .at-page,
body .aldetalks-root .at-compass-page,
body .aldetalks-root .at-hero,
body .aldetalks-root .at-guide,
body .aldetalks-root header.at-header,
body .aldetalks-root header.at-header-refined,
body .aldetalks-root .at-header-shell{
  background-color:#f6efe2!important;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.44) 0, rgba(255,255,255,0) 22%),
    radial-gradient(circle at 82% 22%, rgba(214,188,142,.10) 0, rgba(214,188,142,0) 24%),
    radial-gradient(circle at 26% 78%, rgba(186,155,103,.07) 0, rgba(186,155,103,0) 20%),
    radial-gradient(circle at 76% 82%, rgba(255,255,255,.22) 0, rgba(255,255,255,0) 16%),
    linear-gradient(180deg, rgba(255,251,243,.95) 0%, rgba(247,239,227,.98) 46%, rgba(244,234,218,.98) 100%),
    repeating-linear-gradient(0deg, rgba(132,108,73,.020) 0 1px, rgba(255,255,255,0) 1px 4px),
    repeating-linear-gradient(90deg, rgba(132,108,73,.014) 0 1px, rgba(255,255,255,0) 1px 5px)!important;
  border:none!important;
  box-shadow:none!important;
}

/* Make the header visually dissolve into the same paper field. */
body .aldetalks-root header.at-header,
body .aldetalks-root header.at-header-refined{
  margin:0 0 26px!important;
  padding:24px 0 16px!important;
  border-bottom:none!important;
}
body .aldetalks-root header.at-header-refined .at-header-shell,
body .aldetalks-root header.at-header .at-header-shell{
  padding:0!important;
  border:none!important;
  border-radius:0!important;
}
body .aldetalks-root .at-brand img{
  background:rgba(255,251,244,.58)!important;
  border:1px solid rgba(8,37,76,.08)!important;
  box-shadow:none!important;
}
body .aldetalks-root .at-nav,
body .aldetalks-root .at-nav button{
  background:transparent!important;
  box-shadow:none!important;
}
body .aldetalks-root .at-nav button{
  border:none!important;
  border-radius:0!important;
}

/* Remove the unwanted geometric circles/rings behind the compass completely. */
body .aldetalks-root .at-compass-rings,
body .aldetalks-root .at-compass-visual-premium .at-compass-rings,
body .aldetalks-root .at-compass-visual .at-compass-rings{
  display:none!important;
  opacity:0!important;
  background:none!important;
}

/* Keep the compass area floating calmly on paper, without any extra stage. */
body .aldetalks-root .at-compass-visual,
body .aldetalks-root .at-compass-visual-premium,
body .aldetalks-root .at-compass-layout,
body .aldetalks-root .at-compass-stage{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Slightly soften and unify the compass container. */
body .aldetalks-root .at-compass-center,
body .aldetalks-root .at-compass-center.at-compass-center-aperture{
  background:transparent!important;
  box-shadow:none!important;
}
body .aldetalks-root .at-compass-center img,
body .aldetalks-root .at-compass-center.at-compass-center-aperture img{
  background:transparent!important;
}

/* The need seals remain elegant, but should feel printed onto the paper space rather than floating on a separate scene. */
body .aldetalks-root .at-need-seal{
  box-shadow:
    0 8px 16px rgba(8,37,76,.035),
    inset 0 0 0 2px rgba(255,253,247,.92),
    inset 0 0 0 4px rgba(199,155,67,.16)!important;
}

/* Ensure no border/edge appears between header and main section. */
body .aldetalks-root main,
body .aldetalks-root .at-page,
body .aldetalks-root .at-compass-page{
  margin-top:0!important;
  padding-top:0!important;
  border-top:none!important;
}


/* V10.5.5: return to true transparent asset integration.
   Do not crop, mask, or place Aldegrever in a circular aperture. Use the full original uploaded PNG. */

body .aldetalks-root .at-compass-visual-premium .at-compass-center,
body .aldetalks-root .at-compass-center,
body .aldetalks-root .at-compass-center.at-compass-center-free,
body .aldetalks-root .at-compass-center.at-compass-center-aperture{
  position:absolute!important;
  left:50%!important;
  top:54%!important;
  width:min(50vw,580px)!important;
  max-width:68%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  transform:translate(-50%,-50%)!important;
  overflow:visible!important;
  border-radius:0!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  isolation:auto!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}

body .aldetalks-root .at-compass-visual-premium .at-compass-center:before,
body .aldetalks-root .at-compass-visual-premium .at-compass-center:after,
body .aldetalks-root .at-compass-center:before,
body .aldetalks-root .at-compass-center:after,
body .aldetalks-root .at-compass-center.at-compass-center-free:before,
body .aldetalks-root .at-compass-center.at-compass-center-free:after,
body .aldetalks-root .at-compass-center.at-compass-center-aperture:before,
body .aldetalks-root .at-compass-center.at-compass-center-aperture:after{
  content:none!important;
  display:none!important;
}

body .aldetalks-root .at-compass-visual-premium .at-compass-center img,
body .aldetalks-root .at-compass-center img,
body .aldetalks-root .at-compass-center.at-compass-center-free img,
body .aldetalks-root .at-compass-center.at-compass-center-aperture img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  border-radius:0!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}

/* No ring/canvas background behind the image. */
body .aldetalks-root .at-compass-rings,
body .aldetalks-root .at-compass-visual-premium .at-compass-rings,
body .aldetalks-root .at-compass-visual .at-compass-rings{
  display:none!important;
}

/* Give the full compass asset room; seals stay outside the hands and metalwork. */
body .aldetalks-root .at-compass-visual,
body .aldetalks-root .at-compass-visual-premium{
  min-height:clamp(620px,66vw,860px)!important;
  background:transparent!important;
  background-image:none!important;
  overflow:visible!important;
}

body .aldetalks-root .at-compass-visual-premium .at-need-orb{
  width:clamp(98px,8.2vw,124px)!important;
}
body .aldetalks-root .at-compass-visual-premium .at-need-orb-1{left:52%!important;top:8.4%!important;}
body .aldetalks-root .at-compass-visual-premium .at-need-orb-2{left:20.5%!important;top:25.2%!important;}
body .aldetalks-root .at-compass-visual-premium .at-need-orb-3{left:83.5%!important;top:25.4%!important;}
body .aldetalks-root .at-compass-visual-premium .at-need-orb-4{left:10.8%!important;top:55.4%!important;}
body .aldetalks-root .at-compass-visual-premium .at-need-orb-5{left:93.2%!important;top:55.4%!important;}
body .aldetalks-root .at-compass-visual-premium .at-need-orb-6{left:31.2%!important;top:91.8%!important;}
body .aldetalks-root .at-compass-visual-premium .at-need-orb-7{left:74.2%!important;top:92.0%!important;}

/* Keep the seamless paper background from V10.5.4. */
html body,
body .aldetalks-root,
body .aldetalks-root > section,
body .aldetalks-root .at-page,
body .aldetalks-root .at-compass-page,
body .aldetalks-root .at-hero,
body .aldetalks-root header.at-header,
body .aldetalks-root header.at-header-refined,
body .aldetalks-root .at-header-shell{
  background-color:#f6efe2!important;
  border:none!important;
  box-shadow:none!important;
}

@media(max-width:1150px){
  body .aldetalks-root .at-compass-visual-premium .at-compass-center,
  body .aldetalks-root .at-compass-center,
  body .aldetalks-root .at-compass-center.at-compass-center-free{
    width:min(76vw,560px)!important;
    max-width:70%!important;
  }
  body .aldetalks-root .at-compass-visual-premium .at-need-orb-4{left:14%!important;}
  body .aldetalks-root .at-compass-visual-premium .at-need-orb-5{left:89%!important;}
}
@media(max-width:760px){
  body .aldetalks-root .at-compass-visual-premium .at-compass-center,
  body .aldetalks-root .at-compass-center,
  body .aldetalks-root .at-compass-center.at-compass-center-free{
    width:min(88vw,500px)!important;
    max-width:78%!important;
  }
}


/* V10.5.6: preserve free PNG placement but remove generated checkerboard pixels client-side. */
body .aldetalks-root .at-compass-center,
body .aldetalks-root .at-compass-center.at-compass-center-free,
body .aldetalks-root .at-compass-visual-premium .at-compass-center{
  width:min(52vw,620px)!important;
  max-width:72%!important;
  top:53.5%!important;
  overflow:visible!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
body .aldetalks-root .at-compass-center img,
body .aldetalks-root .at-compass-center.at-compass-center-free img{
  object-fit:contain!important;
  background:transparent!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}
body .aldetalks-root .at-compass-center img[data-at-alpha-busy="1"]{
  opacity:.01!important;
}

/* Stronger no-card header reset. */
body .aldetalks-root header.at-header,
body .aldetalks-root header.at-header-refined,
body .aldetalks-root header.at-header:before,
body .aldetalks-root header.at-header:after,
body .aldetalks-root header.at-header-refined:before,
body .aldetalks-root header.at-header-refined:after,
body .aldetalks-root header.at-header-refined .at-header-shell,
body .aldetalks-root header.at-header-refined .at-header-shell:before,
body .aldetalks-root header.at-header-refined .at-header-shell:after{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
body .aldetalks-root .at-nav button,
body .aldetalks-root .at-nav button:before,
body .aldetalks-root .at-nav button:after{
  background-color:transparent!important;
  box-shadow:none!important;
}
body .aldetalks-root .at-nav button{
  border:0!important;
}

/* The full page paper texture remains continuous across header and main. */
body .aldetalks-root,
body .aldetalks-root > section,
body .aldetalks-root main,
body .aldetalks-root .at-page,
body .aldetalks-root .at-compass-page{
  background-color:#f6efe2!important;
  border-top:0!important;
  box-shadow:none!important;
}

/* No rings or geometric stage. */
body .aldetalks-root .at-compass-rings{
  display:none!important;
}

@media(max-width:1150px){
  body .aldetalks-root .at-compass-center,
  body .aldetalks-root .at-compass-center.at-compass-center-free,
  body .aldetalks-root .at-compass-visual-premium .at-compass-center{
    width:min(80vw,600px)!important;
    max-width:76%!important;
  }
}


/* V10.5.7: semantic link between need seals and compass image + real progress stepper */
.aldetalks-root .at-progress-wrap{
  margin:0 0 20px;
  padding:4px 2px 0;
}
.aldetalks-root .at-progress-track{
  position:relative;
  height:2px;
  margin:0 28px 14px;
  background:linear-gradient(90deg, rgba(8,37,76,.08), rgba(8,37,76,.08));
}
.aldetalks-root .at-progress-fill{
  position:absolute;
  left:0; top:0; bottom:0;
  background:linear-gradient(90deg, rgba(199,155,67,.45), rgba(199,155,67,.95));
  box-shadow:0 0 10px rgba(199,155,67,.18);
}
.aldetalks-root .at-progress-steps{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.aldetalks-root .at-progress-steps li{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:7px;
  color:rgba(8,37,76,.44);
}
.aldetalks-root .at-progress-dot{
  width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-weight:800;
  font-size:.95rem;
  border:1px solid rgba(8,37,76,.12);
  background:rgba(255,252,246,.78);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.72);
}
.aldetalks-root .at-progress-text{
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.aldetalks-root .at-progress-steps li.past{
  color:rgba(8,37,76,.55);
}
.aldetalks-root .at-progress-steps li.past .at-progress-dot{
  border-color:rgba(199,155,67,.50);
  background:linear-gradient(180deg, rgba(246,236,212,.96), rgba(239,226,197,.96));
  color:rgba(8,37,76,.82);
}
.aldetalks-root .at-progress-steps li.future{
  color:rgba(8,37,76,.34);
}
.aldetalks-root .at-progress-steps li.future .at-progress-dot{
  opacity:.62;
}
.aldetalks-root .at-progress-steps li.current{
  color:var(--at-navy-ink);
}
.aldetalks-root .at-progress-steps li.current .at-progress-dot{
  border-color:rgba(199,155,67,.88);
  background:linear-gradient(180deg, #fffaf1, #f7ead0);
  color:var(--at-navy-ink);
  box-shadow:0 10px 24px rgba(8,37,76,.08), inset 0 0 0 2px rgba(255,255,255,.88), 0 0 0 4px rgba(199,155,67,.12);
}

/* Guide screen wrapper after adding progress bar */
.aldetalks-root .at-guide-sheet{display:block;}

/* Delicate connector arms so the seals and the central compass form one sense-unit. */
.aldetalks-root .at-compass-visual-premium{isolation:isolate;}
.aldetalks-root .at-compass-link{
  position:absolute;
  left:50%;
  top:53.5%;
  height:2px;
  width:var(--link-length,180px);
  transform-origin:0 50%;
  transform:rotate(var(--link-angle,0deg));
  pointer-events:none;
  z-index:1;
  background:linear-gradient(90deg, rgba(8,37,76,.16) 0%, rgba(199,155,67,.42) 58%, rgba(199,155,67,.16) 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.18);
  opacity:.95;
}
.aldetalks-root .at-compass-link:before{
  content:"";
  position:absolute;
  left:-5px;
  top:50%;
  width:10px;
  height:10px;
  border-radius:50%;
  transform:translateY(-50%);
  background:radial-gradient(circle at center, rgba(199,155,67,.85) 0 18%, rgba(246,239,223,.95) 19% 62%, rgba(8,37,76,.18) 63% 100%);
}
.aldetalks-root .at-compass-link:after{
  content:"";
  position:absolute;
  right:-7px;
  top:50%;
  width:13px;
  height:13px;
  border-radius:50%;
  transform:translateY(-50%);
  background:radial-gradient(circle at center, rgba(255,252,246,.98) 0 42%, rgba(239,224,190,.95) 43% 76%, rgba(199,155,67,.55) 77% 100%);
  box-shadow:0 0 0 1px rgba(8,37,76,.10);
}
.aldetalks-root .at-compass-link-1{--link-length:198px; --link-angle:-92deg;}
.aldetalks-root .at-compass-link-2{--link-length:194px; --link-angle:-137deg;}
.aldetalks-root .at-compass-link-3{--link-length:198px; --link-angle:-42deg;}
.aldetalks-root .at-compass-link-4{--link-length:226px; --link-angle:171deg;}
.aldetalks-root .at-compass-link-5{--link-length:226px; --link-angle:9deg;}
.aldetalks-root .at-compass-link-6{--link-length:208px; --link-angle:116deg;}
.aldetalks-root .at-compass-link-7{--link-length:208px; --link-angle:63deg;}
.aldetalks-root .at-compass-center,
.aldetalks-root .at-compass-center.at-compass-center-free{z-index:2;}
.aldetalks-root .at-need-orb{z-index:3;}
.aldetalks-root .at-need-seal{
  box-shadow:0 14px 28px rgba(8,37,76,.05), inset 0 0 0 3px rgba(255,251,243,.95), inset 0 0 0 5px rgba(199,155,67,.24), 0 0 0 6px rgba(246,239,223,.64);
}

@media(max-width:900px){
  .aldetalks-root .at-progress-track{margin:0 18px 12px;}
  .aldetalks-root .at-progress-text{font-size:.72rem; letter-spacing:.04em;}
  .aldetalks-root .at-progress-dot{width:30px; height:30px; font-size:.85rem;}
}
@media(max-width:760px){
  .aldetalks-root .at-progress-steps{gap:4px;}
  .aldetalks-root .at-progress-text{font-size:.66rem;}
  .aldetalks-root .at-compass-link{display:none;}
}
@media print{
  .aldetalks-root .at-progress-wrap{display:none !important;}
  .aldetalks-root .at-compass-link{display:none !important;}
}


/* V10.5.8: final master compass asset integration.
   The compass is now one curated premium image. Selection is handled through invisible editable hit zones. */

body .aldetalks-root .at-compass-visual-master{
  position:relative!important;
  min-height:clamp(680px,72vw,980px)!important;
  overflow:visible!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  isolation:isolate!important;
}

body .aldetalks-root .at-compass-master-image{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:min(69vw,920px)!important;
  max-width:none!important;
  height:auto!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  z-index:1!important;
  pointer-events:none!important;
}

/* Disable earlier generated rings/connectors/orbs when V10.5.8 master asset is active. */
body .aldetalks-root .at-compass-visual-master .at-compass-rings,
body .aldetalks-root .at-compass-visual-master .at-compass-link,
body .aldetalks-root .at-compass-visual-master .at-need-orb{
  display:none!important;
}

/* Seven invisible selection zones aligned to the baked medallions in the master image.
   These keep the experience functional while preserving the image exactly. */
body .aldetalks-root .at-need-hotspot{
  position:absolute!important;
  z-index:4!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  width:clamp(118px,10.2vw,150px)!important;
  height:clamp(118px,10.2vw,150px)!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
  background:transparent!important;
  cursor:pointer!important;
  outline:none!important;
}
body .aldetalks-root .at-need-hotspot:before{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  border:2px solid transparent;
  background:transparent;
  transition:box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
body .aldetalks-root .at-need-hotspot:hover:before,
body .aldetalks-root .at-need-hotspot:focus-visible:before{
  border-color:rgba(199,155,67,.45);
  box-shadow:0 0 0 6px rgba(199,155,67,.10), inset 0 0 24px rgba(255,248,232,.26);
}
body .aldetalks-root .at-need-hotspot.selected:before{
  border-color:rgba(185,137,49,.86);
  box-shadow:0 0 0 7px rgba(185,137,49,.14), inset 0 0 24px rgba(255,248,232,.38);
}
body .aldetalks-root .at-hotspot-order{
  position:absolute;
  right:4%;
  top:6%;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(180deg,#c79b43,#a97822);
  color:#fff;
  font-weight:900;
  box-shadow:0 7px 18px rgba(8,37,76,.15);
  font-size:.95rem;
}

/* Positions follow the final baked compass asset:
   1 Sicherheit, 2 Orientierung, 3 Verständnis, 4 Relevanz, 5 Wertschätzung, 6 Spielraum, 7 Nutzen.
   If the order of WP Bedürfnisse changes, the hit zones follow the displayed order. */
body .aldetalks-root .at-need-hotspot-1{left:13.7%!important; top:45.8%!important;}
body .aldetalks-root .at-need-hotspot-2{left:23.8%!important; top:18.5%!important;}
body .aldetalks-root .at-need-hotspot-3{left:78.0%!important; top:19.0%!important;}
body .aldetalks-root .at-need-hotspot-4{left:90.8%!important; top:46.5%!important;}
body .aldetalks-root .at-need-hotspot-5{left:25.5%!important; top:75.3%!important;}
body .aldetalks-root .at-need-hotspot-6{left:50.0%!important; top:88.7%!important;}
body .aldetalks-root .at-need-hotspot-7{left:76.5%!important; top:75.5%!important;}

/* The master asset already contains labels and symbols. Keep surrounding UI quiet. */
body .aldetalks-root .at-compass-strip{
  max-width:560px;
}

/* Progress bar remains functional but quieter, so the master compass stays the hero. */
body .aldetalks-root .at-progress-wrap{
  margin-bottom:22px!important;
}
body .aldetalks-root .at-progress-steps li.current .at-progress-dot{
  box-shadow:0 8px 20px rgba(8,37,76,.07), inset 0 0 0 2px rgba(255,255,255,.88), 0 0 0 4px rgba(199,155,67,.12)!important;
}

@media(max-width:1150px){
  body .aldetalks-root .at-compass-visual-master{
    min-height:clamp(700px,86vw,980px)!important;
  }
  body .aldetalks-root .at-compass-master-image{
    width:min(92vw,900px)!important;
  }
  body .aldetalks-root .at-need-hotspot{
    width:clamp(104px,12.5vw,142px)!important;
    height:clamp(104px,12.5vw,142px)!important;
  }
}
@media(max-width:760px){
  body .aldetalks-root .at-compass-visual-master{
    min-height:760px!important;
  }
  body .aldetalks-root .at-compass-master-image{
    width:980px!important;
  }
  body .aldetalks-root .at-need-hotspot{
    width:112px!important;
    height:112px!important;
  }
}
@media print{
  body .aldetalks-root .at-need-hotspot{display:none!important;}
}


/* V10.5.9: cleaned true-transparent master asset. */
body .aldetalks-root .at-compass-master-image{
  background:transparent!important;
  background-image:none!important;
}
body .aldetalks-root .at-compass-visual-master{
  background:transparent!important;
  background-image:none!important;
}


/* V10.6.0 repair: clean master asset and proportional, non-cropped page integration. */
html body{
  overflow-x:hidden!important;
}
body .aldetalks-root .at-compass-layout{
  grid-template-columns:minmax(320px,.72fr) minmax(520px,1fr)!important;
  gap:clamp(22px,4vw,56px)!important;
  align-items:center!important;
}
body .aldetalks-root .at-compass-visual-master{
  position:relative!important;
  width:min(58vw,780px)!important;
  max-width:100%!important;
  aspect-ratio:1 / 1!important;
  min-height:0!important;
  height:auto!important;
  justify-self:center!important;
  align-self:center!important;
  margin:0 auto!important;
  overflow:visible!important;
  background:transparent!important;
  background-image:none!important;
}
body .aldetalks-root .at-compass-master-image{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}

/* Hotspots aligned to the cleaned master image inside its square container. */
body .aldetalks-root .at-need-hotspot{
  width:12.8%!important;
  height:12.8%!important;
}
body .aldetalks-root .at-need-hotspot-1{left:13.9%!important; top:45.5%!important;}  /* Sicherheit */
body .aldetalks-root .at-need-hotspot-2{left:24.1%!important; top:18.6%!important;}  /* Orientierung */
body .aldetalks-root .at-need-hotspot-3{left:78.1%!important; top:18.8%!important;}  /* Verständnis */
body .aldetalks-root .at-need-hotspot-4{left:90.7%!important; top:46.0%!important;}  /* Relevanz */
body .aldetalks-root .at-need-hotspot-5{left:25.6%!important; top:75.2%!important;}  /* Wertschätzung */
body .aldetalks-root .at-need-hotspot-6{left:50.0%!important; top:88.0%!important;}  /* Spielraum */
body .aldetalks-root .at-need-hotspot-7{left:76.6%!important; top:75.4%!important;}  /* Nutzen */

body .aldetalks-root .at-hotspot-order{
  width:28px!important;
  height:28px!important;
  right:6%!important;
  top:7%!important;
}

/* Keep the left text column from swallowing the compass on medium screens. */
body .aldetalks-root .at-compass-copy{
  max-width:560px!important;
}

@media(max-width:1180px){
  body .aldetalks-root .at-compass-layout{
    grid-template-columns:1fr!important;
  }
  body .aldetalks-root .at-compass-visual-master{
    width:min(92vw,800px)!important;
  }
}
@media(max-width:760px){
  body .aldetalks-root .at-compass-visual-master{
    width:920px!important;
    max-width:none!important;
    margin-left:50%!important;
    transform:translateX(-50%)!important;
  }
  body .aldetalks-root .at-compass-page{
    overflow:hidden!important;
  }
}


/* V10.6.1 final repair:
   1) ultra-clean transparent master image
   2) hotspots and visible glow overlays locked to the baked medallions
   3) no oversized image / no horizontal overflow */

html body{overflow-x:hidden!important;}

body .aldetalks-root .at-compass-layout{
  grid-template-columns:minmax(320px,.72fr) minmax(560px,1fr)!important;
  gap:clamp(24px,4vw,58px)!important;
  align-items:center!important;
}

body .aldetalks-root .at-compass-visual-master{
  position:relative!important;
  width:min(56vw,760px)!important;
  max-width:100%!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto!important;
  justify-self:center!important;
  overflow:visible!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

body .aldetalks-root .at-compass-master-image{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}

/* Hotspots now exactly follow the baked rings in the square master image. */
body .aldetalks-root .at-need-hotspot{
  position:absolute!important;
  z-index:5!important;
  width:14.8%!important;
  height:14.8%!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

body .aldetalks-root .at-need-hotspot-1{left:13.1%!important; top:45.8%!important;} /* Sicherheit */
body .aldetalks-root .at-need-hotspot-2{left:23.9%!important; top:18.4%!important;} /* Orientierung */
body .aldetalks-root .at-need-hotspot-3{left:78.2%!important; top:18.7%!important;} /* Verständnis */
body .aldetalks-root .at-need-hotspot-4{left:91.1%!important; top:46.0%!important;} /* Relevanz */
body .aldetalks-root .at-need-hotspot-5{left:25.2%!important; top:75.0%!important;} /* Wertschätzung */
body .aldetalks-root .at-need-hotspot-6{left:50.1%!important; top:88.4%!important;} /* Spielraum */
body .aldetalks-root .at-need-hotspot-7{left:76.4%!important; top:75.2%!important;} /* Nutzen */

/* The glow is now a visible overlay on the actual ring, not a misplaced button marker. */
body .aldetalks-root .at-need-hotspot:before{
  content:"";
  position:absolute;
  inset:3%;
  border-radius:50%;
  border:2px solid transparent;
  background:radial-gradient(circle at center, rgba(255,249,234,0) 0 52%, rgba(255,249,234,.18) 68%, rgba(199,155,67,.05) 100%);
  box-shadow:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, opacity .18s ease;
}
body .aldetalks-root .at-need-hotspot:hover:before,
body .aldetalks-root .at-need-hotspot:focus-visible:before{
  border-color:rgba(199,155,67,.58);
  box-shadow:0 0 0 5px rgba(199,155,67,.10), 0 0 28px rgba(199,155,67,.24), inset 0 0 20px rgba(255,250,236,.28);
}
body .aldetalks-root .at-need-hotspot.selected:before{
  border-color:rgba(185,137,49,.98);
  box-shadow:0 0 0 6px rgba(185,137,49,.17), 0 0 34px rgba(199,155,67,.32), inset 0 0 24px rgba(255,250,236,.42);
  background:radial-gradient(circle at center, rgba(255,249,234,0) 0 48%, rgba(255,249,234,.25) 66%, rgba(199,155,67,.12) 100%);
}

/* Order badge sits inside the chosen medallion without drifting toward the compass center. */
body .aldetalks-root .at-hotspot-order{
  position:absolute!important;
  right:6%!important;
  top:5%!important;
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,#c79b43,#a97822)!important;
  color:#fff!important;
  font-weight:900!important;
  font-size:.92rem!important;
  box-shadow:0 8px 18px rgba(8,37,76,.16)!important;
  z-index:6!important;
}

body .aldetalks-root .at-compass-copy{max-width:560px!important;}

@media(max-width:1180px){
  body .aldetalks-root .at-compass-layout{grid-template-columns:1fr!important;}
  body .aldetalks-root .at-compass-visual-master{width:min(92vw,780px)!important;}
}
@media(max-width:760px){
  body .aldetalks-root .at-compass-page{overflow:hidden!important;}
  body .aldetalks-root .at-compass-visual-master{
    width:860px!important;
    max-width:none!important;
    margin-left:50%!important;
    transform:translateX(-50%)!important;
  }
}


/* V10.6.4: professionelle Mischlösung.
   Festes editierbares Zentrum + sieben separat editierbare Bedürfnis-Medaillons.
   Die Medaillons sind echte Schaltflächen, keine groben Overlays. */

body .aldetalks-root .at-compass-visual-hybrid{
  --at-hybrid-core: min(37vw, 438px);
  --at-hybrid-need: clamp(112px, 10.2vw, 148px);
  position:relative!important;
  width:min(61vw, 820px)!important;
  max-width:100%!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
  height:auto!important;
  margin:0 auto!important;
  justify-self:center!important;
  align-self:center!important;
  overflow:visible!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  isolation:isolate!important;
}

body .aldetalks-root .at-hybrid-core{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:var(--at-hybrid-core)!important;
  aspect-ratio:1/1!important;
  transform:translate(-50%,-50%)!important;
  z-index:3!important;
  display:grid!important;
  place-items:center!important;
  pointer-events:none!important;
  filter:drop-shadow(0 18px 24px rgba(8,37,76,.055))!important;
}
body .aldetalks-root .at-hybrid-core:before{
  content:""!important;
  position:absolute!important;
  inset:6.5%!important;
  border-radius:50%!important;
  border:1px solid rgba(199,155,67,.30)!important;
  box-shadow:inset 0 0 0 2px rgba(255,251,242,.56), inset 0 0 0 8px rgba(199,155,67,.07), 0 0 28px rgba(199,155,67,.08)!important;
  pointer-events:none!important;
}
body .aldetalks-root .at-hybrid-core img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body .aldetalks-root .at-hybrid-orbit{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
}
body .aldetalks-root .at-hybrid-orbit:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:77%!important;
  aspect-ratio:1/1!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  border:1px solid rgba(199,155,67,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(8,37,76,.035), 0 0 0 8px rgba(255,250,240,.08)!important;
  opacity:.72!important;
}
body .aldetalks-root .at-hybrid-orbit:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:64%!important;
  aspect-ratio:1/1!important;
  transform:translate(-50%,-50%) rotate(-7deg)!important;
  border-radius:50%!important;
  border:1px dashed rgba(199,155,67,.18)!important;
  opacity:.48!important;
}
body .aldetalks-root .at-hybrid-connector{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:31%!important;
  height:1px!important;
  transform-origin:0 50%!important;
  background:linear-gradient(90deg, rgba(8,37,76,.10), rgba(199,155,67,.26), rgba(199,155,67,0))!important;
  opacity:.38!important;
}
body .aldetalks-root .at-hybrid-connector:after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  transform:translateY(-50%)!important;
  background:rgba(199,155,67,.38)!important;
  box-shadow:0 0 12px rgba(199,155,67,.18)!important;
}
body .aldetalks-root .at-hybrid-connector-1{transform:rotate(-90deg)!important;}
body .aldetalks-root .at-hybrid-connector-2{transform:rotate(-132deg)!important;}
body .aldetalks-root .at-hybrid-connector-3{transform:rotate(-48deg)!important;}
body .aldetalks-root .at-hybrid-connector-4{transform:rotate(180deg)!important;}
body .aldetalks-root .at-hybrid-connector-5{transform:rotate(0deg)!important;}
body .aldetalks-root .at-hybrid-connector-6{transform:rotate(133deg)!important;}
body .aldetalks-root .at-hybrid-connector-7{transform:rotate(47deg)!important;}

body .aldetalks-root .at-hybrid-needs{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
}

body .aldetalks-root .at-need-medallion{
  position:absolute!important;
  width:var(--at-hybrid-need)!important;
  aspect-ratio:1/1!important;
  transform:translate(-50%,-50%)!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  background:transparent!important;
  cursor:pointer!important;
  color:#08254c!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
body .aldetalks-root .at-need-medallion-1{left:50%!important; top:10.5%!important;}
body .aldetalks-root .at-need-medallion-2{left:25.5%!important; top:23.5%!important;}
body .aldetalks-root .at-need-medallion-3{left:74.5%!important; top:23.5%!important;}
body .aldetalks-root .at-need-medallion-4{left:16.5%!important; top:52.2%!important;}
body .aldetalks-root .at-need-medallion-5{left:83.5%!important; top:52.2%!important;}
body .aldetalks-root .at-need-medallion-6{left:31.5%!important; top:80.0%!important;}
body .aldetalks-root .at-need-medallion-7{left:68.5%!important; top:80.0%!important;}

body .aldetalks-root .at-need-medallion-inner{
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  display:grid!important;
  grid-template-rows: 1fr auto!important;
  place-items:center!important;
  padding:17% 13% 13%!important;
  background:radial-gradient(circle at 50% 43%, rgba(255,253,247,.98) 0 45%, rgba(249,239,219,.93) 72%, rgba(233,207,160,.82) 100%)!important;
  border:1px solid rgba(169,119,31,.58)!important;
  box-shadow:0 12px 24px rgba(8,37,76,.045), inset 0 0 0 2px rgba(255,253,247,.96), inset 0 0 0 5px rgba(199,155,67,.16)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease!important;
}
body .aldetalks-root .at-need-medallion-inner:before{
  content:""!important;
  position:absolute!important;
  inset:6px!important;
  border-radius:50%!important;
  border:1px solid rgba(8,37,76,.16)!important;
  pointer-events:none!important;
}
body .aldetalks-root .at-need-medallion-inner:after{
  content:""!important;
  position:absolute!important;
  inset:12px!important;
  border-radius:50%!important;
  border:1px solid rgba(199,155,67,.38)!important;
  pointer-events:none!important;
}
body .aldetalks-root .at-need-medallion-icon{
  width:49%!important;
  aspect-ratio:1/1!important;
  display:grid!important;
  place-items:center!important;
  align-self:end!important;
  margin-bottom:4px!important;
}
body .aldetalks-root .at-need-medallion-icon img{
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  filter:grayscale(1) contrast(1.05) sepia(.10)!important;
}
body .aldetalks-root .at-need-medallion-label{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  max-width:100%!important;
  text-align:center!important;
  color:#08254c!important;
  font-family:var(--at-serif, Georgia, serif)!important;
  font-size:clamp(.78rem,.83vw,.95rem)!important;
  line-height:1.05!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  white-space:normal!important;
}
body .aldetalks-root .at-need-medallion:hover .at-need-medallion-inner,
body .aldetalks-root .at-need-medallion:focus-visible .at-need-medallion-inner{
  transform:translateY(-2px)!important;
  border-color:rgba(169,119,31,.82)!important;
  box-shadow:0 16px 32px rgba(8,37,76,.055), inset 0 0 0 2px rgba(255,253,247,.96), inset 0 0 0 6px rgba(199,155,67,.24), 0 0 0 4px rgba(199,155,67,.08)!important;
}
body .aldetalks-root .at-need-medallion.selected .at-need-medallion-inner{
  border-color:rgba(169,119,31,.94)!important;
  box-shadow:0 18px 36px rgba(8,37,76,.07), inset 0 0 0 2px rgba(255,253,247,.98), inset 0 0 0 7px rgba(199,155,67,.34), 0 0 0 5px rgba(199,155,67,.13), 0 0 26px rgba(199,155,67,.16)!important;
}
body .aldetalks-root .at-need-medallion-order{
  position:absolute!important;
  right:4%!important;
  top:3%!important;
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  z-index:8!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 36% 28%, rgba(255,236,184,.38), transparent 34%), linear-gradient(180deg,#c79b43,#a97822)!important;
  color:#fff!important;
  font-weight:900!important;
  font-size:.86rem!important;
  line-height:1!important;
  border:1px solid rgba(255,248,232,.72)!important;
  box-shadow:0 7px 16px rgba(8,37,76,.15), inset 0 0 0 1px rgba(116,73,18,.20)!important;
  pointer-events:none!important;
}

/* Progress bar: Kompass – Struktur – Verstärker – Sprechen */
body .aldetalks-root .at-progress-wrap{display:block!important;margin:4px 0 24px!important;padding:2px 0 0!important;}
body .aldetalks-root .at-progress-track{position:relative!important;height:3px!important;margin:0 52px 16px!important;border-radius:999px!important;background:linear-gradient(90deg, rgba(8,37,76,.08), rgba(8,37,76,.12))!important;overflow:hidden!important;}
body .aldetalks-root .at-progress-fill{background:linear-gradient(90deg, rgba(199,155,67,.52), rgba(199,155,67,.96))!important;box-shadow:0 0 14px rgba(199,155,67,.20)!important;}
body .aldetalks-root .at-progress-steps{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;}
body .aldetalks-root .at-progress-steps li{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:9px!important;}
body .aldetalks-root .at-progress-dot{width:44px!important;height:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;border:1px solid rgba(8,37,76,.10)!important;background:linear-gradient(180deg, rgba(255,252,246,.98), rgba(248,240,226,.96))!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.92), 0 8px 20px rgba(8,37,76,.05)!important;color:rgba(8,37,76,.56)!important;}
body .aldetalks-root .at-progress-dot svg{width:19px!important;height:19px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
body .aldetalks-root .at-progress-text{font-size:.79rem!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
body .aldetalks-root .at-progress-steps li.future{opacity:.34!important;color:rgba(8,37,76,.48)!important;}
body .aldetalks-root .at-progress-steps li.past{opacity:.68!important;color:rgba(8,37,76,.70)!important;}
body .aldetalks-root .at-progress-steps li.current{opacity:1!important;color:var(--at-navy-ink)!important;transform:translateY(-1px)!important;}
body .aldetalks-root .at-progress-steps li.current .at-progress-dot{color:var(--at-navy-ink)!important;border-color:rgba(199,155,67,.92)!important;background:linear-gradient(180deg, #fffaf1, #f4e5c4)!important;box-shadow:0 12px 28px rgba(8,37,76,.08), inset 0 0 0 2px rgba(255,255,255,.92), 0 0 0 5px rgba(199,155,67,.13)!important;}

@media(max-width:1180px){
  body .aldetalks-root .at-compass-layout{grid-template-columns:1fr!important;}
  body .aldetalks-root .at-compass-visual-hybrid{width:min(94vw, 800px)!important;--at-hybrid-core:min(56vw, 410px);--at-hybrid-need:clamp(104px, 15vw, 138px);}
}
@media(max-width:760px){
  body .aldetalks-root .at-compass-page{overflow:hidden!important;}
  body .aldetalks-root .at-compass-visual-hybrid{width:820px!important;max-width:none!important;margin-left:50%!important;transform:translateX(-50%)!important;--at-hybrid-core:360px;--at-hybrid-need:118px;}
  body .aldetalks-root .at-need-medallion-label{font-size:.74rem!important;}
  body .aldetalks-root .at-progress-track{margin:0 18px 12px!important;}
  body .aldetalks-root .at-progress-dot{width:38px!important;height:38px!important;}
  body .aldetalks-root .at-progress-dot svg{width:17px!important;height:17px!important;}
  body .aldetalks-root .at-progress-text{font-size:.66rem!important;letter-spacing:.05em!important;}
}
@media print{
  body .aldetalks-root .at-compass-visual-hybrid{display:none!important;}
}


/* ============================================================
   AldeTalks Next Level Suite V11
   Final hard polish: calm luxury, no cheap overlays, robust UX.
   ============================================================ */

body .aldetalks-root{
  --at-nl-navy:#08254c;
  --at-nl-ink:#0c2345;
  --at-nl-gold:#c79b43;
  --at-nl-ochre:#a97822;
  --at-nl-paper:#f6efe2;
  --at-nl-paper-bright:#fffaf1;
  --at-serif: Georgia, "Times New Roman", serif;
}

/* Make the whole app feel like one calm paper field. */
body .aldetalks-root,
body .aldetalks-root > section,
body .aldetalks-root main{
  background-color:var(--at-nl-paper)!important;
}

/* Header: invisible architecture, not a decorative block. */
body .aldetalks-root header.at-header,
body .aldetalks-root header.at-header-refined,
body .aldetalks-root .at-header-shell{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
body .aldetalks-root .at-nav button{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:8px 0!important;
}
body .aldetalks-root .at-nav button:hover,
body .aldetalks-root .at-nav button:focus-visible{
  background:transparent!important;
  box-shadow:none!important;
}

/* Hybrid compass: stable, centered, edit-safe. */
body .aldetalks-root .at-compass-visual-hybrid{
  --at-hybrid-core: min(37vw, 440px);
  --at-hybrid-need: clamp(112px, 10.2vw, 148px);
  width:min(61vw, 820px)!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
}

/* Slot positions with optional admin micro-offsets. */
body .aldetalks-root .at-need-medallion{
  left:calc(var(--at-slot-x,50%) + var(--at-offset-x,0%))!important;
  top:calc(var(--at-slot-y,50%) + var(--at-offset-y,0%))!important;
  width:var(--at-hybrid-need)!important;
  aspect-ratio:1/1!important;
}
body .aldetalks-root .at-need-medallion-1{--at-slot-x:50%;--at-slot-y:10.5%;}
body .aldetalks-root .at-need-medallion-2{--at-slot-x:25.5%;--at-slot-y:23.5%;}
body .aldetalks-root .at-need-medallion-3{--at-slot-x:74.5%;--at-slot-y:23.5%;}
body .aldetalks-root .at-need-medallion-4{--at-slot-x:16.5%;--at-slot-y:52.2%;}
body .aldetalks-root .at-need-medallion-5{--at-slot-x:83.5%;--at-slot-y:52.2%;}
body .aldetalks-root .at-need-medallion-6{--at-slot-x:31.5%;--at-slot-y:80.0%;}
body .aldetalks-root .at-need-medallion-7{--at-slot-x:68.5%;--at-slot-y:80.0%;}

/* Medallions: artwork and button are the same object. */
body .aldetalks-root .at-need-medallion-inner{
  background:
    radial-gradient(circle at 50% 43%, rgba(255,253,247,.98) 0 45%, rgba(249,239,219,.93) 72%, rgba(233,207,160,.82) 100%)!important;
  border:1px solid rgba(169,119,31,.58)!important;
  box-shadow:
    0 12px 24px rgba(8,37,76,.045),
    inset 0 0 0 2px rgba(255,253,247,.96),
    inset 0 0 0 5px rgba(199,155,67,.16)!important;
}
body .aldetalks-root .at-need-medallion:hover .at-need-medallion-inner,
body .aldetalks-root .at-need-medallion:focus-visible .at-need-medallion-inner{
  transform:translateY(-2px)!important;
  border-color:rgba(169,119,31,.82)!important;
  box-shadow:
    0 16px 32px rgba(8,37,76,.055),
    inset 0 0 0 2px rgba(255,253,247,.96),
    inset 0 0 0 6px rgba(199,155,67,.24),
    0 0 0 4px rgba(199,155,67,.08)!important;
}
body .aldetalks-root .at-need-medallion.selected .at-need-medallion-inner{
  border-color:rgba(169,119,31,.94)!important;
  box-shadow:
    0 18px 36px rgba(8,37,76,.07),
    inset 0 0 0 2px rgba(255,253,247,.98),
    inset 0 0 0 7px rgba(199,155,67,.34),
    0 0 0 5px rgba(199,155,67,.13),
    0 0 26px rgba(199,155,67,.16)!important;
}

/* Progress: Kompass – Struktur – Verstärker – Sprechen. */
body .aldetalks-root .at-progress-dot svg{
  width:19px!important;
  height:19px!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body .aldetalks-root .at-progress-steps li.future{
  opacity:.34!important;
}
body .aldetalks-root .at-progress-steps li.past{
  opacity:.68!important;
}
body .aldetalks-root .at-progress-steps li.current{
  opacity:1!important;
}

/* Cards and action zones: calmer, more editorial. */
body .aldetalks-root .at-card,
body .aldetalks-root .at-selected,
body .aldetalks-root .at-step,
body .aldetalks-root .at-tool{
  border-color:rgba(8,37,76,.10)!important;
  box-shadow:0 14px 34px rgba(8,37,76,.055)!important;
}
body .aldetalks-root .at-button{
  box-shadow:0 12px 24px rgba(8,37,76,.10)!important;
}

/* Admin-safe responsive behaviour. */
@media(max-width:1180px){
  body .aldetalks-root .at-compass-visual-hybrid{
    width:min(94vw, 800px)!important;
    --at-hybrid-core:min(56vw, 410px);
    --at-hybrid-need:clamp(104px, 15vw, 138px);
  }
}
@media(max-width:760px){
  body .aldetalks-root .at-compass-page{
    overflow:hidden!important;
  }
  body .aldetalks-root .at-compass-visual-hybrid{
    width:820px!important;
    max-width:none!important;
    margin-left:50%!important;
    transform:translateX(-50%)!important;
    --at-hybrid-core:360px;
    --at-hybrid-need:118px;
  }
}


/* ============================================================
   AldeTalks Flagship Suite V12: Rhetorical Canvas Engine
   ============================================================ */

body .aldetalks-root .at-structure-grid{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
}
body .aldetalks-root .at-structure-card{
  overflow:hidden!important;
}
body .aldetalks-root .at-card-canvas-preview{
  min-height:150px!important;
  padding:18px!important;
  background:
    radial-gradient(circle at 50% 32%, rgba(199,155,67,.13), transparent 34%),
    linear-gradient(180deg, rgba(255,250,240,.92), rgba(245,235,215,.90))!important;
  border-bottom:1px solid rgba(8,37,76,.08)!important;
}
body .aldetalks-root .at-card-steps{
  list-style:none!important;
  margin:14px 0 0!important;
  padding:0!important;
  display:grid!important;
  gap:6px!important;
}
body .aldetalks-root .at-card-steps li{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  font-size:.9rem!important;
  color:rgba(8,37,76,.78)!important;
}
body .aldetalks-root .at-card-steps span{
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff8ec!important;
  border:1px solid rgba(199,155,67,.34)!important;
  font-size:.75rem!important;
  font-weight:800!important;
}

/* Scene miniatures used in cards and guide. */
body .aldetalks-root .at-rce-scene{
  position:relative!important;
  min-height:116px!important;
  border:1px solid rgba(199,155,67,.18)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 18% 52%, rgba(8,37,76,.07), transparent 28%),
    radial-gradient(circle at 82% 46%, rgba(199,155,67,.14), transparent 30%),
    linear-gradient(180deg, rgba(255,252,246,.82), rgba(247,237,219,.72))!important;
  overflow:hidden!important;
}
body .aldetalks-root .at-rce-scene:before{
  content:""!important;
  position:absolute!important;
  left:12%!important; right:12%!important; top:50%!important;
  height:1px!important;
  background:linear-gradient(90deg, transparent, rgba(8,37,76,.22), rgba(199,155,67,.36), transparent)!important;
}
body .aldetalks-root .at-rce-scene-point{
  position:absolute!important;
  z-index:2!important;
  transform:translate(-50%,-50%)!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:rgba(255,250,240,.90)!important;
  border:1px solid rgba(199,155,67,.28)!important;
  color:#08254c!important;
  font-weight:800!important;
  font-size:.76rem!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
body .aldetalks-root .at-rce-scene-point-1{left:17%!important; top:54%!important;}
body .aldetalks-root .at-rce-scene-point-2{left:36%!important; top:40%!important;}
body .aldetalks-root .at-rce-scene-point-3{left:55%!important; top:54%!important;}
body .aldetalks-root .at-rce-scene-point-4{left:74%!important; top:40%!important;}
body .aldetalks-root .at-rce-scene-point-5{left:88%!important; top:54%!important;}

body .aldetalks-root .at-rce-scene-bridge{
  background:
    radial-gradient(circle at 18% 48%, rgba(8,37,76,.16), transparent 24%),
    radial-gradient(circle at 84% 44%, rgba(199,155,67,.18), transparent 28%),
    linear-gradient(180deg, rgba(255,252,246,.82), rgba(247,237,219,.72))!important;
}
body .aldetalks-root .at-rce-scene-bridge:after{
  content:""!important;
  position:absolute!important;
  left:30%!important; right:30%!important; bottom:24%!important;
  height:36px!important;
  border-top:2px solid rgba(8,37,76,.20)!important;
  border-radius:50% 50% 0 0!important;
}
body .aldetalks-root .at-rce-scene-horizon:before{
  top:62%!important;
}
body .aldetalks-root .at-rce-scene-horizon:after{
  content:""!important;
  position:absolute!important;
  left:62%!important; top:20%!important;
  width:62px!important; height:62px!important;
  border-radius:50%!important;
  background:radial-gradient(circle, rgba(199,155,67,.26), transparent 68%)!important;
}
body .aldetalks-root .at-rce-scene-arc:before{
  left:18%!important; right:18%!important; top:58%!important;
  height:64px!important;
  border-top:2px solid rgba(199,155,67,.28)!important;
  background:none!important;
  border-radius:50% 50% 0 0!important;
}
body .aldetalks-root .at-rce-scene-relief{
  background:
    radial-gradient(circle at 18% 52%, rgba(8,37,76,.16), transparent 24%),
    radial-gradient(circle at 82% 48%, rgba(199,155,67,.18), transparent 28%),
    linear-gradient(180deg, rgba(255,252,246,.82), rgba(247,237,219,.72))!important;
}

/* Main guide canvas */
body .aldetalks-root .at-rce-guide{
  background:var(--at-nl-paper,#f6efe2)!important;
}
body .aldetalks-root .at-rce-sheet{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:30px 36px 26px!important;
  border:1px solid rgba(8,37,76,.14)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 16% 24%, rgba(8,37,76,.045), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(199,155,67,.10), transparent 28%),
    linear-gradient(180deg, rgba(255,252,246,.96), rgba(248,239,224,.97))!important;
  box-shadow:0 22px 60px rgba(8,37,76,.08)!important;
  position:relative!important;
}
body .aldetalks-root .at-rce-sheet:before{
  content:""!important;
  position:absolute!important;
  inset:12px!important;
  border:1px solid rgba(199,155,67,.18)!important;
  border-radius:22px!important;
  pointer-events:none!important;
}
body .aldetalks-root .at-rce-header{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:1fr 1.45fr 1fr!important;
  gap:22px!important;
  align-items:start!important;
  border-bottom:1px solid rgba(199,155,67,.24)!important;
  padding-bottom:18px!important;
  margin-bottom:18px!important;
}
body .aldetalks-root .at-rce-title{
  text-align:center!important;
}
body .aldetalks-root .at-rce-title h1{
  margin:.1em 0!important;
  font-family:var(--at-serif, Georgia, serif)!important;
  font-size:clamp(2rem,4vw,3.55rem)!important;
  color:#08254c!important;
  letter-spacing:-.035em!important;
}
body .aldetalks-root .at-rce-title p{
  margin:.2em 0!important;
  color:rgba(8,37,76,.76)!important;
}
body .aldetalks-root .at-rce-needs .at-compass-strip{
  margin:0!important;
  justify-content:flex-end!important;
  box-shadow:none!important;
  background:rgba(255,250,240,.58)!important;
}

body .aldetalks-root .at-rce-visual{
  position:relative!important;
  z-index:2!important;
  margin:8px auto 18px!important;
}
body .aldetalks-root .at-rce-visual .at-rce-scene{
  min-height:140px!important;
}

body .aldetalks-root .at-rce-writing{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
  gap:16px!important;
}
body .aldetalks-root .at-rce-step{
  position:relative!important;
  min-height:230px!important;
  padding:18px 16px 16px!important;
  border:1px solid rgba(8,37,76,.13)!important;
  border-radius:22px!important;
  background:rgba(255,253,247,.70)!important;
  box-shadow:0 10px 24px rgba(8,37,76,.045)!important;
}
body .aldetalks-root .at-rce-step-head{
  display:grid!important;
  grid-template-columns:36px 1fr!important;
  gap:12px!important;
  align-items:start!important;
  margin-bottom:12px!important;
}
body .aldetalks-root .at-rce-number{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff8ec!important;
  border:1px solid rgba(199,155,67,.46)!important;
  color:#08254c!important;
  font-weight:900!important;
}
body .aldetalks-root .at-rce-step h2{
  margin:0 0 4px!important;
  font-family:var(--at-serif, Georgia, serif)!important;
  color:#08254c!important;
  font-size:1.35rem!important;
}
body .aldetalks-root .at-rce-step p,
body .aldetalks-root .at-rce-step small{
  color:rgba(8,37,76,.76)!important;
}
body .aldetalks-root .at-rce-booster-note{
  margin:10px 0 12px!important;
  padding:10px 12px!important;
  border-left:2px solid rgba(199,155,67,.52)!important;
  background:linear-gradient(90deg, rgba(199,155,67,.09), transparent)!important;
  border-radius:0 12px 12px 0!important;
}
body .aldetalks-root .at-rce-booster-note strong,
body .aldetalks-root .at-rce-booster-note span,
body .aldetalks-root .at-rce-booster-note em{
  display:block!important;
}
body .aldetalks-root .at-rce-booster-note strong{
  color:#a97822!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-size:.74rem!important;
}
body .aldetalks-root .at-rce-booster-note span{
  color:#08254c!important;
  font-weight:700!important;
  font-size:.86rem!important;
  margin-top:2px!important;
}
body .aldetalks-root .at-rce-booster-note em{
  color:rgba(8,37,76,.68)!important;
  font-size:.82rem!important;
  margin-top:3px!important;
}
body .aldetalks-root .at-rce-lines .at-line{
  height:22px!important;
  border-bottom:1px solid rgba(8,37,76,.16)!important;
}
body .aldetalks-root .at-rce-voice{
  position:relative!important;
  z-index:2!important;
  margin-top:18px!important;
  padding:14px 18px!important;
  border:1px solid rgba(199,155,67,.26)!important;
  border-radius:20px!important;
  display:grid!important;
  grid-template-columns:160px 1fr!important;
  gap:12px 18px!important;
  background:rgba(255,250,240,.72)!important;
}
body .aldetalks-root .at-rce-voice strong{
  color:#08254c!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body .aldetalks-root .at-rce-voice p{
  margin:0!important;
  color:rgba(8,37,76,.78)!important;
}
body .aldetalks-root .at-rce-voice-line{
  grid-column:1/-1!important;
  border-bottom:1px solid rgba(8,37,76,.20)!important;
  height:24px!important;
}

@media(max-width:900px){
  body .aldetalks-root .at-rce-header{grid-template-columns:1fr!important;text-align:center!important;}
  body .aldetalks-root .at-rce-needs .at-compass-strip{justify-content:center!important;}
  body .aldetalks-root .at-rce-sheet{padding:24px 18px!important;}
  body .aldetalks-root .at-rce-voice{grid-template-columns:1fr!important;}
}

@media print{
  @page{size:A4 landscape;margin:8mm;}
  html,body{background:#fff!important;}
  body .aldetalks-root header.at-header,
  body .aldetalks-root .at-progress-wrap,
  body .aldetalks-root .at-guide-actions,
  body .aldetalks-root .at-back{display:none!important;}
  body .aldetalks-root .at-rce-guide{padding:0!important;background:#fff!important;}
  body .aldetalks-root .at-rce-sheet{
    max-width:none!important;
    width:100%!important;
    min-height:180mm!important;
    margin:0!important;
    padding:7mm 8mm 6mm!important;
    border:1px solid rgba(8,37,76,.18)!important;
    border-radius:0!important;
    box-shadow:none!important;
    page-break-inside:avoid!important;
  }
  body .aldetalks-root .at-rce-sheet:before{inset:3mm!important;border-radius:0!important;}
  body .aldetalks-root .at-rce-header{
    grid-template-columns:1fr 1.25fr 1fr!important;
    gap:5mm!important;
    padding-bottom:3mm!important;
    margin-bottom:3mm!important;
  }
  body .aldetalks-root .at-rce-title h1{font-size:24pt!important;}
  body .aldetalks-root .at-rce-title p{font-size:8.5pt!important;}
  body .aldetalks-root .at-rce-visual .at-rce-scene{min-height:26mm!important;}
  body .aldetalks-root .at-rce-writing{
    grid-template-columns:repeat(var(--print-cols, 3),1fr)!important;
    gap:3mm!important;
  }
  body .aldetalks-root .at-rce-sheet[data-step-count="4"] .at-rce-writing{grid-template-columns:repeat(4,1fr)!important;}
  body .aldetalks-root .at-rce-sheet[data-step-count="5"] .at-rce-writing{grid-template-columns:repeat(5,1fr)!important;}
  body .aldetalks-root .at-rce-step{
    min-height:82mm!important;
    padding:4mm!important;
    border-radius:4mm!important;
    box-shadow:none!important;
  }
  body .aldetalks-root .at-rce-step h2{font-size:11.5pt!important;}
  body .aldetalks-root .at-rce-step p,
  body .aldetalks-root .at-rce-step small,
  body .aldetalks-root .at-rce-booster-note,
  body .aldetalks-root .at-rce-booster-note *{font-size:7pt!important;line-height:1.25!important;}
  body .aldetalks-root .at-rce-lines .at-line{height:5.6mm!important;}
  body .aldetalks-root .at-rce-voice{
    margin-top:3mm!important;
    padding:3mm 4mm!important;
    border-radius:4mm!important;
    grid-template-columns:34mm 1fr!important;
  }
  body .aldetalks-root .at-rce-voice p{font-size:8pt!important;}
  body .aldetalks-root .at-rce-voice-line{height:6mm!important;}
}


/* ============================================================
   AldeTalks Flagship Suite V13
   Decennial Thinktank Simulation Result: final polish layer.
   ============================================================ */

body .aldetalks-root{
  --at-fs-paper:#f6efe2;
  --at-fs-paper-soft:#fbf6eb;
  --at-fs-paper-bright:#fffaf1;
  --at-fs-navy:#08254c;
  --at-fs-navy-soft:rgba(8,37,76,.72);
  --at-fs-gold:#c79b43;
  --at-fs-gold-dark:#a97822;
  --at-fs-line:rgba(8,37,76,.13);
  --at-fs-gold-line:rgba(199,155,67,.28);
  --at-fs-shadow:0 18px 46px rgba(8,37,76,.07);
  --at-fs-serif:Georgia,"Times New Roman",serif;
}

/* Stronger editorial rhythm */
body .aldetalks-root .at-page,
body .aldetalks-root .at-guide{
  background:
    radial-gradient(circle at 15% 10%, rgba(199,155,67,.065), transparent 28%),
    radial-gradient(circle at 85% 20%, rgba(8,37,76,.035), transparent 26%),
    var(--at-fs-paper)!important;
}
body .aldetalks-root h1,
body .aldetalks-root h2,
body .aldetalks-root h3{
  text-wrap:balance;
}
body .aldetalks-root p{
  text-wrap:pretty;
}

/* Quiet premium navigation */
body .aldetalks-root .at-header-shell{
  max-width:1240px!important;
}
body .aldetalks-root .at-brand img{
  filter:sepia(.12) contrast(1.05)!important;
}

/* AI companion: marginal, not chatbot */
body .aldetalks-root .at-ai-panel{
  margin:18px auto 24px!important;
  max-width:860px!important;
  border:1px solid var(--at-fs-gold-line)!important;
  border-radius:24px!important;
  background:
    linear-gradient(180deg, rgba(255,252,246,.82), rgba(247,237,219,.72))!important;
  box-shadow:0 14px 34px rgba(8,37,76,.045)!important;
  padding:16px!important;
}
body .aldetalks-root .at-ai-panel-head{
  display:flex!important;
  gap:12px!important;
  align-items:flex-start!important;
  margin-bottom:12px!important;
}
body .aldetalks-root .at-ai-sigil{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:var(--at-fs-gold-dark)!important;
  background:var(--at-fs-paper-bright)!important;
  border:1px solid rgba(199,155,67,.42)!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.72)!important;
}
body .aldetalks-root .at-ai-panel strong{
  color:var(--at-fs-navy)!important;
  font-family:var(--at-fs-serif)!important;
  font-size:1.08rem!important;
}
body .aldetalks-root .at-ai-panel small{
  display:block!important;
  color:rgba(8,37,76,.64)!important;
  margin-top:2px!important;
}
body .aldetalks-root .at-ai-fields{
  display:grid!important;
  grid-template-columns:1.3fr .85fr .85fr!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
body .aldetalks-root .at-ai-fields label{
  display:grid!important;
  gap:5px!important;
  color:rgba(8,37,76,.72)!important;
  font-size:.78rem!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
body .aldetalks-root .at-ai-fields input,
body .aldetalks-root .at-ai-fields textarea{
  width:100%!important;
  border:1px solid rgba(8,37,76,.16)!important;
  border-radius:14px!important;
  background:rgba(255,250,240,.78)!important;
  color:var(--at-fs-navy)!important;
  padding:10px 12px!important;
  font:inherit!important;
  box-shadow:inset 0 1px 2px rgba(8,37,76,.035)!important;
}
body .aldetalks-root .at-ai-button{
  border:1px solid rgba(199,155,67,.42)!important;
  background:linear-gradient(180deg,#fffaf1,#f0dfbd)!important;
  color:var(--at-fs-navy)!important;
  border-radius:999px!important;
  padding:10px 16px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 8px 18px rgba(8,37,76,.045)!important;
}
body .aldetalks-root .at-ai-result{
  margin-top:14px!important;
  padding:13px 15px!important;
  border-left:2px solid var(--at-fs-gold)!important;
  border-radius:0 16px 16px 0!important;
  background:linear-gradient(90deg, rgba(199,155,67,.10), rgba(255,250,240,.42))!important;
}
body .aldetalks-root .at-ai-result p{
  margin:.2em 0 .6em!important;
  color:var(--at-fs-navy-soft)!important;
}
body .aldetalks-root .at-ai-result ol{
  margin:.35em 0 .5em 1.3em!important;
}
body .aldetalks-root .at-ai-result li{
  margin:.35em 0!important;
}
body .aldetalks-root .at-ai-result li span{
  display:block!important;
  color:rgba(8,37,76,.68)!important;
}
body .aldetalks-root .at-ai-question{
  font-style:italic!important;
  color:var(--at-fs-navy)!important;
}
body .aldetalks-root .at-ai-error{
  color:#9a3412!important;
  font-weight:700!important;
}

/* Canvas upgrade: stronger speech sheet character */
body .aldetalks-root .at-rce-sheet{
  border-color:rgba(8,37,76,.16)!important;
  background:
    radial-gradient(circle at 14% 16%, rgba(199,155,67,.10), transparent 28%),
    radial-gradient(circle at 86% 10%, rgba(8,37,76,.045), transparent 24%),
    linear-gradient(180deg, rgba(255,252,246,.985), rgba(247,237,219,.985))!important;
}
body .aldetalks-root .at-rce-step{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
body .aldetalks-root .at-rce-step:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(199,155,67,.26)!important;
  box-shadow:0 14px 28px rgba(8,37,76,.055)!important;
}
body .aldetalks-root .at-rce-booster-note{
  break-inside:avoid!important;
}
body .aldetalks-root .at-rce-lines{
  margin-top:auto!important;
}

/* Accessibility and focus */
body .aldetalks-root button:focus-visible,
body .aldetalks-root [role="button"]:focus-visible,
body .aldetalks-root input:focus-visible,
body .aldetalks-root textarea:focus-visible{
  outline:3px solid rgba(199,155,67,.42)!important;
  outline-offset:3px!important;
}
body .aldetalks-root .at-card[role="button"],
body .aldetalks-root .at-need-medallion{
  user-select:none!important;
}

/* Print: silence AI input fields, preserve only accepted canvas */
@media(max-width:760px){
  body .aldetalks-root .at-ai-fields{
    grid-template-columns:1fr!important;
  }
  body .aldetalks-root .at-ai-panel{
    border-radius:18px!important;
  }
}
@media print{
  body .aldetalks-root .at-ai-panel{
    display:none!important;
  }
  body .aldetalks-root .at-rce-sheet{
    color-adjust:exact!important;
    print-color-adjust:exact!important;
    -webkit-print-color-adjust:exact!important;
  }
}


/* ==========================================================================
   AldeTalks Flagship Suite V13.1
   Native full-medallion need component
   The uploaded artwork is the entire visible button: frame, motif and title.
   ========================================================================== */

body .aldetalks-root .at-need-medallion{
  overflow:visible!important;
  contain:layout style!important;
}

body .aldetalks-root .at-need-medallion-inner{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  overflow:hidden!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:
    0 13px 28px rgba(8,37,76,.10),
    0 0 0 1px rgba(199,155,67,.15)!important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease!important;
  isolation:isolate!important;
}

body .aldetalks-root .at-need-medallion-inner:before,
body .aldetalks-root .at-need-medallion-inner:after{
  content:none!important;
  display:none!important;
}

body .aldetalks-root .at-need-medallion-art{
  position:absolute!important;
  inset:-1.75%!important;
  z-index:1!important;
  display:block!important;
  width:103.5%!important;
  height:103.5%!important;
  min-width:103.5%!important;
  min-height:103.5%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  mix-blend-mode:normal!important;
  clip-path:circle(49.1% at 50% 50%)!important;
  user-select:none!important;
  pointer-events:none!important;
}

body .aldetalks-root .at-need-medallion-icon,
body .aldetalks-root .at-need-medallion-label{
  display:none!important;
}

/* Hover/focus move the complete artwork, never an independent outer frame. */
body .aldetalks-root .at-need-medallion:hover .at-need-medallion-inner,
body .aldetalks-root .at-need-medallion:focus-visible .at-need-medallion-inner{
  transform:translateY(-3px) scale(1.018)!important;
  border:0!important;
  filter:saturate(1.025) contrast(1.012)!important;
  box-shadow:
    0 20px 40px rgba(8,37,76,.15),
    0 0 0 3px rgba(199,155,67,.16),
    0 0 25px rgba(199,155,67,.12)!important;
}

/* Selection light follows the exact medallion circumference. */
body .aldetalks-root .at-need-medallion.selected .at-need-medallion-inner,
body .aldetalks-root .at-need-medallion[aria-pressed="true"] .at-need-medallion-inner{
  border:0!important;
  filter:saturate(1.04) contrast(1.018)!important;
  box-shadow:
    0 22px 46px rgba(8,37,76,.16),
    0 0 0 3px rgba(255,250,238,.92),
    0 0 0 7px rgba(199,155,67,.50),
    0 0 34px rgba(199,155,67,.30)!important;
}

/* The selection number remains outside the artwork and clearly legible. */
body .aldetalks-root .at-need-medallion-order{
  right:-2px!important;
  top:-4px!important;
  z-index:12!important;
  width:29px!important;
  height:29px!important;
  border:2px solid rgba(255,250,238,.92)!important;
  box-shadow:
    0 8px 18px rgba(8,37,76,.18),
    inset 0 0 0 1px rgba(116,73,18,.18)!important;
}

/* Chips elsewhere use the same complete medallion, without legacy grayscale. */
body .aldetalks-root .at-compass-chip img,
body .aldetalks-root .at-selected-need img,
body .aldetalks-root .at-rce-needs img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  filter:none!important;
  opacity:1!important;
  transform:scale(1.06)!important;
}

/* Accessible hidden label, because the visible title is part of the artwork. */
body .aldetalks-root .screen-reader-text{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media (prefers-reduced-motion:reduce){
  body .aldetalks-root .at-need-medallion-inner{
    transition:none!important;
  }
}

@media print{
  body .aldetalks-root .at-need-medallion-inner{
    box-shadow:none!important;
  }
}


/* ==========================================================================
   AldeTalks Flagship Suite V13.7 Final
   Complete compass + collision-free mathematical orbit
   ========================================================================== */

body .aldetalks-root .at-compass-visual-hybrid{
  --at-stage-size:min(66vw,900px);
  --at-core-size:min(37vw,500px);
  --at-need-size:clamp(112px,10.2vw,148px);
  position:relative!important;
  width:var(--at-stage-size)!important;
  max-width:100%!important;
  aspect-ratio:1/1!important;
  margin:0 auto!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* Complete center artwork. Never crop or mask it. */
body .aldetalks-root .at-hybrid-core{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:var(--at-core-size)!important;
  aspect-ratio:1/1!important;
  transform:translate(-50%,-50%)!important;
  overflow:visible!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  border-radius:0!important;
  background:transparent!important;
  z-index:3!important;
  pointer-events:none!important;
}

body .aldetalks-root .at-hybrid-core:before,
body .aldetalks-root .at-hybrid-core:after{
  content:none!important;
  display:none!important;
}

body .aldetalks-root .at-hybrid-core img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  overflow:visible!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  border-radius:0!important;
  transform:none!important;
  background:transparent!important;
  filter:drop-shadow(0 18px 24px rgba(8,37,76,.055))!important;
}

/*
 * Fixed collision-free slots.
 * The medallion centers are positioned outside the visible compass radius.
 * Micro-offsets from the backend are still respected.
 */
body .aldetalks-root .at-need-medallion{
  width:var(--at-need-size)!important;
  aspect-ratio:1/1!important;
  left:calc(var(--at-slot-x) + var(--at-offset-x,0%))!important;
  top:calc(var(--at-slot-y) + var(--at-offset-y,0%))!important;
  transform:translate(-50%,-50%)!important;
}

body .aldetalks-root .at-need-medallion-1{--at-slot-x:50%;--at-slot-y:3.5%;}
body .aldetalks-root .at-need-medallion-2{--at-slot-x:18.5%;--at-slot-y:16%;}
body .aldetalks-root .at-need-medallion-3{--at-slot-x:81.5%;--at-slot-y:16%;}
body .aldetalks-root .at-need-medallion-4{--at-slot-x:4.5%;--at-slot-y:52%;}
body .aldetalks-root .at-need-medallion-5{--at-slot-x:95.5%;--at-slot-y:52%;}
body .aldetalks-root .at-need-medallion-6{--at-slot-x:23%;--at-slot-y:88%;}
body .aldetalks-root .at-need-medallion-7{--at-slot-x:77%;--at-slot-y:88%;}

body .aldetalks-root .at-hybrid-connector{
  width:40.5%!important;
}

/* Tablet */
@media (max-width:1180px){
  body .aldetalks-root .at-compass-visual-hybrid{
    --at-stage-size:min(74vw,820px);
    --at-core-size:min(42vw,450px);
    --at-need-size:clamp(102px,10vw,136px);
  }
}

/* Mobile */
@media (max-width:820px){
  body .aldetalks-root .at-compass-visual-hybrid{
    --at-stage-size:min(96vw,720px);
    --at-core-size:min(60vw,390px);
    --at-need-size:clamp(84px,18vw,116px);
    margin-top:34px!important;
    margin-bottom:48px!important;
  }
  body .aldetalks-root .at-need-medallion-2{--at-slot-x:17%;--at-slot-y:17%;}
  body .aldetalks-root .at-need-medallion-3{--at-slot-x:83%;--at-slot-y:17%;}
  body .aldetalks-root .at-need-medallion-4{--at-slot-x:4%;--at-slot-y:52%;}
  body .aldetalks-root .at-need-medallion-5{--at-slot-x:96%;--at-slot-y:52%;}
  body .aldetalks-root .at-need-medallion-6{--at-slot-x:22%;--at-slot-y:89%;}
  body .aldetalks-root .at-need-medallion-7{--at-slot-x:78%;--at-slot-y:89%;}
}