:root{
  --qs-support-bg:#f0f7ff;
  --qs-support-surface:#ffffff;
  --qs-support-surface-soft:rgba(255,255,255,0.84);
  --qs-support-surface-tint:rgba(240,247,255,0.78);
  --qs-support-text:#003366;
  --qs-support-muted:#667085;
  --qs-support-border:#d8e6f3;
  --qs-support-border-strong:rgba(0,51,102,0.18);
  --qs-support-primary:#003366;
  --qs-support-accent:#0094ff;
  --qs-support-accent-soft:rgba(0,148,255,0.08);
  --qs-support-success:#1f6a40;
  --qs-support-success-soft:#eefaf3;
  --qs-support-success-border:#c9e8d3;
  --qs-support-warning:#7c5b08;
  --qs-support-warning-soft:#fff6df;
  --qs-support-warning-border:#f2d998;
  --qs-support-danger:#ae1d39;
  --qs-support-danger-soft:#fff1f3;
  --qs-support-danger-border:#f2c8d2;
  --qs-support-shadow-soft:0 14px 36px rgba(0,51,102,0.08);
  --qs-support-shadow-card:0 10px 24px rgba(0,51,102,0.06);
  --qs-support-radius-xl:24px;
  --qs-support-radius-lg:22px;
  --qs-support-radius-md:16px;
  --qs-support-radius-sm:12px;
}

*,
*::before,
*::after{box-sizing:border-box}

body{
  background:var(--qs-support-bg);
  color:var(--qs-support-text);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.qs-support-page{
  width:min(1120px, calc(100% - 28px));
  margin:0 auto;
  padding:24px 0 88px;
}

.qs-support-page a{
  color:inherit;
  text-decoration:none;
}

.qs-support-page a:hover{
  text-decoration:none;
}

.qs-support-page p,
.qs-support-page li{
  color:var(--qs-support-muted);
}


.qs-support-page p a,
.qs-support-page li a,
.qs-support-page span a,
.qs-support-page small a{
  color:#0a4d93;
  text-decoration:underline;
  text-underline-offset:2px;
  font-weight:700;
}

.qs-support-page p{
  line-height:1.65;
}

.qs-support-page h1,
.qs-support-page h2,
.qs-support-page h3{
  margin:0;
  color:var(--qs-support-text);
  letter-spacing:-0.025em;
}

.qs-support-page h1{
  font-size:clamp(2rem, 3.2vw, 3rem);
  line-height:1.04;
}

.qs-support-page h2{
  font-size:clamp(1.28rem, 1.9vw, 1.7rem);
  line-height:1.12;
}

.qs-support-page h3{
  font-size:1.02rem;
  line-height:1.25;
}

.qs-support-page code{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(0,148,255,0.16);
  background:rgba(0,148,255,0.08);
  color:var(--qs-support-text);
  font-size:.84rem;
}

.qs-support-eyebrow{
  margin:0;
  color:var(--qs-support-accent);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.qs-support-hero,
.qs-support-card,
.qs-support-flash,
.qs-support-subnav,
.qs-support-message,
.qs-support-verify-banner,
.qs-support-switcher__card,
.qs-support-entry-card{
  background:linear-gradient(180deg, rgba(255,255,255,0.94), rgba(255,255,255,0.84));
  border:1px solid var(--qs-support-border);
  box-shadow:var(--qs-support-shadow-soft);
}

.qs-support-hero{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(280px,.95fr);
  gap:20px;
  align-items:start;
  padding:24px;
  margin-bottom:18px;
  border-radius:var(--qs-support-radius-xl);
}

.qs-support-hero > :first-child{
  display:grid;
  gap:16px;
  min-width:0;
}

.qs-support-hero h1{
  margin-top:-2px;
}

.qs-support-hero p{
  margin:0;
  max-width:70ch;
}

.qs-support-hero__panel{
  display:grid;
  gap:12px;
  align-self:stretch;
  height:100%;
  padding:18px;
  border-radius:20px;
  border:1px solid var(--qs-support-border);
  background:linear-gradient(180deg, rgba(240,247,255,0.82), rgba(255,255,255,0.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.7);
}


.qs-support-hero--contact .qs-support-hero__panel{
  align-self:stretch;
}
.qs-support-hero__panel strong{
  color:var(--qs-support-text);
  font-size:1rem;
  line-height:1.25;
}

.qs-support-list{
  display:grid;
  gap:8px;
  margin:0;
  padding-left:18px;
  line-height:1.65;
}

.qs-support-actions,
.qs-support-badges,
.qs-support-links,
.qs-support-hero__chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.qs-support-actions{
  align-items:center;
}

.qs-support-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid var(--qs-support-border);
  background:#fff;
  color:var(--qs-support-text);
  font-weight:780;
  cursor:pointer;
  transition:transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}

.qs-support-btn:hover{
  transform:translateY(-1px);
  box-shadow:var(--qs-support-shadow-card);
  border-color:rgba(0,148,255,0.24);
}

.qs-support-btn--primary{
  background:linear-gradient(180deg, #0a4d93, #003366);
  border-color:rgba(0,51,102,0.22);
  color:#fff;
}

.qs-support-btn--primary:hover{
  border-color:rgba(0,148,255,0.26);
}

.qs-support-muted{
  color:var(--qs-support-muted);
  font-size:.94rem;
  line-height:1.6;
}

.qs-support-chip,
.qs-support-link-badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(0,148,255,0.16);
  background:var(--qs-support-accent-soft);
  color:var(--qs-support-text);
  font-size:.86rem;
  font-weight:720;
}

.qs-support-chip--ok{
  background:var(--qs-support-success-soft);
  border-color:var(--qs-support-success-border);
  color:var(--qs-support-success);
}

.qs-support-switcher{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}

.qs-support-switcher__card{
  display:grid;
  gap:6px;
  padding:15px 16px;
  border-radius:18px;
  color:inherit;
  transition:transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.qs-support-switcher__card strong{
  font-size:.98rem;
}

.qs-support-switcher__card span{
  color:var(--qs-support-muted);
  line-height:1.55;
  font-size:.93rem;
}

.qs-support-switcher__card:hover{
  transform:translateY(-1px);
  box-shadow:var(--qs-support-shadow-card);
  border-color:rgba(0,148,255,0.22);
}

.qs-support-switcher__card.is-active{
  border-color:rgba(0,148,255,0.22);
  background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(240,247,255,0.9));
}

.qs-support-subnav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  padding:12px;
  margin:0 0 18px;
  border-radius:20px;
}

.qs-support-subnav__link{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid transparent;
  color:var(--qs-support-muted);
  font-weight:750;
  transition:background 160ms ease, border-color 160ms ease, color 160ms ease;
}

.qs-support-subnav__link:hover{
  color:var(--qs-support-text);
  background:rgba(255,255,255,0.7);
  border-color:var(--qs-support-border);
}

.qs-support-subnav__link.is-active{
  color:var(--qs-support-primary);
  background:rgba(0,148,255,0.08);
  border-color:rgba(0,148,255,0.16);
}

.qs-support-grid{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(300px,.95fr);
  gap:18px;
  align-items:start;
}

.qs-support-grid--contact{
  align-items:start;
}

.qs-contact-side-stack{
  display:grid;
  gap:18px;
  align-self:start;
}


.qs-support-card{
  padding:22px;
  border-radius:var(--qs-support-radius-xl);
}

.qs-support-card--side{
  position:sticky;
  top:18px;
}

.qs-support-card--faq,
.qs-support-card--context{
  margin-top:18px;
}

.qs-support-card--success{
  border-color:var(--qs-support-success-border);
  background:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(246,252,248,0.96));
}

