.page-faq .faq-hero{
  display:grid;
  gap:clamp(1.5rem,4vw,3rem);
  align-items:center;
  padding-top:clamp(.5rem,2vw,1.5rem);
}
.page-faq .faq-hero h1{
  font-family:var(--font-display);
  font-weight:300;
  font-size:clamp(1.9rem,6.4vw,3.7rem);
  line-height:1.03;
  letter-spacing:.01em;
  margin:.45rem 0 0;
  color:var(--paper);
}
.page-faq .hero-copy .lede{margin-top:1rem;}
.page-faq .hero-copy .prose{margin-top:.75rem;max-width:52ch;}
.page-faq .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin-top:1.4rem;
}
.page-faq .hero-visual{min-width:0;}

.page-faq .desk-visual{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  background:linear-gradient(158deg,rgba(18,63,52,.96),rgba(6,26,22,.99));
  padding:clamp(.85rem,2.5vw,1.25rem);
  box-shadow:var(--shadow-panel);
}
.page-faq .desk-mark{
  position:absolute;
  top:-14px;
  right:-10px;
  width:132px;
  height:132px;
  color:rgba(200,255,61,.16);
  pointer-events:none;
}
.page-faq .desk-bar{
  display:flex;
  align-items:center;
  gap:.4rem;
  padding-bottom:.75rem;
  border-bottom:1px solid var(--line-soft);
}
.page-faq .desk-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--muted);
  opacity:.5;
}
.page-faq .desk-dot:first-child{background:var(--alert);opacity:.85;}
.page-faq .desk-url{
  margin-left:.55rem;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted);
}
.page-faq .desk-rows{position:relative;z-index:1;}
.page-faq .desk-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:.7rem;
  padding:.62rem .1rem;
  border-bottom:1px dashed var(--line-soft);
  font-size:.84rem;
}
.page-faq .desk-row:last-child{border-bottom:0;}
.page-faq .desk-team{color:var(--paper);opacity:.92;}
.page-faq .desk-pts{
  font-family:var(--font-mono);
  font-size:.78rem;
  color:var(--lime);
}
.page-faq .desk-delta{
  font-family:var(--font-mono);
  font-size:.72rem;
  color:var(--sand);
}
.page-faq .desk-delta--down{color:var(--alert);}
.page-faq .desk-caption{
  margin:.85rem 0 0;
  padding-top:.7rem;
  border-top:1px solid var(--line-soft);
  font-size:.76rem;
  line-height:1.6;
  color:var(--muted);
}

.page-faq .faq-stats{margin-top:clamp(1.75rem,4vw,2.75rem);}
.page-faq .stat-unit{
  font-family:var(--font-body);
  font-size:.7rem;
  letter-spacing:.04em;
  margin-left:.28rem;
  color:var(--muted);
}
.page-faq .stat--sand .stat-unit{color:rgba(232,196,138,.8);}

.page-faq .compat-grid{
  display:grid;
  gap:clamp(1rem,3vw,2rem);
  margin-top:1.4rem;
}
.page-faq .compat-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.55rem;
  align-content:start;
}
.page-faq .compat-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.4rem .8rem;
  padding:.8rem .95rem;
  background:var(--panel);
  border:1px solid var(--line);
  border-left:3px solid var(--lime);
}
.page-faq .compat-item--basic{border-left-color:var(--sand);}
.page-faq .compat-name{
  font-family:var(--font-display);
  font-size:1.02rem;
  letter-spacing:.02em;
  color:var(--paper);
}
.page-faq .compat-desc{
  grid-column:1 / -1;
  margin:0;
  font-size:.84rem;
  line-height:1.65;
  color:var(--muted);
}
.page-faq .compat-figure{margin:0;}
.page-faq .media-frame img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
}

