/* V176: readable FAQ layout with the original animated glass atmosphere. */
html body.faq-public-page {
  --faq-bg:#100f17; --faq-card:#1a1823; --faq-hover:#211e2d;
  --faq-text:#f2eff9; --faq-muted:#b9b3c8; --faq-border:#302b3f;
  --faq-accent:var(--primary,#c4a5ff); --faq-soft:color-mix(in srgb,var(--faq-accent) 12%,var(--faq-bg));
  background:radial-gradient(ellipse at 16% 8%,rgb(var(--theme-rgb)/.08),transparent 36rem),var(--faq-bg)!important;
  color:var(--faq-text); font-size:16px;
}
html[data-theme="pearl"] body.faq-public-page {
  --faq-bg:#f5f5fa; --faq-card:#fff; --faq-hover:#f5f1ff;
  --faq-text:#242034; --faq-muted:#655f77; --faq-border:#e3deed;
  --faq-accent:#7141b8; --faq-soft:#eee6fa;
}
html body.faq-public-page::before,
html body.faq-public-page::after { display:none!important; }
html body.faq-public-page .faq-public-shell { width:min(1180px,calc(100% - 48px)); }
html body.faq-public-page main.faq-public-main { padding-top:32px!important; }
/* Keep text and nested controls stable; glass belongs to the outer panels below. */
html body.faq-public-page .faq-public-main *,
html body.faq-public-page .faq-public-main *:hover {
  transform:none!important; filter:none!important; text-shadow:none!important;
  backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
  animation:none!important; box-shadow:none!important;
}
html body.faq-public-page .faq-hero::before,
html body.faq-public-page .faq-hero::after,
html body.faq-public-page .faq-tools::before,
html body.faq-public-page .faq-tools::after,
html body.faq-public-page .faq-item::before,
html body.faq-public-page .faq-item::after,
html body.faq-public-page .faq-search-main::before,
html body.faq-public-page .faq-search-main::after,
html body.faq-public-page .faq-question::before,
html body.faq-public-page .faq-question::after,
html body.faq-public-page .chips button::before,
html body.faq-public-page .chips button::after,
html body.faq-public-page .support-strip::before,
html body.faq-public-page .support-strip::after { content:none!important; display:none!important; }
html body.faq-public-page .faq-hero {
  display:block; min-height:0; padding:32px 36px; margin:0;
  background:var(--faq-card)!important; border:1px solid var(--faq-border);
  border-radius:24px; overflow:visible;
}
.faq-public-page .faq-kicker { display:block; color:var(--faq-accent); font-size:12px; line-height:1.5; font-weight:750; letter-spacing:.12em; }
html body.faq-public-page .faq-hero h1 {
  margin:10px 0; font-size:clamp(30px,3.4vw,42px)!important; line-height:1.15!important;
  letter-spacing:-.035em; color:var(--faq-text)!important; background:none!important;
  -webkit-text-fill-color:var(--faq-text)!important; max-width:none;
}
html body.faq-public-page .faq-hero p { margin:0; max-width:760px; color:var(--faq-muted); font-size:16px; line-height:1.65; }
html body.faq-public-page .faq-search-main {
  display:grid; grid-template-columns:24px minmax(0,1fr) 36px; align-items:center; gap:12px;
  width:100%; min-height:58px; margin-top:22px; padding:6px 12px 6px 18px;
  border:1px solid var(--faq-border)!important; border-radius:14px; background:var(--faq-bg)!important;
}
html body.faq-public-page .faq-search-main:focus-within { border-color:var(--faq-accent)!important; outline:2px solid var(--faq-soft); outline-offset:2px; }
html body.faq-public-page .faq-search-icon {
  display:block; width:22px; height:22px; padding:0; background:var(--faq-accent);
  -webkit-mask:url('/static/vendor/lucide-pack/search.svg') center/contain no-repeat;
  mask:url('/static/vendor/lucide-pack/search.svg') center/contain no-repeat;
}
html body.faq-public-page #faqInput { width:100%; min-width:0; height:44px; padding:0; margin:0; font-size:16px; line-height:1.5; color:var(--faq-text); background:transparent!important; border:0!important; outline:none; }
.faq-public-page #faqInput::placeholder { color:var(--faq-muted); opacity:.8; }
.faq-public-page #faqInput::-webkit-search-cancel-button { -webkit-appearance:none; }
html body.faq-public-page #faqClear { display:grid; place-items:center; position:static; width:36px; height:36px; padding:0; border:0; border-radius:9px; background:var(--faq-soft)!important; color:var(--faq-accent); font-size:26px; line-height:1; cursor:pointer; }
html body.faq-public-page .popular-queries { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:14px 0 0; }
html body.faq-public-page .popular-queries>span { width:auto; margin-right:4px; color:var(--faq-muted); font-size:13px; }
html body.faq-public-page .popular-queries button { min-height:36px; padding:6px 12px; border:0; border-radius:9px; color:var(--faq-accent); background:var(--faq-soft)!important; font-size:13px; line-height:1.5; cursor:pointer; }
html body.faq-public-page #answers { padding-top:32px; scroll-margin-top:20px; }
html body.faq-public-page #answers>.section-title { display:flex; align-items:center; margin:0 0 20px; padding:0; }
html body.faq-public-page #answers .overline { font-size:12px; line-height:1.5; letter-spacing:.08em; color:var(--faq-muted); }
html body.faq-public-page #answers h2 { margin:5px 0 0; font-size:28px; line-height:1.3; letter-spacing:-.025em; color:var(--faq-text); }
.faq-public-page .faq-workspace { display:grid; grid-template-columns:230px minmax(0,1fr); align-items:start; gap:24px; }
html body.faq-public-page .faq-tools {
  position:static!important; inset:auto!important; z-index:auto; min-width:0; width:100%;
  padding:16px 10px 10px; margin:0; background:var(--faq-card)!important;
  border:1px solid var(--faq-border); border-radius:18px; overflow:visible;
}
.faq-public-page .faq-topics-title { margin:0 10px 12px; font-size:14px; font-weight:700; color:var(--faq-muted); }
html body.faq-public-page #faqChips { display:grid; grid-template-columns:minmax(0,1fr); gap:5px; padding:0; margin:0; overflow:visible; }
html body.faq-public-page #faqChips button {
  display:grid; grid-template-columns:30px minmax(0,1fr) auto; align-items:center; gap:9px;
  min-width:0; width:100%; min-height:46px; padding:8px; margin:0;
  text-align:left; white-space:normal; font-size:14px; font-weight:550; line-height:1.35;
  color:var(--faq-muted); background:transparent!important; border:1px solid transparent!important;
  border-radius:11px; cursor:pointer; transition:background .15s ease,color .15s ease;
}
html body.faq-public-page #faqChips button:hover { color:var(--faq-text); background:var(--faq-hover)!important; }
html body.faq-public-page #faqChips button.active { color:var(--faq-text)!important; background:var(--faq-soft)!important; border-color:var(--faq-accent)!important; font-weight:700; }
.faq-public-page .faq-topic-name { min-width:0; overflow-wrap:anywhere; }
.faq-public-page .faq-topic-count { font-size:12px; font-variant-numeric:tabular-nums; color:var(--faq-muted); }
.faq-public-page .faq-topic-icon { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; color:var(--topic); background:color-mix(in srgb,var(--topic) 12%,transparent); }
.faq-public-page .faq-topic-icon::before { content:''; display:block; width:17px; height:17px; background:currentColor; -webkit-mask:var(--topic-icon) center/contain no-repeat; mask:var(--topic-icon) center/contain no-repeat; }
.faq-public-page [data-cat],.faq-public-page [data-category] { --topic:#bc9cff; }
.faq-public-page :is([data-cat="start"],[data-category="start"]) { --topic:#73dcb2; }
.faq-public-page :is([data-cat="apps"],[data-category="apps"]) { --topic:#88b6ff; }
.faq-public-page :is([data-cat="errors"],[data-category="errors"]) { --topic:#ffa58b; }
.faq-public-page :is([data-cat="servers"],[data-category="servers"]) { --topic:#69d5e6; }
.faq-public-page :is([data-cat="subscription"],[data-category="subscription"]) { --topic:#efc274; }
.faq-public-page :is([data-cat="devices"],[data-category="devices"]) { --topic:#b5adff; }
.faq-public-page :is([data-cat="settings"],[data-category="settings"]) { --topic:#9cafdd; }
.faq-public-page :is([data-cat="tv"],[data-category="tv"]) { --topic:#d4a2eb; }
.faq-public-page :is([data-cat="security"],[data-category="security"]) { --topic:#7ad4be; }
.faq-public-page :is([data-cat="support"],[data-category="support"]) { --topic:#eaa9cc; }
html[data-theme="pearl"] .faq-public-page :is([data-cat],[data-category]) { --topic:#7141b8; }
html[data-theme="pearl"] .faq-public-page :is([data-cat="start"],[data-category="start"],[data-cat="security"],[data-category="security"]) { --topic:#16734f; }
html[data-theme="pearl"] .faq-public-page :is([data-cat="apps"],[data-category="apps"],[data-cat="devices"],[data-category="devices"]) { --topic:#315cba; }
html[data-theme="pearl"] .faq-public-page :is([data-cat="errors"],[data-category="errors"],[data-cat="subscription"],[data-category="subscription"]) { --topic:#955000; }
html[data-theme="pearl"] .faq-public-page :is([data-cat="servers"],[data-category="servers"]) { --topic:#067183; }
.faq-public-page .faq-results { min-width:0; }
html body.faq-public-page .faq-meta { min-height:0; margin:0 0 12px; padding:0; font-size:14px; line-height:1.5; color:var(--faq-muted); }
html body.faq-public-page .faq-meta:empty { display:none; }
html body.faq-public-page .faq-list { display:grid; grid-template-columns:minmax(0,1fr); align-items:start; gap:12px; }
html body.faq-public-page .faq-item {
  min-width:0; height:auto; margin:0; padding:0; overflow:hidden; border-radius:16px;
  border:1px solid var(--faq-border)!important; background:var(--faq-card)!important;
  transition:border-color .15s ease!important;
}
html body.faq-public-page .faq-item:hover { border-color:color-mix(in srgb,var(--topic) 55%,var(--faq-border))!important; }
html body.faq-public-page .faq-item.open { border-color:var(--topic)!important; }
html body.faq-public-page .faq-item h3 { margin:0!important; padding:0!important; line-height:1.4; }
html body.faq-public-page .faq-question {
  display:grid; grid-template-columns:minmax(0,1fr) 34px; grid-template-rows:auto auto;
  align-items:center; column-gap:16px; row-gap:9px; min-height:96px; height:auto;
  width:100%; padding:20px 22px; margin:0; border:0; border-radius:0;
  text-align:left; background:transparent!important; color:var(--faq-text); cursor:pointer;
}
html body.faq-public-page .faq-question .tag {
  display:block!important; grid-column:1; grid-row:1; justify-self:start; max-width:100%;
  overflow:visible; white-space:normal; text-overflow:clip; padding:3px 8px; border-radius:6px;
  font:600 12px/1.4 Inter,ui-sans-serif,system-ui,sans-serif; text-transform:none; letter-spacing:0;
  color:var(--topic); background:color-mix(in srgb,var(--topic) 12%,transparent);
}
html body.faq-public-page .faq-question .title {
  grid-column:1; grid-row:2; min-width:0; width:100%; font-size:17px; line-height:1.5;
  font-weight:650; white-space:normal; overflow-wrap:anywhere; color:var(--faq-text);
}
html body.faq-public-page .faq-question .toggle { grid-column:2; grid-row:1 / span 2; position:relative; width:34px; height:34px; border:0!important; border-radius:10px; background:var(--faq-soft)!important; }
html body.faq-public-page .faq-question .toggle::before,
html body.faq-public-page .faq-question .toggle::after { content:''; position:absolute; left:10px; top:16px; width:14px; height:2px; border:0; border-radius:2px; background:var(--faq-accent)!important; transform:none!important; }
html body.faq-public-page .faq-question .toggle::after { left:16px; top:10px; width:2px; height:14px; }
html body.faq-public-page .faq-item.open .toggle::after { display:none; }
html body.faq-public-page .faq-answer { display:none; grid-template-rows:none; height:auto; max-height:none; transition:none; }
html body.faq-public-page .faq-item.open .faq-answer { display:block; }
html body.faq-public-page .faq-answer>div { min-height:0; overflow:visible; }
html body.faq-public-page .answer { width:100%; max-width:78ch; margin:0; padding:0 22px 24px; font-size:16px; line-height:1.8; color:var(--faq-muted); overflow-wrap:anywhere; }
html body.faq-public-page .answer p { margin:0 0 14px; }
html body.faq-public-page .answer p:last-child { margin-bottom:0; }
html body.faq-public-page .answer :is(ol,ul) { margin:10px 0 16px; padding-left:24px; }
html body.faq-public-page .answer li { margin:8px 0; padding-left:4px; }
.faq-public-page .answer li::marker { color:var(--topic); font-weight:700; }
html body.faq-public-page .answer b { color:var(--faq-text); }
.faq-public-page .answer a { color:var(--faq-accent); text-decoration:underline; text-underline-offset:3px; }
html body.faq-public-page .answer code { color:var(--faq-accent); background:var(--faq-soft); border:0; }
html body.faq-public-page .answer .warning { padding:14px 16px; margin-top:16px; border:0; border-radius:12px; color:var(--faq-text); background:var(--faq-soft); }
html body.faq-public-page .faq-more { width:100%; min-height:48px; padding:10px 18px; margin:16px 0 0; border:1px solid var(--faq-border); border-radius:12px; color:var(--faq-accent); background:var(--faq-card); font-size:14px; }
html body.faq-public-page .faq-empty { border:1px solid var(--faq-border); background:var(--faq-card); border-radius:16px; padding:32px 20px; }
html body.faq-public-page .faq-empty p { color:var(--faq-muted); font-size:16px; }
html body.faq-public-page .support-strip { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:32px; padding:24px; border:0; border-radius:18px; background:var(--faq-soft)!important; }
.faq-public-page .support-strip>div:nth-child(2) { flex:1 1 300px; }
html body.faq-public-page .support-strip h3 { margin:5px 0; font-size:20px; line-height:1.4; color:var(--faq-text); }
html body.faq-public-page .support-strip p { margin:0; max-width:580px; font-size:14px; line-height:1.7; color:var(--faq-muted); }
html body.faq-public-page .support-strip .btn { min-height:44px; padding:10px 16px; font-size:14px; color:var(--faq-accent); border:1px solid var(--faq-accent); background:transparent; }
.faq-public-page .faq-public-footer { font-size:13px; border:0; }
html body.faq-public-page .faq-public-main :is(button,a):focus-visible { outline:2px solid var(--faq-accent)!important; outline-offset:3px; }
html body.faq-public-page .faq-question:focus-visible { outline-offset:-4px; }
html body.faq-public-page :is(.faq-item,.faq-answer,.faq-more,.faq-empty)[hidden] { display:none!important; }
@media(max-width:820px) {
  html body.faq-public-page .faq-public-shell { width:calc(100% - 32px); }
  .faq-public-page .faq-workspace { grid-template-columns:minmax(0,1fr); gap:18px; }
  html body.faq-public-page #faqChips { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  html body.faq-public-page .faq-tools { padding:14px 10px 10px; }
  html body.faq-public-page .faq-hero { padding:26px; }
}
@media(max-width:560px) {
  html body.faq-public-page .faq-public-shell { width:calc(100% - 24px); padding-bottom:32px; }
  html body.faq-public-page main.faq-public-main { padding-top:20px!important; }
  html body.faq-public-page .faq-hero { padding:22px 18px; border-radius:18px; }
  html body.faq-public-page .faq-hero p { font-size:15px; }
  html body.faq-public-page .faq-search-main { grid-template-columns:20px minmax(0,1fr) 32px; gap:8px; padding:5px 8px 5px 12px; }
  html body.faq-public-page #faqInput { font-size:16px; }
  html body.faq-public-page #faqClear { width:32px; height:32px; }
  html body.faq-public-page .popular-queries>span { width:100%; }
  html body.faq-public-page #answers { padding-top:26px; }
  html body.faq-public-page #answers h2 { font-size:25px; }
  html body.faq-public-page #faqChips { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
  html body.faq-public-page #faqChips button { grid-template-columns:26px minmax(0,1fr); gap:7px; padding:7px; font-size:13px; }
  .faq-public-page .faq-topic-icon { width:26px; height:28px; }
  .faq-public-page .faq-topic-count { display:none; }
  html body.faq-public-page .faq-question { padding:18px 16px; column-gap:10px; }
  html body.faq-public-page .faq-question .title { font-size:16px; }
  html body.faq-public-page .answer { padding:0 16px 20px; font-size:16px; line-height:1.75; }
  html body.faq-public-page .support-strip { padding:20px; gap:12px; }
  html body.faq-public-page .support-strip .support-icon { display:none; }
  html body.faq-public-page .support-strip .btn { width:100%; }
}

/* Restore the translucent material without changing the V175 layout. */
html body.faq-public-page {
  --faq-glass-tint:rgba(18,14,28,.52);
  --faq-glass-shine:rgba(255,255,255,.085);
  --faq-glass-edge:rgba(235,219,255,.18);
  --faq-glass-shadow:rgba(0,0,0,.18);
  --faq-field-tint:rgba(10,8,18,.30);
  --faq-glass-blur:20px;
  --faq-border:rgba(216,194,255,.18);
}
html[data-theme="pearl"] body.faq-public-page {
  --faq-glass-tint:rgba(255,255,255,.64);
  --faq-glass-shine:rgba(255,255,255,.50);
  --faq-glass-edge:rgba(255,255,255,.80);
  --faq-glass-shadow:rgba(50,32,73,.09);
  --faq-field-tint:rgba(255,255,255,.36);
  --faq-border:rgba(99,76,129,.18);
}
html body.faq-public-page .faq-public-main :is(.faq-hero,.faq-tools,.faq-item,.faq-empty,.support-strip) {
  background:linear-gradient(135deg,var(--faq-glass-shine),rgb(var(--theme-rgb)/.025) 60%,rgba(255,255,255,.015)),var(--faq-glass-tint)!important;
  -webkit-backdrop-filter:blur(var(--faq-glass-blur)) saturate(145%)!important;
  backdrop-filter:blur(var(--faq-glass-blur)) saturate(145%)!important;
  box-shadow:inset 0 1px 0 var(--faq-glass-edge),inset 0 -1px 0 rgba(255,255,255,.025),0 12px 32px var(--faq-glass-shadow)!important;
}
html body.faq-public-page .faq-public-main .faq-search-main {
  background:var(--faq-field-tint)!important;
  -webkit-backdrop-filter:blur(10px) saturate(130%)!important;
  backdrop-filter:blur(10px) saturate(130%)!important;
  box-shadow:inset 0 1px 0 var(--faq-glass-edge)!important;
}
html body.faq-public-page .faq-public-main .faq-hero>.lg-specular-layer {
  opacity:.30!important;
}
@media(max-width:820px) {
  html body.faq-public-page { --faq-glass-blur:14px; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html body.faq-public-page .faq-public-main :is(.faq-hero,.faq-tools,.faq-item,.faq-empty,.support-strip) {
    background:var(--faq-card)!important;
  }
}