.qs-support-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}

.qs-support-card__head > div{
  display:grid;
  gap:6px;
}

.qs-support-card__head--spaced{
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid var(--qs-support-border);
}

.qs-support-entry-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}

.qs-support-entry-card{
  display:grid;
  gap:8px;
  min-height:146px;
  padding:18px;
  border-radius:18px;
  align-content:start;
  transition:transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.qs-support-entry-card strong{
  font-size:1rem;
}

.qs-support-entry-card span{
  color:var(--qs-support-muted);
  line-height:1.6;
}

.qs-support-entry-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0, 51, 102, 0.1);
  border-color:rgba(0,148,255,0.24);
}

.qs-support-entry-card--muted{
  background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(246,248,252,0.94));
}

.qs-support-form,
.qs-support-open{
  display:grid;
  gap:14px;
}

.qs-support-form label,
.qs-support-open label{
  display:grid;
  gap:7px;
  font-size:.94rem;
  font-weight:700;
  color:var(--qs-support-text);
}

.qs-support-form input,
.qs-support-form select,
.qs-support-form textarea,
.qs-support-open input,
.qs-support-search input,
.qs-support-search select{
  width:100%;
  min-height:48px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid var(--qs-support-border);
  background:#fff;
  color:var(--qs-support-text);
  font:inherit;
  box-shadow:inset 0 1px 2px rgba(0,51,102,0.02);
}

.qs-support-form input:focus,
.qs-support-form select:focus,
.qs-support-form textarea:focus,
.qs-support-open input:focus,
.qs-support-search input:focus,
.qs-support-search select:focus{
  outline:2px solid rgba(0,148,255,0.16);
  outline-offset:2px;
  border-color:rgba(0,148,255,0.28);
}

.qs-support-form textarea{
  min-height:140px;
  resize:vertical;
}

.qs-support-search{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}

.qs-support-search input[type="search"]{
  flex:1 1 280px;
}

.qs-support-search select{
  flex:0 0 190px;
}

.qs-support-row{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

.qs-support-row--2{
  grid-template-columns:repeat(2, minmax(0,1fr));
}

.qs-support-row--3{
  grid-template-columns:repeat(3, minmax(0,1fr));
}

.qs-support-hp{
  position:absolute !important;
  left:-9999px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

.qs-support-open{
  padding:16px;
  border-radius:18px;
  border:1px solid var(--qs-support-border);
  background:rgba(240,247,255,0.64);
}

.qs-support-open .qs-support-btn{
  width:100%;
}

.qs-support-flash{
  margin:0 0 16px;
  padding:15px 17px;
  border-radius:18px;
}

.qs-support-flash p,
.qs-support-flash span{
  margin:0;
}

.qs-support-flash--ok{
  background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,252,248,0.96));
  border-color:var(--qs-support-success-border);
  color:var(--qs-support-success);
}

.qs-support-flash--warn{
  background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,250,236,0.96));
  border-color:var(--qs-support-warning-border);
  color:var(--qs-support-warning);
}

.qs-support-case__head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:18px;
}

.qs-support-case{
  display:grid;
  gap:18px;
}

.qs-support-thread{
  display:grid;
  gap:14px;
}

.qs-support-message{
  display:grid;
  gap:10px;
  padding:18px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(248,251,255,0.95));
}

.qs-support-message.is-admin{
  background:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(240,247,255,0.98));
  border-color:rgba(0,148,255,0.16);
}

