.rules-page,.faq-page{width:100%;}
.rules-panel,.faq-panel{padding:0!important;background:var(--card)!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:14px!important;overflow:hidden!important;box-shadow:none!important;}
.rules-hero,.faq-hero{min-height:86px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.045);}
.rules-hero-icon,.faq-hero-icon{width:58px;height:58px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,48,69,.075);border:1px solid rgba(255,48,69,.16);color:var(--span);font-weight:600;font-size:2rem;}
.rules-hero-icon svg{width:32px;height:32px;fill:currentColor}.rules-hero h1,.faq-hero h1{margin:0 0 6px;color:#fff;font-size:1.55rem;line-height:1;font-weight:600!important;letter-spacing:-.025em}.rules-hero p,.faq-hero p{margin:0;color:rgba(255,255,255,.55);font-size:.86rem;font-weight:400}.rules-version,.faq-count{justify-self:end;height:34px;padding:0 14px;border-radius:8px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);color:rgba(255,255,255,.78);font-size:.78rem;font-weight:600}.rules-version span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(38,184,93,.45)}
.rules-tabs,.faq-tabs{display:flex;gap:10px;padding:12px 12px;border-bottom:1px solid rgba(255,255,255,.045);overflow:auto}.rules-tabs button,.faq-tabs button{height:36px;min-width:104px;padding:0 16px;border-radius:7px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);color:rgba(255,255,255,.74);font-size:.78rem;font-weight:600;cursor:pointer;transition:.18s ease}.rules-tabs button.is-active,.faq-tabs button.is-active{color:var(--span);border-color:rgba(255,48,69,.55);background:rgba(255,48,69,.055)}
.rules-content{padding:0 12px 12px}.rules-tab-panel{display:none;border:1px solid rgba(255,255,255,.045);border-radius:10px;margin-top:0;overflow:hidden}.rules-tab-panel.is-active{display:block}.rules-group{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.045)}.rules-group:last-child{border-bottom:0}.rules-group h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#fff;font-size:.9rem;font-weight:600}.rules-group h3 span{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;color:var(--span)}.rules-group.is-doc h3 span:before{content:'▧'}.rules-group.is-ban h3 span:before{content:'⊘'}.rules-group.is-check h3 span:before{content:'✓';color:var(--green)}.rules-group ol{list-style:none;margin:0;padding:0;display:grid;gap:7px}.rules-group li{color:rgba(255,255,255,.58);font-size:.78rem;font-weight:400;line-height:1.35}.rules-alert{margin:14px;border:1px solid rgba(255,48,69,.32);background:rgba(255,48,69,.055);border-radius:8px;min-height:38px;display:flex;align-items:center;gap:10px;padding:0 13px;color:rgba(255,125,135,.95);font-size:.78rem;font-weight:600}.rules-alert span{width:18px;height:18px;border:1px solid var(--span);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--span)}
@media(max-width:760px){.rules-hero,.faq-hero{grid-template-columns:48px 1fr}.rules-version,.faq-count{grid-column:1/-1;justify-self:start}.rules-tabs button,.faq-tabs button{min-width:max-content}}


/* Final scale polish for rules/FAQ pages */
.neo-info-page {
  width: 100% !important;
}
.rules-panel,
.faq-panel {
  width: 100% !important;
  max-width: none !important;
}
.rules-hero,
.faq-hero {
  min-height: 104px !important;
  grid-template-columns: 68px minmax(0, 1fr) auto !important;
  gap: 18px !important;
  padding: 22px 24px !important;
}
.rules-hero-icon,
.faq-hero-icon {
  width: 68px !important;
  height: 68px !important;
  border-radius: 12px !important;
  font-size: 2.25rem !important;
}
.rules-hero-icon svg {
  width: 38px !important;
  height: 38px !important;
}
.rules-hero h1,
.faq-hero h1 {
  font-size: 2rem !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
  margin-bottom: 8px !important;
}
.rules-hero p,
.faq-hero p {
  font-size: .98rem !important;
  line-height: 1.35 !important;
}
.rules-version,
.faq-count {
  height: 40px !important;
  padding: 0 16px !important;
  font-size: .86rem !important;
}
.rules-tabs,
.faq-tabs {
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 14px !important;
}
.rules-tabs button,
.faq-tabs button {
  height: 40px !important;
  min-width: 128px !important;
  font-size: .86rem !important;
  border-radius: 8px !important;
}
.faq-create-btn {
  min-width: 40px !important;
  width: 40px !important;
  height: 40px !important;
}
.faq-list {
  padding: 0 8px 12px !important;
}
.faq-item {
  margin-bottom: 8px !important;
  border-radius: 10px !important;
}
.faq-item summary {
  height: 56px !important;
  grid-template-columns: 32px minmax(0,1fr) 28px auto !important;
  gap: 12px !important;
  padding: 0 14px !important;
}
.faq-item-icon {
  width: 28px !important;
  height: 28px !important;
}
.faq-item-title {
  font-size: .92rem !important;
  font-weight: 600 !important;
}
.faq-answer {
  padding: 0 18px 18px 58px !important;
}
.faq-answer p {
  font-size: .9rem !important;
  line-height: 1.65 !important;
}
.rules-content {
  padding: 0 14px 14px !important;
}
.rules-tab-panel {
  border-radius: 12px !important;
}
.rules-group {
  padding: 19px 22px !important;
}
.rules-group h3 {
  font-size: 1rem !important;
  margin-bottom: 14px !important;
}
.rules-group li {
  font-size: .9rem !important;
  line-height: 1.55 !important;
}
.rules-alert {
  min-height: 44px !important;
  font-size: .9rem !important;
  margin: 16px !important;
}
@media(max-width:760px){
  .rules-hero,.faq-hero{grid-template-columns:56px 1fr !important;}
  .rules-hero-icon,.faq-hero-icon{width:56px !important;height:56px !important;}
  .rules-tabs button,.faq-tabs button{min-width:max-content !important;}
}