.page-faq .qa-layout{
  display:grid;
  gap:1.25rem;
  margin-top:1.5rem;
}
.page-faq .qa-side{min-width:0;}
.page-faq .filter-note{
  margin:0 0 .6rem;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
}
.page-faq .faq-filters{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
.page-faq .faq-filters .filter-btn{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
}
.page-faq .faq-filters .num{
  font-size:.72rem;
  opacity:.7;
}

.page-faq .qa-list{
  display:grid;
  gap:.7rem;
  min-width:0;
}
.page-faq .qa-item{
  --qa-fg:var(--paper);
  background:var(--panel);
  border:1px solid var(--line);
  color:var(--qa-fg);
  transition:border-color .2s var(--ease),background-color .2s var(--ease);
}
.page-faq .qa-item:hover{border-color:var(--lime-line);}
.page-faq .qa-item--paper{
  --qa-fg:var(--night);
  background:var(--paper);
  border-color:rgba(11,43,36,.16);
  box-shadow:var(--shadow-paper);
  margin-right:7px;
  margin-bottom:6px;
}
.page-faq .qa-item summary{
  display:flex;
  align-items:flex-start;
  gap:.7rem;
  padding:.9rem 1rem;
  cursor:pointer;
  list-style:none;
}
.page-faq .qa-item summary::-webkit-details-marker{display:none;}
.page-faq .qa-item summary:focus-visible{
  outline:2px solid var(--lime);
  outline-offset:-2px;
}
.page-faq .qa-no{
  flex:0 0 auto;
  padding-top:.22rem;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.06em;
  color:var(--sand);
}
.page-faq .qa-item--paper .qa-no{
  color:var(--night);
  opacity:.5;
}
.page-faq .qa-q{
  flex:1 1 auto;
  font-weight:600;
  font-size:.98rem;
  line-height:1.55;
}
.page-faq .qa-toggle{
  position:relative;
  flex:0 0 auto;
  width:21px;
  height:21px;
  margin-top:.15rem;
  border:1px solid currentColor;
  border-radius:50%;
  opacity:.6;
}
.page-faq .qa-toggle::before,
.page-faq .qa-toggle::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:currentColor;
  transform:translate(-50%,-50%);
}
.page-faq .qa-toggle::before{width:9px;height:1.5px;}
.page-faq .qa-toggle::after{
  width:1.5px;
  height:9px;
  transition:transform .22s var(--ease),opacity .22s var(--ease);
}
.page-faq .qa-item[open] .qa-toggle::after{
  transform:translate(-50%,-50%) rotate(90deg);
  opacity:0;
}
.page-faq .qa-body{
  padding:.85rem 1rem 1.1rem;
  border-top:1px solid var(--line-soft);
  font-size:.9rem;
  line-height:1.78;
}
.page-faq .qa-item--paper .qa-body{border-top-color:rgba(11,43,36,.14);}
.page-faq .qa-body p{margin:0 0 .55rem;opacity:.9;}
.page-faq .qa-body p:last-child{margin-bottom:0;}
.page-faq .qa-body ol,
.page-faq .qa-body ul{
  margin:.2rem 0 .6rem;
  padding-left:1.15rem;
  display:grid;
  gap:.28rem;
}
.page-faq .qa-body a{
  color:var(--cyan);
  text-decoration:underline;
  text-underline-offset:3px;
}
.page-faq .qa-item--paper .qa-body a{
  color:var(--night);
  font-weight:600;
}

.page-faq .archive-panel{
  margin-top:1.4rem;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(18,63,52,.92),rgba(6,26,22,.94));
  padding:clamp(1rem,3vw,1.75rem);
}
.page-faq .month-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-bottom:1.2rem;
}
.page-faq .month-chip{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.06em;
  padding:.34rem .6rem;
  border:1px solid var(--lime-line);
  color:var(--lime);
}
.page-faq .month-chip--muted{
  border-color:var(--line);
  color:var(--muted);
}
.page-faq .archive-note{
  padding:.9rem 1rem;
  border:1px solid var(--line-soft);
  background:rgba(6,26,22,.35);
}
.page-faq .archive-note h3{
  margin:0 0 .35rem;
  font-family:var(--font-display);
  font-weight:500;
  font-size:1.05rem;
  letter-spacing:.02em;
  color:var(--sand);
}
.page-faq .archive-note p{
  margin:0;
  font-size:.86rem;
  line-height:1.7;
  color:var(--muted);
}