.qs-support-message.is-system{
  background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(246,249,252,0.96));
  border-style:dashed;
}

.qs-support-message header{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  align-items:flex-start;
}

.qs-support-message header strong{
  color:var(--qs-support-text);
  font-size:.95rem;
}

.qs-support-message header span{
  color:var(--qs-support-muted);
  font-size:.85rem;
}

.qs-support-message p{
  margin:0;
  color:#24425f;
  white-space:pre-wrap;
  line-height:1.7;
}

.qs-support-side-list{
  display:grid;
  gap:10px;
}

.qs-support-side-list + .qs-support-side-list{
  margin-top:18px;
}

.qs-support-side-list > h3{
  margin:4px 0 2px;
}

.qs-support-side-item,
.qs-support-faq-card,
.qs-support-context-item,
.qs-support-attachment{
  display:grid;
  gap:5px;
  padding:14px 15px;
  border-radius:16px;
  border:1px solid var(--qs-support-border);
  background:linear-gradient(180deg, rgba(255,255,255,0.94), rgba(240,247,255,0.74));
  transition:transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

a.qs-support-side-item:hover,
a.qs-support-faq-card:hover,
a.qs-support-context-item:hover,
a.qs-support-attachment:hover{
  transform:translateY(-1px);
  box-shadow:var(--qs-support-shadow-card);
  border-color:rgba(0,148,255,0.22);
}

.qs-support-side-item strong,
.qs-support-faq-card strong,
.qs-support-context-item strong,
.qs-support-attachment strong{
  color:var(--qs-support-text);
  font-size:.95rem;
}

.qs-support-side-item small,
.qs-support-context-item span,
.qs-support-faq-card span,
.qs-support-attachment span{
  color:var(--qs-support-muted);
  line-height:1.55;
}

.qs-support-faq-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
}

.qs-support-context-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}

.qs-support-context-box{
  display:grid;
  gap:12px;
  padding:16px;
  border-radius:18px;
  border:1px solid var(--qs-support-border);
  background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,249,253,0.92));
}

.qs-support-context-box h3{
  margin:0;
}

.qs-support-case-list{
  display:grid;
  gap:12px;
}

.qs-support-case-list__item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:16px;
  border-radius:18px;
  border:1px solid var(--qs-support-border);
  background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(240,247,255,0.76));
  transition:transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.qs-support-case-list__item:hover{
  transform:translateY(-1px);
  box-shadow:var(--qs-support-shadow-card);
  border-color:rgba(0,148,255,0.22);
}

.qs-support-case-list__main{
  display:grid;
  gap:6px;
  min-width:0;
}

.qs-support-case-list__main strong{
  color:var(--qs-support-text);
  font-size:1rem;
}

.qs-support-case-list__main span{
  color:var(--qs-support-muted);
  font-size:.9rem;
}

.qs-support-advanced{
  display:grid;
  gap:10px;
  padding:14px 15px;
  border-radius:16px;
  border:1px dashed rgba(0,51,102,0.16);
  background:rgba(240,247,255,0.64);
}

.qs-support-advanced summary{
  cursor:pointer;
  font-weight:800;
  color:var(--qs-support-text);
}

.qs-support-advanced[open] summary{
  margin-bottom:4px;
}

.qs-support-confirm-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}

.qs-support-detail-list{
  display:grid;
  gap:10px;
}

.qs-support-detail-list div{
  display:grid;
  gap:5px;
  padding:14px;
  border-radius:16px;
  border:1px solid var(--qs-support-border);
  background:rgba(240,247,255,0.6);
}

.qs-support-detail-list strong{
  font-size:.84rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--qs-support-text);
}

.qs-support-detail-list span{
  color:var(--qs-support-muted);
  line-height:1.55;
}

.qs-support-verify-banner{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  padding:16px 18px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,250,236,0.96));
  border-color:var(--qs-support-warning-border);
}

.qs-support-verify-banner strong{
  color:var(--qs-support-text);
}

.qs-support-modal{
  position:fixed;
  inset:0;
  z-index:1200;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.qs-support-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(5,18,36,0.46);
  backdrop-filter:blur(5px);
}

.qs-support-modal__card{
  position:relative;
  width:min(560px,100%);
  padding:24px;
  border-radius:24px;
  border:1px solid var(--qs-support-border);
  background:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,252,0.96));
  box-shadow:0 24px 64px rgba(0,51,102,0.2);
}

.qs-support-modal__head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:12px;
}

.qs-support-modal__close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid var(--qs-support-border);
  background:#fff;
  color:var(--qs-support-text);
  font-weight:800;
}

.qs-support-upload input[type="file"]{
  margin-top:0.35rem;
  min-height:0;
  padding:12px;
  border-style:dashed;
  background:rgba(240,247,255,0.64);
}

.qs-support-upload small{
  display:block;
  margin-top:0.35rem;
  color:var(--qs-support-muted);
  font-size:.88rem;
}

.qs-support-attachments{
  display:grid;
  gap:.7rem;
  margin-top:.2rem;
}

@media (max-width:1080px){
  .qs-support-page{
    width:min(100% - 24px, 980px);
  }

  .qs-support-hero,
  .qs-support-grid,
  .qs-support-context-grid,
  .qs-support-faq-grid,
  .qs-support-row--2,
  .qs-support-row--3,
  .qs-support-confirm-grid{
    grid-template-columns:1fr;
  }

  .qs-support-switcher{
    grid-template-columns:1fr;
  }

  .qs-support-search select{
    flex:1 1 220px;
  }

  .qs-support-card--side{
    position:static;
  }
}

