.page-faq{
  --faq-border:2px solid var(--grid-line);
  --faq-sidebar-w:270px;
  background-color:var(--deep-space);
  background-image:linear-gradient(rgba(42,61,92,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(42,61,92,.14) 1px,transparent 1px);
  background-size:44px 44px;
  color:var(--bone-white);
  padding-bottom:6rem;
}
.page-faq .faq-page-head{
  border-left:4px solid var(--neon-signal);
  padding-left:1.25rem;
  margin-bottom:2.5rem;
}
.page-faq .faq-page-head .page-title{
  margin-top:.5rem;
  margin-bottom:.5rem;
}
.page-faq .faq-page-head .page-lead{
  color:var(--steel-blue);
  font-size:.9375rem;
  max-width:60ch;
  line-height:1.8;
}
.page-faq .faq-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:2.5rem;
}
.page-faq .faq-sidebar{
  min-width:0;
}
.page-faq .faq-toc{
  border:var(--faq-border);
  background:var(--abyss-panel);
  padding:1.25rem;
  position:relative;
}
.page-faq .faq-toc::before{
  content:"";
  position:absolute;
  left:-1px;
  top:-1px;
  width:18px;
  height:4px;
  background:var(--thermal-orange);
}
.page-faq .faq-toc-title{
  font-family:var(--font-headline);
  font-size:.8125rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--steel-blue);
  margin-bottom:1rem;
}
.page-faq .faq-toc-list{
  list-style:none;
  margin:0;
  padding:0;
}
.page-faq .faq-toc-list li + li{
  border-top:1px solid var(--grid-line);
}
.page-faq .faq-toc-list a{
  display:flex;
  align-items:center;
  gap:.625rem;
  padding:.75rem .25rem;
  text-decoration:none;
  color:var(--bone-white);
  font-family:var(--font-body);
  font-size:.9375rem;
  transition:color .18s ease;
}
.page-faq .faq-toc-list a:hover{
  color:var(--cyan-trace);
}
.page-faq .toc-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.75rem;
  height:1.75rem;
  background:var(--ink-void);
  color:var(--neon-signal);
  font-family:var(--font-headline);
  font-size:.8125rem;
  border:1px solid var(--grid-line);
}
.page-faq .toc-count{
  margin-left:auto;
  font-size:.75rem;
  color:var(--steel-blue);
  background:rgba(5,8,13,.45);
  padding:.125rem .4375rem;
  border:1px solid var(--grid-line);
}
.page-faq .faq-sidebar-figure{
  margin:1.5rem 0 0;
  border:var(--faq-border);
  background:var(--abyss-panel);
}
.page-faq .faq-sidebar-img{
  display:block;
  width:100%;
  height:auto;
}
.page-faq .faq-sidebar-figure figcaption{
  padding:.75rem 1rem;
  font-size:.8125rem;
  color:var(--steel-blue);
  border-top:1px solid var(--grid-line);
  font-family:var(--font-body);
}
.page-faq .faq-version-note{
  margin-top:1.5rem;
  padding:1rem;
  border:1px solid var(--grid-line);
  border-left:3px solid var(--neon-signal);
  background:rgba(23,38,60,.7);
}
.page-faq .faq-version-note p{
  margin:.625rem 0 0;
  font-size:.8125rem;
  color:var(--steel-blue);
  line-height:1.65;
}
.page-faq .faq-quick-support{
  margin-top:1.5rem;
  padding:1.25rem;
  background:var(--ink-void);
  border:var(--faq-border);
}
.page-faq .support-mini-label{
  display:block;
  font-family:var(--font-headline);
  font-size:.75rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--thermal-orange);
  margin-bottom:.5rem;
}
.page-faq .faq-quick-support a{
  display:block;
  padding:.25rem 0;
  color:var(--bone-white);
  font-size:.8125rem;
  text-decoration:none;
}
.page-faq .faq-quick-support a:hover{
  color:var(--cyan-trace);
}
.page-faq .faq-quick-support a + a{
  color:var(--steel-blue);
  text-decoration:underline;
}
.page-faq .faq-main{
  min-width:0;
}
.page-faq .faq-main .section + .section{
  margin-top:3.75rem;
}
.page-faq .faq-section-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem .75rem;
  margin-bottom:1.5rem;
  padding-bottom:.75rem;
  border-bottom:2px solid var(--grid-line);
}
.page-faq .section-num{
  font-family:var(--font-headline);
  font-size:1.5rem;
  color:var(--neon-signal);
  line-height:1;
}
.page-faq .faq-section-head .section-title{
  font-size:1.25rem;
  margin:0;
}
.page-faq .section-meta{
  margin-left:auto;
  font-family:var(--font-body);
  font-size:.75rem;
  color:var(--steel-blue);
  padding:.25rem .5rem;
  border:1px solid var(--grid-line);
  white-space:nowrap;
}
.page-faq .faq-group{
  margin-bottom:2.5rem;
  scroll-margin-top:6.5rem;
}
.page-faq .faq-group-title{
  display:flex;
  align-items:center;
  gap:.625rem;
  font-family:var(--font-headline);
  font-size:1.0625rem;
  color:var(--bone-white);
  margin:0 0 1rem;
  padding:.625rem 1rem;
  background:rgba(23,38,60,.65);
  border:1px solid var(--grid-line);
  border-left:4px solid var(--thermal-orange);
}
.page-faq .group-index{
  font-family:var(--font-headline);
  font-size:2rem;
  color:var(--archive-amber);
  line-height:1;
}
.page-faq .faq-item{
  border:1px solid var(--grid-line);
  border-left:3px solid var(--neon-signal);
  background:var(--abyss-panel);
  margin-bottom:.75rem;
  min-width:0;
  max-width:100%;
  transition:border-color .18s ease,background-color .18s ease;
}
.page-faq .faq-item[open]{
  border-left-color:var(--thermal-orange);
  background:rgba(23,38,60,.92);
}
.page-faq .faq-item summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:.875rem;
  padding:1rem 1.125rem;
  font-family:var(--font-body);
  font-size:.9375rem;
  font-weight:600;
  line-height:1.5;
  color:var(--bone-white);
}
.page-faq .faq-item summary::-webkit-details-marker{
  display:none;
}
.page-faq .faq-item summary:focus-visible{
  outline:2px solid var(--cyan-trace);
  outline-offset:-2px;
}
.page-faq .faq-icon{
  flex-shrink:0;
  width:1.625rem;
  height:1.625rem;
  border-radius:50%;
  background:var(--neon-signal);
  position:relative;
  transition:background-color .2s ease;
}
.page-faq .faq-icon::before,
.page-faq .faq-icon::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:var(--deep-space);
}
.page-faq .faq-icon::before{
  width:.625rem;
  height:2px;
}
.page-faq .faq-icon::after{
  width:2px;
  height:.625rem;
}
.page-faq .faq-item[open] .faq-icon{
  background:var(--thermal-orange);
}
.page-faq .faq-item[open] .faq-icon::after{
  transform:translate(-50%,-50%) scaleY(0);
}
.page-faq .faq-a{
  padding:0 1.125rem 1.125rem 3.625rem;
  font-family:var(--font-body);
  font-size:.875rem;
  line-height:1.75;
  color:var(--steel-blue);
  border-top:1px dashed var(--grid-line);
  animation:pageFaqFade .22s ease both;
}
.page-faq .faq-a p{
  margin:0 0 .75rem;
}
.page-faq .faq-a p:last-child{
  margin-bottom:0;
}
.page-faq .faq-related{
  font-size:.8125rem;
  color:var(--archive-amber);
  opacity:.6;
  transition:opacity .18s ease;
}
.page-faq .faq-item:hover .faq-related,
.page-faq .faq-item:focus-within .faq-related{
  opacity:1;
}
.page-faq .faq-related a{
  color:var(--thermal-orange);
  text-underline-offset:.2em;
}
.page-faq .version-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
}
.page-faq .version-card{
  border:1px solid var(--grid-line);
  background:var(--abyss-panel);
  padding:1.25rem;
  position:relative;
}
.page-faq .version-card::before{
  content:"";
  position:absolute;
  left:-1px;
  top:12%;
  width:4px;
  height:40%;
  background:var(--grid-line);
}
.page-faq .version-card.version-current::before{
  background:var(--neon-signal);
}
.page-faq .version-card h3{
  font-family:var(--font-headline);
  font-size:1.0625rem;
  color:var(--bone-white);
  margin:.75rem 0 .875rem;
}
.page-faq .version-card ul{
  list-style:none;
  margin:0;
  padding:0;
}
.page-faq .version-card ul li{
  position:relative;
  padding-left:1.25rem;
  font-family:var(--font-body);
  font-size:.875rem;
  line-height:1.65;
  color:var(--steel-blue);
  margin-bottom:.5rem;
}
.page-faq .version-card ul li::before{
  content:"▸";
  position:absolute;
  left:0;
  color:var(--thermal-orange);
  font-size:.875rem;
}
.page-faq .version-footnote{
  margin-top:1.25rem;
  padding-top:.875rem;
  border-top:1px solid var(--grid-line);
  font-family:var(--font-body);
  font-size:.8125rem;
  color:var(--steel-blue);
}
.page-faq .section-desc{
  font-family:var(--font-body);
  color:var(--steel-blue);
  font-size:.9375rem;
  line-height:1.7;
  max-width:46rem;
  margin-bottom:1.5rem;
}
.page-faq .export-steps{
  border:1px solid var(--grid-line);
  background:var(--abyss-panel);
  padding:1.25rem;
  display:grid;
  gap:1.25rem;
}
.page-faq .export-step{
  display:flex;
  gap:.875rem;
  min-width:0;
}
.page-faq .step-num{
  font-family:var(--font-headline);
  font-size:1.25rem;
  color:var(--neon-signal);
  line-height:1;
}
.page-faq .step-body{
  min-width:0;
}
.page-faq .step-body h3{
  font-size:.9375rem;
  font-family:var(--font-headline);
  color:var(--bone-white);
  margin:0 0 .5rem;
}
.page-faq .step-body p{
  font-family:var(--font-body);
  font-size:.8125rem;
  color:var(--steel-blue);
  line-height:1.65;
  margin:0;
}
.page-faq .export-cta{
  display:flex;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
  margin:1.5rem 0;
}
.page-faq .export-cta p{
  font-family:var(--font-body);
  font-size:.8125rem;
  color:var(--steel-blue);
  margin:0;
  max-width:34rem;
  line-height:1.6;
}
.page-faq .export-figure{
  margin:1.5rem 0 0;
  border:1px solid var(--grid-line);
  background:var(--abyss-panel);
}
.page-faq .export-figure img{
  display:block;
  width:100%;
  height:auto;
}
.page-faq .export-figure figcaption{
  padding:.75rem 1rem;
  font-size:.8125rem;
  color:var(--steel-blue);
  border-top:1px solid var(--grid-line);
  font-family:var(--font-body);
}
.page-faq .support-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
  margin-bottom:1.5rem;
}
.page-faq .support-card{
  border:1px solid var(--grid-line);
  border-top:3px solid var(--thermal-orange);
  background:var(--abyss-panel);
  padding:1.25rem;
}
.page-faq .support-label{
  display:block;
  font-family:var(--font-headline);
  font-size:.75rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--steel-blue);
  margin-bottom:.625rem;
}
.page-faq .support-email,
.page-faq .support-phone{
  font-family:var(--font-body);
  font-size:1rem;
  color:var(--bone-white);
  text-decoration:underline;
  text-underline-offset:.2em;
}
.page-faq .support-email:hover,
.page-faq .support-phone:hover{
  color:var(--cyan-trace);
}
.page-faq .support-note,
.page-faq .support-redirect{
  font-family:var(--font-body);
  font-size:.875rem;
  line-height:1.7;
  color:var(--steel-blue);
  max-width:46rem;
}
.page-faq .support-note a,
.page-faq .support-redirect a{
  color:var(--archive-amber);
  text-underline-offset:.2em;
  text-decoration:underline;
}
@keyframes pageFaqFade{
  from{
    opacity:0;
    transform:translateY(-4px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}
@media (max-width:540px){
  .page-faq .section-meta{
    display:none;
  }
  .page-faq .faq-a{
    padding-left:1.125rem;
  }
}
@media (min-width:700px){
  .page-faq .version-grid{
    grid-template-columns:1fr 1fr;
  }
  .page-faq .export-steps{
    grid-template-columns:repeat(3,1fr);
    gap:1.5rem;
  }
  .page-faq .support-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media (min-width:960px){
  .page-faq .faq-layout{
    grid-template-columns:var(--faq-sidebar-w) minmax(0,1fr);
    gap:3rem;
    align-items:start;
  }
  .page-faq .faq-sidebar{
    position:sticky;
    top:7rem;
  }
}