.page-faq .contact-grid{
  display:grid;
  gap:clamp(1.25rem,3vw,2.25rem);
  align-items:start;
}
.page-faq .check-list{
  list-style:none;
  margin:1.1rem 0 0;
  padding:0;
  display:grid;
  gap:.55rem;
  max-width:56ch;
}
.page-faq .check-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.65rem;
  align-items:baseline;
  font-size:.9rem;
  line-height:1.65;
  color:var(--paper);
  opacity:.88;
}
.page-faq .check-no{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.06em;
  color:var(--lime);
  border:1px solid var(--lime-line);
  padding:.05rem .35rem;
}
.page-faq .contact-card{
  margin-top:1.3rem;
  display:grid;
  gap:.9rem;
  padding:1rem 1.1rem;
  border:1px solid var(--line);
  background:var(--panel);
}
.page-faq .contact-row{display:grid;gap:.2rem;justify-items:start;}
.page-faq .contact-key{
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--muted);
}
.page-faq .contact-val{
  font-family:var(--font-mono);
  font-size:.95rem;
  color:var(--paper);
  word-break:break-word;
}
.page-faq .contact-val--text{font-family:var(--font-body);}
.page-faq .contact-hint{
  font-size:.78rem;
  line-height:1.6;
  color:var(--muted);
}
.page-faq .contact-row .btn{margin-top:.35rem;}
.page-faq .contact-figure{margin:0;}

.page-faq .rights-card{padding:clamp(1.1rem,3vw,1.9rem);}
.page-faq .rights-head .section-title{margin-bottom:1.1rem;}
.page-faq .rights-grid{
  display:grid;
  gap:1rem;
}
.page-faq .rights-item{
  padding:1rem 1.05rem;
  border:1px solid rgba(11,43,36,.16);
  background:rgba(11,43,36,.045);
}
.page-faq .rights-item p{
  margin:.6rem 0 0;
  font-size:.88rem;
  line-height:1.72;
  color:var(--ink);
}
.page-faq .rights-links{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:1.2rem;
  padding-top:1.1rem;
  border-top:1px solid rgba(11,43,36,.16);
}
.page-faq .rights-links .btn--line{
  border-color:rgba(11,43,36,.3);
  color:var(--ink);
}

@media (min-width:760px){
  .page-faq .compat-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);}
  .page-faq .rights-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;}
  .page-faq .contact-card{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-faq .contact-row:last-child{grid-column:1 / -1;}
}

@media (min-width:900px){
  .page-faq .faq-hero{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);}
  .page-faq .contact-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);}
  .page-faq .contact-figure{margin-top:2.6rem;}
}

@media (min-width:960px){
  .page-faq .qa-layout{
    grid-template-columns:236px minmax(0,1fr);
    gap:2.5rem;
    align-items:start;
  }
  .page-faq .qa-side{
    position:sticky;
    top:calc(var(--header-h) + 1.25rem);
  }
  .page-faq .faq-filters{flex-direction:column;flex-wrap:nowrap;}
  .page-faq .faq-filters .filter-btn{
    width:100%;
    justify-content:space-between;
  }
  .page-faq .desk-row{font-size:.88rem;}
}

@media (min-width:1080px){
  .page-faq .archive-notes{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-faq .qa-item summary{padding:1rem 1.15rem;}
  .page-faq .qa-body{padding:.9rem 1.15rem 1.2rem;}
}

@media (prefers-reduced-motion:reduce){
  .page-faq .qa-item,
  .page-faq .qa-toggle::after{transition:none;}
}
<<<END>>>