@media (max-width:720px){
  .qs-support-page{
    width:min(100% - 20px, 100%);
    padding-top:16px;
    padding-bottom:72px;
  }

  .qs-support-hero,
  .qs-support-card,
  .qs-support-flash,
  .qs-support-subnav,
  .qs-support-message,
  .qs-support-verify-banner,
  .qs-support-modal__card{
    border-radius:18px;
  }

  .qs-support-hero,
  .qs-support-card,
  .qs-support-modal__card{
    padding:20px;
  }

  .qs-support-actions,
  .qs-support-badges{
    align-items:stretch;
  }

  .qs-support-actions .qs-support-btn{
    width:100%;
  }

  .qs-support-subnav{
    padding:10px;
  }

  .qs-support-subnav__link{
    width:100%;
    justify-content:center;
  }

  .qs-support-case-list__item,
  .qs-faq-list__item{
    flex-direction:column;
    align-items:stretch;
  }

  .qs-support-case-list__item .qs-support-badges,
  .qs-faq-list__actions{
    justify-content:flex-start;
  }

  .qs-support-modal{
    padding:14px;
  }

  .qs-support-verify-banner{
    flex-direction:column;
  }
}

@media (prefers-reduced-motion:reduce){
  .qs-support-btn,
  .qs-support-switcher__card,
  .qs-support-entry-card,
  .qs-support-side-item,
  .qs-support-faq-card,
  .qs-support-context-item,
  .qs-support-attachment,
  .qs-support-case-list__item{
    transition:none;
  }
}

/* =====================================================================
   Milestone 29 — UI-Polish / Konsistenz / Restkanten
   Letzte Detailangleichung für Support / Contact / FAQ
   ===================================================================== */
.qs-support-page{
  display:grid;
  gap:18px;
}

.qs-support-page > section,
.qs-support-page > article,
.qs-support-page > form{
  scroll-margin-top:96px;
}

.qs-support-page a:focus-visible,
.qs-support-btn:focus-visible,
.qs-support-form input:focus-visible,
.qs-support-form select:focus-visible,
.qs-support-form textarea:focus-visible,
.qs-support-open input:focus-visible,
.qs-support-search input:focus-visible,
.qs-support-search select:focus-visible,
.qs-support-subnav__link:focus-visible,
.qs-support-link-badge:focus-visible{
  outline:3px solid rgba(0,148,255,0.18);
  outline-offset:2px;
}

.qs-support-hero,
.qs-support-card,
.qs-support-flash,
.qs-support-subnav,
.qs-support-message,
.qs-support-entry-card,
.qs-support-case-list__item,
.qs-support-switcher__card,
.qs-support-verify-banner{
  backdrop-filter:blur(12px);
}

.qs-support-hero{
  gap:22px;
  padding:28px;
}

.qs-support-hero > :first-child{
  gap:18px;
}

.qs-support-hero__panel{
  gap:14px;
  padding:20px;
  border-radius:22px;
}

.qs-support-hero__panel > *{
  margin:0;
}

.qs-support-card{
  padding:24px;
}

.qs-support-card > p:first-of-type,
.qs-support-card__head > div p,
.qs-support-card .qs-support-muted{
  max-width:72ch;
}

.qs-support-card__head{
  margin-bottom:18px;
}

.qs-support-card__head > div{
  min-width:0;
}

.qs-support-card__head h2,
.qs-support-card__head h3{
  line-height:1.12;
}

.qs-support-card__head--spaced{
  margin-top:28px;
  padding-top:22px;
}

.qs-support-actions{
  gap:12px;
  align-items:center;
}

.qs-support-actions .qs-support-btn,
.qs-support-actions .qs-support-link-badge{
  min-height:44px;
}

.qs-support-btn{
  letter-spacing:-0.01em;
}

.qs-support-btn--primary{
  box-shadow:0 14px 30px rgba(0,51,102,0.16);
}

.qs-support-btn--primary:hover{
  box-shadow:0 18px 36px rgba(0,51,102,0.2);
}

.qs-support-chip,
.qs-support-link-badge{
  min-height:32px;
  padding:0 11px;
}

.qs-support-subnav{
  gap:10px;
  padding:11px;
  border-radius:20px;
}

.qs-support-subnav__link{
  min-height:42px;
  padding:0 14px;
  white-space:nowrap;
}

.qs-support-search{
  padding:14px;
  border:1px solid rgba(0,51,102,0.08);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(244,249,255,0.9), rgba(255,255,255,0.96));
}

.qs-support-form,
.qs-support-open{
  gap:16px;
}

.qs-support-form label,
.qs-support-open label{
  gap:8px;
}

.qs-support-form input,
.qs-support-form select,
.qs-support-form textarea,
.qs-support-open input,
.qs-support-search input,
.qs-support-search select{
  border-radius:16px;
  transition:border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.qs-support-form input::placeholder,
.qs-support-form textarea::placeholder,
.qs-support-open input::placeholder,
.qs-support-search input::placeholder{
  color:#8ba0b7;
}

.qs-support-form textarea{
  min-height:152px;
  line-height:1.6;
}

.qs-support-upload input[type="file"]{
  border-radius:16px;
}

.qs-support-grid,
.qs-support-context-grid{
  gap:20px;
}

.qs-support-card--side{
  top:22px;
}

.qs-support-message{
  gap:12px;
  padding:18px;
  border-radius:20px;
}

.qs-support-message__meta{
  padding-bottom:8px;
  border-bottom:1px solid rgba(0,51,102,0.08);
}

.qs-support-message__body,
.qs-support-detail-list span,
.qs-support-entry-card span,
.qs-support-case-list__main span{
  line-height:1.65;
}

.qs-support-attachments{
  gap:10px;
}

.qs-support-attachment{
  border-radius:16px;
  padding:14px 15px;
}

.qs-support-case-list{
  gap:12px;
}

.qs-support-case-list__item{
  gap:16px;
  border-radius:20px;
}

.qs-support-case-list__main{
  gap:7px;
}

.qs-support-confirm-grid{
  gap:16px;
}

.qs-support-detail-list div{
  gap:6px;
  border-radius:18px;
}

.qs-support-flash{
  padding:18px 20px;
  border-radius:20px;
}

.qs-support-advanced{
  border-radius:18px;
}

.qs-support-modal__card{
  padding:26px;
}

@media (max-width:1080px){
  .qs-support-page{
    gap:16px;
  }

  .qs-support-card--side{
    order:2;
    top:auto;
  }

  .qs-support-grid > :first-child{
    order:1;
  }
}

@media (max-width:720px){
  .qs-support-page{
    gap:14px;
  }

  .qs-support-hero,
  .qs-support-card,
  .qs-support-modal__card{
    padding:18px;
  }

  .qs-support-hero{
    gap:18px;
  }

  .qs-support-hero__panel{
    padding:16px;
    border-radius:18px;
  }

  .qs-support-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .qs-support-actions .qs-support-btn,
  .qs-support-actions .qs-support-link-badge{
    width:100%;
  }

  .qs-support-search{
    padding:12px;
  }

  .qs-support-search input[type="search"],
  .qs-support-search select{
    flex:1 1 100%;
  }

  .qs-support-subnav{
    display:grid;
    grid-template-columns:1fr;
  }

  .qs-support-subnav__link{
    width:100%;
    justify-content:center;
  }

  .qs-support-card__head{
    flex-direction:column;
    align-items:stretch;
  }

  .qs-support-case-list__item{
    padding:15px;
  }

  .qs-support-flash{
    padding:16px;
  }
}


/* =====================================================================
   Support Public Simplification + Routing-Fix
   Vereinfachte öffentliche Support-Startseite
   ===================================================================== */
.qs-support-message--simple{
  margin-top:18px;
}

.qs-support-message--simple p{
  margin:0;
}

.qs-support-card--side .qs-support-message--simple + .qs-support-side-list{
  margin-top:18px;
}


/* === Public Service Shell (Support / Contact / FAQ) === */
body{overflow-x:hidden}

.qs-public-service-shell{
  width:min(1120px, calc(100% - 28px));
  margin:18px auto 0;
}

.qs-public-service-shell__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 18px;
  border:1px solid var(--qs-support-border);
  border-radius:18px;
  background:rgba(255,255,255,0.86);
  box-shadow:var(--qs-support-shadow-card);
}

.qs-public-service-shell__meta{
  min-width:0;
}

.qs-public-service-shell__eyebrow{
  display:block;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--qs-support-text);
}

.qs-public-service-shell__meta p{
  margin:4px 0 0;
  font-size:.95rem;
  color:var(--qs-support-muted);
}

.qs-public-service-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.qs-public-service-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid var(--qs-support-border);
  background:#fff;
  color:var(--qs-support-text);
  font-weight:800;
  box-shadow:var(--qs-support-shadow-card);
  text-decoration:none;
}

.qs-public-service-tab.is-active{
  background:linear-gradient(180deg, #0f65d8, #0a4d93);
  border-color:#0f65d8;
  color:#fff;
}

.qs-support-page--service{
  padding-top:18px;
  padding-bottom:52px;
}

.qs-support-hero--compact{
  grid-template-columns:minmax(0,1.5fr) minmax(280px,.85fr);
  padding:26px 28px;
  gap:18px;
}

.qs-support-hero--compact .qs-support-actions{
  margin-top:16px;
}

.qs-support-grid--service-home{
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);
}

.qs-support-grid--service-form{
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);
  align-items:start;
}

.qs-support-entry-grid--simple{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.qs-support-page .qs-support-btn,
.qs-support-page button.qs-support-btn{
  color:var(--qs-support-text);
}

.qs-support-page .qs-support-btn--primary,
.qs-support-page button.qs-support-btn--primary{
  color:#fff !important;
}

.qs-support-page .qs-support-btn--primary:hover,
.qs-support-page button.qs-support-btn--primary:hover{
  color:#fff !important;
}

.qs-support-page label > span{
  display:block;
  margin:0 0 8px;
  font-weight:800;
  color:var(--qs-support-text);
}

.qs-support-page input[type="text"],
.qs-support-page input[type="email"],
.qs-support-page input[type="search"],
.qs-support-page input[type="password"],
.qs-support-page textarea,
.qs-support-page select{
  width:100%;
  border:1px solid #cfe0ef;
  border-radius:18px;
  background:#fff;
  color:var(--qs-support-text);
  font:inherit;
  box-shadow:none;
}

.qs-support-page input[type="text"],
.qs-support-page input[type="email"],
.qs-support-page input[type="search"],
.qs-support-page input[type="password"],
.qs-support-page select{
  min-height:54px;
  padding:0 16px;
}

.qs-support-page textarea{
  min-height:170px;
  padding:14px 16px;
  resize:vertical;
}

.qs-support-page select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:48px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23003366' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
  background-size:18px 18px;
}

.qs-support-page input:focus,
.qs-support-page textarea:focus,
.qs-support-page select:focus{
  outline:none;
  border-color:#0f65d8;
  box-shadow:0 0 0 4px rgba(15,101,216,0.12);
}

.qs-support-upload{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:14px 16px;
  border:1px dashed #cfe0ef;
  border-radius:18px;
  background:#fbfdff;
}

.qs-support-upload input[type="file"]{
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  min-height:auto;
}

.qs-support-upload input[type="file"]::file-selector-button{
  margin-right:12px;
  padding:10px 16px;
  border:1px solid #0f65d8;
  border-radius:14px;
  background:linear-gradient(180deg, #0f65d8, #0a4d93);
  color:#fff;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}

.qs-support-upload input[type="file"]::-webkit-file-upload-button{
  margin-right:12px;
  padding:10px 16px;
  border:1px solid #0f65d8;
  border-radius:14px;
  background:linear-gradient(180deg, #0f65d8, #0a4d93);
  color:#fff;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}

.qs-support-search{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(160px,.8fr)) auto;
  gap:12px;
  align-items:center;
}

.qs-support-card,
.qs-support-hero,
.qs-support-message,
.qs-support-flash{
  overflow:hidden;
}

.qs-support-case-list__item,
.qs-support-side-item,
.qs-support-entry-card{
  transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.qs-support-case-list__item:hover,
.qs-support-side-item:hover,
.qs-support-entry-card:hover{
  transform:translateY(-1px);
  border-color:#b7d2ea;
}

.qs-support-case .qs-support-case__head{
  margin-bottom:18px;
}

.qs-support-page .qs-support-subnav,
.qs-support-page .qs-support-switcher{
  display:none;
}

@media (max-width: 980px){
  .qs-public-service-shell__inner{
    flex-direction:column;
    align-items:flex-start;
  }

  .qs-public-service-tabs{
    width:100%;
  }

  .qs-public-service-tab{
    flex:1 1 auto;
  }

  .qs-support-grid--service-home,
  .qs-support-grid--service-form,
  .qs-support-hero--compact{
    grid-template-columns:1fr;
  }

  .qs-support-search{
    grid-template-columns:1fr;
  }

  .qs-support-entry-grid--simple{
    grid-template-columns:1fr;
  }
}

@media (max-width: 720px){
  .qs-public-service-shell{
    width:min(100% - 20px, 1120px);
  }

  .qs-support-page{
    width:min(100% - 20px, 1120px);
    padding-bottom:40px;
  }

  .qs-public-service-tab{
    width:100%;
  }
}


/* =====================================================================
   HOTFIX — Public Service Professional Pass
   Custom controls, ruhigere Formseiten, klarere Service-Shell
   ===================================================================== */
.qs-public-service-shell{
  margin:16px auto 0;
  width:min(1120px, calc(100% - 28px));
}

.qs-public-service-shell__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 18px;
  border-radius:20px;
  border:1px solid var(--qs-support-border);
  background:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(246,250,255,0.92));
  box-shadow:var(--qs-support-shadow-card);
}

.qs-public-service-shell__meta p{
  margin:0;
  font-size:.92rem;
  line-height:1.5;
}

.qs-support-page--service{
  padding-top:18px;
  padding-bottom:56px;
}

.qs-support-page--service .qs-support-hero{
  margin-bottom:14px;
}

.qs-support-page--service .qs-support-grid{
  gap:16px;
}

.qs-support-card--side .qs-support-card__head{
  margin-bottom:14px;
}

.qs-support-card--side .qs-support-message--simple{
  margin-top:16px;
}

.qs-support-grid--service-form{
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);
}

.qs-support-advanced{
  margin-top:4px;
  gap:14px;
  padding:16px;
  border-style:solid;
  border-color:rgba(0,51,102,0.08);
  background:linear-gradient(180deg, rgba(244,249,255,0.92), rgba(255,255,255,0.96));
}

.qs-support-advanced summary{
  list-style:none;
  display:flex;
  align-items:center;
  gap:8px;
}

.qs-support-advanced summary::-webkit-details-marker{
  display:none;
}

.qs-support-advanced summary::before{
  content:"▸";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  color:var(--qs-support-text);
  transition:transform 160ms ease;
}

.qs-support-advanced[open] summary::before{
  transform:rotate(90deg);
}

.qs-support-open{
  gap:14px;
}

.qs-support-open .qs-support-btn{
  width:100%;
}

.qs-native-select--enhanced{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.qs-custom-select{
  position:relative;
  width:100%;
}

.qs-custom-select__trigger{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:54px;
  padding:0 16px;
  border:1px solid #cfe0ef;
  border-radius:18px;
  background:#fff;
  color:var(--qs-support-text);
  font:inherit;
  font-weight:700;
  text-align:left;
  cursor:pointer;
  transition:border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.qs-custom-select__trigger:hover{
  border-color:rgba(0,148,255,0.24);
}

.qs-custom-select__trigger:focus-visible,
.qs-custom-select.is-open .qs-custom-select__trigger{
  outline:none;
  border-color:#0f65d8;
  box-shadow:0 0 0 4px rgba(15,101,216,0.12);
}

.qs-custom-select__label{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding-right:10px;
}

.qs-custom-select__icon{
  flex:0 0 auto;
  font-size:1rem;
  color:var(--qs-support-text);
}

.qs-custom-select__panel{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  z-index:50;
  display:none;
  max-height:260px;
  overflow:auto;
  padding:8px;
  border:1px solid rgba(0,51,102,0.14);
  border-radius:18px;
  background:#fff;
  box-shadow:0 24px 56px rgba(0,51,102,0.18);
}

.qs-custom-select.is-open .qs-custom-select__panel{
  display:grid;
  gap:4px;
}

.qs-custom-select__option{
  display:flex;
  align-items:center;
  width:100%;
  min-height:44px;
  padding:0 12px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:var(--qs-support-text);
  font:inherit;
  text-align:left;
  cursor:pointer;
}

.qs-custom-select__option:hover,
.qs-custom-select__option:focus-visible{
  outline:none;
  background:rgba(0,148,255,0.08);
}

.qs-custom-select__option.is-active{
  background:linear-gradient(180deg, rgba(15,101,216,0.12), rgba(0,148,255,0.08));
  font-weight:800;
}

.qs-custom-select__option[disabled]{
  opacity:.45;
  cursor:not-allowed;
}

.qs-support-upload{
  position:relative;
}

.qs-native-file--enhanced{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.qs-custom-file{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border:1px dashed #cfe0ef;
  border-radius:16px;
  background:#fff;
}

.qs-custom-file__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 14px;
  border:1px solid rgba(0,51,102,0.14);
  border-radius:14px;
  background:linear-gradient(180deg, #0a4d93, #003366);
  color:#fff;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}

.qs-custom-file__meta{
  color:var(--qs-support-muted);
  font-size:.94rem;
  line-height:1.45;
}

.qs-support-upload input[type="file"]::file-selector-button,
.qs-support-upload input[type="file"]::-webkit-file-upload-button{
  display:none;
}

.qs-support-card__head h2 + p,
.qs-support-card__head .qs-support-muted{
  max-width:66ch;
}

.qs-support-message--simple{
  padding:16px 18px;
  border-radius:18px;
}

.qs-support-message--simple header{
  margin-bottom:4px;
}

.qs-support-message--simple p{
  margin:0;
}

@media (max-width:1080px){
  .qs-support-grid--service-form{
    grid-template-columns:1fr;
  }
}

@media (max-width:720px){
  .qs-public-service-shell{
    width:min(100% - 20px, 100%);
  }

  .qs-public-service-shell__inner{
    flex-direction:column;
    align-items:stretch;
    padding:14px;
  }

  .qs-custom-file{
    align-items:stretch;
  }

  .qs-custom-file__button{
    width:100%;
  }
}


/* Service hotfix: robust custom controls + modal */
.qs-service-modal-open{
  overflow:hidden;
}

.qs-service-modal[hidden]{
  display:none !important;
}

.qs-service-modal{
  position:fixed;
  inset:0;
  z-index:999;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(2,24,52,0.42);
  backdrop-filter:blur(8px);
}

.qs-service-modal__dialog{
  width:min(720px, 100%);
  max-height:min(86vh, 900px);
  overflow:auto;
  padding:24px;
  border:1px solid rgba(0,51,102,0.14);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,252,255,0.96));
  box-shadow:0 28px 90px rgba(0,51,102,0.24);
}

.qs-service-modal__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.qs-service-modal__head h2{
  margin:4px 0 6px;
  color:var(--qs-support-text);
  font-size:clamp(1.45rem, 2vw, 2rem);
  line-height:1.08;
}

.qs-service-modal__close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border:1px solid rgba(0,51,102,0.12);
  border-radius:16px;
  background:#fff;
  color:var(--qs-support-text);
  font:inherit;
  font-size:1.4rem;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(0,51,102,0.08);
}

.qs-service-modal__close:hover,
.qs-service-modal__close:focus-visible{
  outline:none;
  border-color:rgba(0,148,255,0.32);
  box-shadow:0 0 0 4px rgba(15,101,216,0.1);
}

.qs-contact-page .qs-support-hero{
  margin-bottom:18px;
}

.qs-contact-page .qs-contact-form-card{
  max-width:920px;
}

.qs-support-hero__panel--tight{
  align-self:stretch;
}

.qs-support-hero__panel--tight p{
  margin:8px 0 14px;
}

.qs-support-empty{
  display:grid;
  gap:6px;
  padding:18px 20px;
  border:1px dashed #cfe0ef;
  border-radius:18px;
  background:rgba(240,248,255,0.72);
  color:var(--qs-support-muted);
}

.qs-support-empty strong{
  color:var(--qs-support-text);
}

.qs-support-advanced{
  padding:14px 16px;
}

.qs-support-advanced[open]{
  display:grid;
  gap:14px;
}

.qs-support-advanced summary{
  margin:-2px 0;
}

.qs-support-advanced .qs-support-row{
  margin-top:0;
}

.qs-support-form label > span,
.qs-support-open label > span{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  margin-bottom:7px;
  color:var(--qs-support-text);
  font-weight:800;
}

.qs-support-form input,
.qs-support-form textarea,
.qs-support-open input{
  background:#fff;
}

.qs-custom-select__panel{
  z-index:300;
}

@media (max-width:760px){
  .qs-service-modal{
    padding:12px;
  }

  .qs-service-modal__dialog{
    max-height:calc(100vh - 24px);
    padding:18px;
    border-radius:22px;
  }

  .qs-service-modal__head{
    gap:12px;
  }
}


/* Targeted Contact anchor fix: hide duplicated path cards and make #contact-create target the real first field. */
.qs-contact-page .qs-contact-paths{
  display:none !important;
}

#contact-create,
#contact-unavailable{
  scroll-margin-top:calc(var(--qs-header-h, 78px) + 72px);
}

#contact-create:target{
  outline:2px solid rgba(0,148,255,0.28);
  outline-offset:3px;
}

.qs-contact-page .qs-contact-form-card,
.qs-contact-page .qs-contact-form-card .qs-contact-form{
  overflow:visible !important;
}

.qs-contact-page .qs-contact-form-card .qs-contact-form{
  display:grid !important;
  gap:14px !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  max-height:none !important;
}


/* Contact debug: additive diagnostics for the contact form jump target. */
.qs-contact-anchor{
  display:block;
  width:1px;
  height:1px;
  margin-top:-1px;
  scroll-margin-top:calc(var(--qs-header-h, 78px) + 110px);
}

.qs-contact-page #contact-create:target{
  outline:0;
}

.qs-contact-page #contact-form{
  display:grid !important;
  gap:14px !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  min-height:1px !important;
  max-height:none !important;
  overflow:visible !important;
}

.qs-contact-page #contact-form > label,
.qs-contact-page #contact-form > .qs-support-row,
.qs-contact-page #contact-form > .qs-support-actions{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
}

.qs-contact-page #contact-form > .qs-support-row{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

.qs-contact-page #contact-form .qs-support-actions{
  display:flex !important;
}

.qs-contact-debug{
  max-width:920px;
  padding:14px 16px;
  border:1px dashed rgba(0,148,255,0.36);
  border-radius:18px;
  background:rgba(240,248,255,0.92);
  color:var(--qs-support-text);
  box-shadow:0 10px 28px rgba(0,51,102,0.06);
}

.qs-contact-debug[hidden]{
  display:none !important;
}

.qs-contact-debug__head{
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  align-items:baseline;
  margin-bottom:10px;
}

.qs-contact-debug__head span{
  color:var(--qs-support-muted);
  font-size:.92rem;
}

.qs-contact-debug pre{
  margin:0;
  white-space:pre-wrap;
  overflow:auto;
  font-size:.86rem;
  line-height:1.45;
}

.qs-contact-debug-highlight{
  border-color:rgba(0,148,255,0.42) !important;
  box-shadow:0 0 0 5px rgba(0,148,255,0.10), 0 14px 34px rgba(0,51,102,0.08) !important;
}

@media (max-width:760px){
  .qs-contact-page #contact-form > .qs-support-row{
    grid-template-columns:1fr;
  }
}


/* Contact M2 reliability: native anchor target, visible form and no hidden honeypot focus. */
.qs-contact-page .qs-contact-form-card{
  scroll-margin-top:calc(var(--qs-header-h, 78px) + 84px);
}

.qs-contact-page .qs-contact-anchor{
  display:block;
  width:1px;
  height:1px;
  margin-top:-1px;
  scroll-margin-top:calc(var(--qs-header-h, 78px) + 96px);
}

.qs-contact-page #contact-form{
  display:grid !important;
  gap:14px !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}

.qs-contact-page #contact-create:target + #contact-form{
  outline:2px solid rgba(0,148,255,0.32);
  outline-offset:6px;
  border-radius:18px;
}

.qs-contact-page #contact-create:target + #contact-form input[name="subject"]{
  box-shadow:0 0 0 4px rgba(0,148,255,0.14);
  border-color:rgba(0,148,255,0.46);
}

.qs-contact-page .qs-support-hp{
  position:absolute !important;
  left:-10000px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}


/* M7 Public Service Regression: stable buttons, lighter paint cost, reliable contact anchor. */
.qs-support-page .qs-support-hero,
.qs-support-page .qs-support-card,
.qs-support-page .qs-support-flash,
.qs-public-service-shell__inner{
  backface-visibility:hidden;
}

.qs-support-page .qs-support-btn,
.qs-support-page .qs-support-case-list__item,
.qs-support-page .qs-support-side-item,
.qs-support-page .qs-support-entry-card,
.qs-public-service-tab{
  transition:border-color 140ms ease, background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.qs-support-page .qs-support-btn:hover,
.qs-support-page .qs-support-case-list__item:hover,
.qs-support-page .qs-support-side-item:hover,
.qs-support-page .qs-support-entry-card:hover,
.qs-public-service-tab:hover{
  transform:none !important;
}

.qs-support-page .qs-support-hero,
.qs-support-page .qs-support-card,
.qs-support-page .qs-support-subnav,
.qs-support-page .qs-support-message,
.qs-support-page .qs-support-flash,
.qs-public-service-shell__inner{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

.qs-support-page .qs-support-card,
.qs-support-page .qs-support-hero,
.qs-public-service-shell__inner{
  box-shadow:0 8px 22px rgba(0,51,102,0.055);
}

.qs-support-page .qs-support-card:has(.qs-custom-select.is-open),
.qs-support-page .qs-support-hero:has(.qs-custom-select.is-open),
.qs-custom-select-host--open{
  position:relative;
  z-index:1200;
  overflow:visible !important;
}

.qs-support-page .qs-custom-select__trigger{
  transform:none !important;
}

.qs-support-page .qs-custom-select__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  line-height:1;
  transform-origin:center;
  transition:transform 140ms ease;
}

.qs-support-page .qs-custom-select__icon svg{
  display:block;
  width:18px;
  height:18px;
}

.qs-support-page .qs-custom-select.is-open .qs-custom-select__icon{
  transform:rotate(180deg);
}

.qs-contact-page #contact-create{
  scroll-margin-top:calc(var(--qs-header-h, 78px) + 96px);
}

.qs-contact-page .qs-contact-form-card{
  scroll-margin-top:calc(var(--qs-header-h, 78px) + 84px);
}

.qs-contact-page .qs-contact-open-link{
  cursor:pointer;
}

@media (prefers-reduced-motion: reduce){
  .qs-support-page *,
  .qs-public-service-shell *{
    scroll-behavior:auto !important;
    transition:none !important;
    animation:none !important;
  }
}