.sqc-page{--b:#3157ff;--ink:#0f172a;--mut:#667085;--line:#e5eaf2;background:#f7f9fc;color:var(--ink);min-height:70vh;padding:14px 0 64px}
.sqc-page *{box-sizing:border-box}
.sqc-page a{text-decoration:none}
.sqc-shell{width:min(1240px,calc(100% - 32px));margin:auto}
.sqc-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:22px;align-items:stretch;margin-bottom:22px;padding:24px;border:1px solid #e2e8f3;border-radius:24px;background:linear-gradient(135deg,#fff,#f4f7ff);box-shadow:0 18px 48px rgba(15,23,42,.06)}
.sqc-hero-copy{display:flex;flex-direction:column;justify-content:center}
.sqc-eyebrow{display:block;margin-bottom:8px;color:var(--b);font-size:11px;font-weight:900;letter-spacing:.16em}
.sqc-hero h1,.sqc-auth-card h1,.sqc-compose-card h1{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.04;letter-spacing:-.045em}
.sqc-hero p,.sqc-auth-card>p,.sqc-compose-card>p{max-width:760px;margin:12px 0 0;color:var(--mut);line-height:1.68;font-size:15px}
.sqc-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.sqc-hero-points span{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e4e9f3;border-radius:999px;background:#fff;color:#344054;font-size:12px;font-weight:800}
.sqc-hero-points span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--b);display:inline-block}
.sqc-hero-panel{display:flex;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid #e4e9f3;border-radius:18px;background:rgba(255,255,255,.86)}
.sqc-hero-panel-head strong{display:block;font-size:16px;line-height:1.2}
.sqc-hero-panel-head span{display:block;margin-top:4px;color:var(--mut);font-size:13px}
.sqc-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.sqc-primary,.sqc-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:12px;font-size:13px;font-weight:900;cursor:pointer;transition:.18s ease}
.sqc-primary{border:0;background:var(--b);color:#fff!important;box-shadow:0 12px 28px rgba(49,87,255,.18)}
.sqc-primary:hover{transform:translateY(-1px)}
.sqc-secondary{border:1px solid #dce2ec;background:#fff;color:var(--ink)!important}
.sqc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.sqc-stat{padding:14px 12px;border-radius:14px;background:#f8faff;border:1px solid #e4e9f3;text-align:center}
.sqc-stat b{display:block;font-size:22px;line-height:1;font-weight:900;color:#101828}
.sqc-stat span{display:block;margin-top:6px;color:var(--mut);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.sqc-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.sqc-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.sqc-tabs{display:flex;gap:6px;padding:6px;margin-bottom:0;width:max-content;border:1px solid var(--line);border-radius:12px;background:#fff}
.sqc-tabs a{padding:9px 12px;border-radius:8px;color:var(--mut);font-size:12px;font-weight:850}
.sqc-tabs a.active{background:#eef2ff;color:var(--b)}
.sqc-feed{display:grid;gap:12px}
.sqc-topic-card{display:grid;grid-template-columns:60px minmax(0,1fr);border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.03)}
.sqc-vote{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-right:1px solid #edf0f5;background:#fafbfc;color:#98a2b3;cursor:pointer}
.sqc-vote span{font-size:18px}
.sqc-vote b{font-size:11px}
.sqc-vote.active{color:var(--b);background:#f3f6ff}
.sqc-topic-main{padding:18px}
.sqc-topic-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:8px;color:#98a2b3;font-size:11px}
.sqc-topic-meta a{color:#667085}
.sqc-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf2ff;color:var(--b)!important;font-size:10px;font-weight:900}
.sqc-topic-card h2{margin:0 0 8px;font-size:21px;line-height:1.25;letter-spacing:-.02em}
.sqc-topic-card h2 a{color:var(--ink)}
.sqc-topic-card p{margin:0;color:var(--mut);font-size:13px;line-height:1.68}
.sqc-topic-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:12px}
.sqc-topic-actions a,.sqc-topic-actions button,.sqc-report-inline{border:0;background:none;padding:0;color:#667085;font-size:11px;font-weight:800;cursor:pointer}
.sqc-sidebar{display:grid;gap:12px;align-content:start}
.sqc-side-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.03)}
.sqc-side-card h3{margin:0;font-size:19px;line-height:1.2}
.sqc-side-card p{margin:10px 0 0;color:var(--mut);font-size:13px;line-height:1.65}
.sqc-side-card .sqc-primary{margin-top:14px;width:100%}
.sqc-side-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.sqc-side-head span{color:#98a2b3;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.sqc-cats{display:grid}
.sqc-cats a{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #f0f2f6;color:#344054;font-size:13px;font-weight:800}
.sqc-cats a:last-child{border-bottom:0}
.sqc-cats b{color:#98a2b3;font-size:11px}
.sqc-rules{margin:0;padding-left:18px;color:#667085;font-size:12px;line-height:1.7}
.sqc-rules li+li{margin-top:5px}
.sqc-auth-wrap,.sqc-compose{width:min(760px,calc(100% - 30px));margin:55px auto}
.sqc-auth-card,.sqc-compose-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 15px 40px rgba(15,23,42,.06)}
.sqc-form{display:grid;gap:13px;margin-top:22px}.sqc-form label{display:grid;gap:6px;color:#475467;font-size:10px;font-weight:850}
.sqc-form input,.sqc-form select,.sqc-form textarea,.sqc-reply-form textarea{width:100%;border:1px solid #dce2ec;border-radius:10px;background:#fbfcfe;color:#0f172a;font:inherit;font-size:14px;padding:11px 12px}
.sqc-form input,.sqc-form select{height:46px}.sqc-check{display:flex!important;align-items:center;gap:8px!important}.sqc-check input{width:auto;height:auto}.sqc-hp{position:absolute!important;left:-9999px!important}
.sqc-notice,.sqc-success,.sqc-errors{margin:0 auto 18px;padding:12px 14px;border-radius:10px;font-size:11px}.sqc-notice{border:1px solid #dce3ff;background:#f4f7ff}.sqc-success{border:1px solid #a7f3d0;background:#ecfdf5;color:#065f46}.sqc-errors{max-width:620px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b}
.sqc-back{display:inline-block;margin-bottom:14px;color:var(--b);font-size:11px;font-weight:850}
.sqc-topic-page{max-width:900px}.sqc-thread{display:grid;grid-template-columns:54px minmax(0,1fr);border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden}.sqc-thread-vote .sqc-vote{width:100%;height:100%}.sqc-thread-body{padding:22px}.sqc-thread h1{margin:8px 0 16px;font-size:clamp(27px,4vw,40px);line-height:1.1}.sqc-content{color:#344054;font-size:14px;line-height:1.75}.sqc-replies{margin-top:18px}.sqc-reply-form{display:grid;gap:9px;margin:12px 0 16px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}.sqc-reply-form .sqc-primary{justify-self:end}.sqc-comment-list{display:grid;gap:8px}.sqc-comment{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff}.sqc-small-vote{width:36px;height:52px;border:1px solid #edf0f5;border-radius:9px}.sqc-comment-meta{font-size:9px}.sqc-comment-content{font-size:12px;line-height:1.65}.sqc-profile-head{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff}.sqc-avatar img{border-radius:50%}.sqc-profile-head h1{margin:0;font-size:29px}.sqc-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.sqc-profile-row{padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.sqc-profile-row a{display:block;color:#0f172a;font-size:12px;font-weight:850}.sqc-profile-row span,.sqc-profile-row p{display:block;margin:5px 0 0;color:#98a2b3;font-size:9px}
.sqc-empty{padding:36px;border:1px dashed #dce2ec;border-radius:18px;background:#fff;text-align:center}
.sqc-empty-icon{width:56px;height:56px;border-radius:18px;background:#eef2ff;color:var(--b);display:inline-flex;align-items:center;justify-content:center;font-size:25px;margin:0 auto 14px}
.sqc-empty h3{margin:0;font-size:24px;letter-spacing:-.02em}
.sqc-empty p{max-width:600px;margin:10px auto 0;color:var(--mut);font-size:14px;line-height:1.7}
.sqc-empty-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}
.sqc-empty-suggest{max-width:560px;margin:20px auto 0;padding-top:16px;border-top:1px solid #eef2f6;text-align:left}
.sqc-empty-suggest span{display:block;margin-bottom:10px;color:#0f172a;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.sqc-empty-suggest ul{margin:0;padding-left:18px;color:#667085;font-size:13px;line-height:1.7}
@media(max-width:960px){.sqc-layout{grid-template-columns:1fr}.sqc-sidebar{grid-template-columns:1fr 1fr}.sqc-hero{grid-template-columns:1fr}.sqc-profile-grid{grid-template-columns:1fr}}
@media(max-width:640px){.sqc-page{padding-top:8px}.sqc-shell{width:calc(100% - 20px)}.sqc-hero{padding:18px;border-radius:18px}.sqc-hero h1{font-size:clamp(28px,9vw,40px)}.sqc-hero p{font-size:14px}.sqc-hero-points{gap:8px}.sqc-hero-points span{font-size:11px;padding:9px 10px}.sqc-hero-actions{grid-template-columns:1fr}.sqc-stats{grid-template-columns:1fr 1fr 1fr}.sqc-tabs{width:100%;overflow:auto}.sqc-topic-card{grid-template-columns:46px minmax(0,1fr)}.sqc-topic-main{padding:14px}.sqc-topic-card h2{font-size:18px}.sqc-topic-card p{font-size:12px}.sqc-sidebar{grid-template-columns:1fr}.sqc-auth-card,.sqc-compose-card{padding:20px}.sqc-thread{grid-template-columns:44px minmax(0,1fr)}.sqc-thread-body{padding:16px}.sqc-comment{grid-template-columns:36px minmax(0,1fr)}.sqc-empty{padding:24px}.sqc-empty h3{font-size:21px}}


/* =========================================================
   v0.1.2 — native community page integration
   The SMMFAQ theme's generic page template added its own
   breadcrumb/title hero and constrained content wrapper.
   Community utility pages now use a dedicated plugin shell.
   ========================================================= */

.sqc-native-shell{
  display:block;
  width:100%;
  margin:0;
  padding:0;
  background:#f7f9fc;
}

.sqc-native-shell > .sqc-page{
  margin:0;
}

body.page-community .site-main,
body.page-community-login .site-main,
body.page-community-register .site-main,
body.page-community-new-topic .site-main{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

/* Community starts immediately after the site header instead of a second page hero. */
.sqc-native-shell .sqc-page{
  padding-top:30px;
}

/* Wider desktop composition to avoid the "small box in the middle" look. */
.sqc-native-shell .sqc-shell{
  width:min(1320px,calc(100% - 48px));
}

.sqc-native-shell .sqc-hero{
  margin-top:0;
  padding:30px;
}

.sqc-native-shell .sqc-layout{
  grid-template-columns:minmax(0,1fr) 340px;
  gap:22px;
}

.sqc-native-shell .sqc-topic-card,
.sqc-native-shell .sqc-side-card,
.sqc-native-shell .sqc-hero{
  box-shadow:0 10px 32px rgba(15,23,42,.045);
}

/* The first-screen proportions are deliberately more compact. */
.sqc-native-shell .sqc-hero h1{
  max-width:760px;
}

.sqc-native-shell .sqc-hero-copy > p{
  max-width:760px;
}

.sqc-native-shell .sqc-hero-panel{
  min-height:100%;
}

/* Empty community should still feel like a complete product screen. */
.sqc-native-shell .sqc-empty{
  min-height:360px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

/* Auth/new-topic pages also bypass the theme hero and need a sensible top rhythm. */
.sqc-native-shell .sqc-auth-wrap,
.sqc-native-shell .sqc-compose{
  margin-top:34px;
  margin-bottom:70px;
}

@media (max-width:960px){
  .sqc-native-shell .sqc-shell{
    width:min(100% - 28px,960px);
  }

  .sqc-native-shell .sqc-layout{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .sqc-native-shell .sqc-page{
    padding-top:14px;
  }

  .sqc-native-shell .sqc-shell{
    width:calc(100% - 20px);
  }

  .sqc-native-shell .sqc-hero{
    padding:18px;
  }

  .sqc-native-shell .sqc-empty{
    min-height:300px;
  }

  .sqc-native-shell .sqc-auth-wrap,
  .sqc-native-shell .sqc-compose{
    margin-top:18px;
    margin-bottom:44px;
  }
}


/* =========================================================
   v0.2.0 — Discussion experience
   ========================================================= */

.sqc-notification-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:46px;
  padding:0 14px;
  border:1px solid #dce2ec;
  border-radius:12px;
  background:#fff;
  color:#344054!important;
  font-size:12px;
  font-weight:900;
}
.sqc-notification-link b{
  display:grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:#3157ff;
  color:#fff;
  font-size:10px;
}
.sqc-notification-link.compact{min-height:38px;padding:0 11px}

.sqc-topic-state{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  min-height:0;
  margin-bottom:7px;
}
.sqc-topic-state:empty{display:none}
.sqc-state-badge,
.sqc-best-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border-radius:999px;
  font-size:9px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.sqc-state-badge.pinned{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}
.sqc-state-badge.solved,.sqc-best-badge{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}
.sqc-state-badge.locked{background:#f2f4f7;color:#475467;border:1px solid #d0d5dd}

.sqc-topic-topbar,
.sqc-replies-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.sqc-thread-actions,
.sqc-comment-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:13px;
}
.sqc-thread-actions button,
.sqc-thread-actions>a,
.sqc-comment-actions button{
  border:0;
  background:none;
  padding:0;
  color:#667085;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.sqc-follow{
  display:inline-flex!important;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:0 10px!important;
  border:1px solid #dce2ec!important;
  border-radius:9px;
  background:#fff!important;
  color:#344054!important;
}
.sqc-follow.active{
  border-color:#b7c4ff!important;
  background:#eef2ff!important;
  color:#3157ff!important;
}
.sqc-follow b{
  display:grid;
  place-items:center;
  min-width:19px;
  height:19px;
  padding:0 4px;
  border-radius:999px;
  background:#f2f4f7;
  font-size:9px;
}
.sqc-lock-note{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:#f2f4f7;
  color:#475467;
  font-size:10px;
  font-weight:900;
}

.sqc-reply-context{
  display:flex;
  align-items:center;
  gap:6px;
  padding:9px 11px;
  border:1px solid #dce3ff;
  border-radius:9px;
  background:#f4f7ff;
  color:#475467;
  font-size:10px;
  font-weight:800;
}
.sqc-reply-context[hidden]{display:none}
.sqc-reply-context button{
  margin-left:auto;
  border:0;
  background:none;
  color:#3157ff;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}

.sqc-comment{
  margin-left:calc(min(var(--sqc-depth),4) * 22px);
  position:relative;
}
.sqc-comment.is-best{
  border-color:#abefc6;
  background:#fcfffd;
  box-shadow:0 0 0 2px rgba(18,183,106,.06);
}
.sqc-comment-body{min-width:0}
.sqc-comment-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  color:#98a2b3;
}
.sqc-comment-actions button.active{
  color:#027a48;
  font-weight:900;
}
.sqc-comment .sqc-comment{
  margin-top:10px;
}
.sqc-inline-reply{display:none!important}

.sqc-notifications-page{max-width:900px}
.sqc-notifications-head{
  margin-bottom:18px;
  padding:24px;
  border:1px solid #e5eaf2;
  border-radius:18px;
  background:#fff;
}
.sqc-notifications-head h1{
  margin:0;
  font-size:34px;
  letter-spacing:-.035em;
}
.sqc-notifications-head p{
  margin:7px 0 0;
  color:#667085;
}
.sqc-notification-list{display:grid;gap:9px}
.sqc-notification-item{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  padding:15px;
  border:1px solid #e5eaf2;
  border-radius:13px;
  background:#fff;
  color:#101828!important;
}
.sqc-notification-item.unread{
  border-color:#c7d2fe;
  background:#f8faff;
}
.sqc-notification-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:#eef2ff;
}
.sqc-notification-item strong{
  display:block;
  font-size:13px;
}
.sqc-notification-item p{
  margin:4px 0 0;
  color:#475467;
  font-size:12px;
}
.sqc-notification-item span{
  display:block;
  margin-top:5px;
  color:#98a2b3;
  font-size:9px;
}

@media(max-width:640px){
  .sqc-topic-topbar,
  .sqc-replies-head{
    align-items:flex-start;
  }
  .sqc-comment{
    margin-left:calc(min(var(--sqc-depth),4) * 8px);
  }
  .sqc-comment-actions{
    gap:12px;
  }
  .sqc-notification-link{
    width:auto;
  }
}


/* =========================================================
   v0.3.0 — Reddit-style create/share experience
   ========================================================= */

/* Force primary community actions to remain visible even when theme button rules collide. */
.sqc-page .sqc-hero-actions{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;
  gap:9px!important;
}
.sqc-page .sqc-hero-actions>a,
.sqc-page .sqc-hero-actions>button,
.sqc-page .sqc-primary,
.sqc-page .sqc-secondary,
.sqc-page .sqc-notification-link{
  visibility:visible!important;
  opacity:1!important;
  transform:none;
}
.sqc-page a.sqc-primary,
.sqc-page button.sqc-primary{
  display:inline-flex!important;
  background:#3157ff!important;
  color:#fff!important;
  border:1px solid #3157ff!important;
}
.sqc-page a.sqc-secondary,
.sqc-page button.sqc-secondary{
  display:inline-flex!important;
  background:#fff!important;
  color:#101828!important;
  border:1px solid #d0d5dd!important;
}
.sqc-page .sqc-notification-link{
  display:inline-flex!important;
  background:#fff!important;
  color:#344054!important;
  border:1px solid #d0d5dd!important;
}

.sqc-create-bar{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:66px;
  margin:0 0 14px;
  padding:11px 12px;
  border:1px solid #e1e7f0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 7px 22px rgba(15,23,42,.035);
}
.sqc-create-avatar{
  flex:0 0 40px;
  width:40px;
  height:40px;
}
.sqc-create-avatar img{
  width:40px!important;
  height:40px!important;
  border-radius:50%!important;
  object-fit:cover;
}
.sqc-create-input{
  display:flex;
  align-items:center;
  flex:1;
  min-height:42px;
  padding:0 13px;
  border:1px solid #d9e0ea;
  border-radius:10px;
  background:#f8fafc;
  color:#667085!important;
  font-size:13px;
}
.sqc-create-input:hover{
  border-color:#aebcff;
  background:#fff;
}
.sqc-create-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:10px;
  color:#475467!important;
  font-size:18px;
}
.sqc-create-icon:hover{background:#f2f4f7}
.sqc-create-button{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 14px;
  border-radius:10px;
  background:#3157ff!important;
  color:#fff!important;
  font-size:11px;
  font-weight:900;
}
.sqc-create-guest{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
}
.sqc-create-guest>div:first-child strong,
.sqc-create-guest>div:first-child span{
  display:block;
}
.sqc-create-guest>div:first-child strong{font-size:13px}
.sqc-create-guest>div:first-child span{margin-top:3px;color:#667085;font-size:11px}
.sqc-create-guest>div:last-child{display:flex;gap:8px}

.sqc-compose-reddit{
  width:min(900px,calc(100% - 30px));
}
.sqc-compose-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.sqc-compose-draft-note{
  color:#98a2b3;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.sqc-compose-card{
  padding:0!important;
  overflow:hidden;
}
.sqc-compose-head{
  padding:25px 26px 18px;
}
.sqc-post-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid #e5eaf2;
  border-bottom:1px solid #e5eaf2;
  background:#fff;
}
.sqc-post-tabs button{
  min-height:51px;
  border:0;
  border-right:1px solid #e5eaf2;
  background:#fff;
  color:#667085;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.sqc-post-tabs button:last-child{border-right:0}
.sqc-post-tabs button span{margin-right:6px;font-size:15px}
.sqc-post-tabs button.active{
  position:relative;
  color:#3157ff;
  background:#f8faff;
}
.sqc-post-tabs button.active::after{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  bottom:-1px;
  height:3px;
  border-radius:3px 3px 0 0;
  background:#3157ff;
}
.sqc-compose-fields{
  display:grid;
  gap:15px;
  padding:20px 26px 25px;
}
.sqc-field{
  position:relative;
  display:grid!important;
  gap:7px!important;
}
.sqc-field>span,
.sqc-editor-label>span{
  color:#344054;
  font-size:11px;
  font-weight:900;
}
.sqc-field>small{
  color:#98a2b3;
  font-size:9px;
  line-height:1.45;
}
.sqc-field>small:has([data-title-count]){
  position:absolute;
  right:10px;
  top:39px;
}
.sqc-url-field{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  border:1px solid #dce2ec;
  border-radius:10px;
  background:#fbfcfe;
  overflow:hidden;
}
.sqc-url-field>span{
  display:grid;
  place-items:center;
  height:46px;
  border-right:1px solid #e5eaf2;
  color:#667085;
}
.sqc-url-field input{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.sqc-link-panel[hidden]{display:none!important}

.sqc-editor-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:7px;
}
.sqc-editor-label small{
  color:#98a2b3;
  font-size:9px;
}
.sqc-editor-shell{
  overflow:hidden;
  border:1px solid #dce2ec;
  border-radius:11px;
  background:#fff;
}
.sqc-editor-toolbar{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:3px;
  padding:7px 8px;
  border-bottom:1px solid #e9edf3;
  background:#f8fafc;
}
.sqc-editor-toolbar button{
  min-width:34px;
  height:32px;
  padding:0 8px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#475467;
  font-size:11px;
  cursor:pointer;
}
.sqc-editor-toolbar button:hover{
  background:#e9eefb;
  color:#3157ff;
}
.sqc-toolbar-divider{
  width:1px;
  height:20px;
  margin:0 4px;
  background:#d0d5dd;
}
.sqc-rich-editor{
  min-height:220px;
  padding:14px 15px;
  outline:none;
  color:#101828;
  font-size:14px;
  line-height:1.65;
  overflow-wrap:anywhere;
}
.sqc-rich-editor:empty::before{
  content:attr(data-placeholder);
  color:#98a2b3;
  pointer-events:none;
}
.sqc-rich-editor blockquote{
  margin:10px 0;
  padding:8px 12px;
  border-left:3px solid #9db0ff;
  background:#f8faff;
  color:#475467;
}
.sqc-rich-editor code,
.sqc-content code{
  padding:2px 5px;
  border-radius:5px;
  background:#f2f4f7;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.92em;
}
.sqc-editor-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 11px;
  border-top:1px solid #eef1f5;
  background:#fbfcfe;
  color:#98a2b3;
  font-size:9px;
}
.sqc-compose-guidance{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.sqc-compose-guidance>div{
  padding:10px 11px;
  border-radius:9px;
  background:#f8fafc;
  color:#667085;
  font-size:10px;
  line-height:1.45;
}
.sqc-compose-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding-top:2px;
}
.sqc-moderation-note{
  margin:0;
  padding:11px 26px 16px;
  border-top:1px solid #eef1f5;
  color:#667085;
  font-size:10px;
}

.sqc-link-preview{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  margin:9px 0 10px;
  padding:10px;
  border:1px solid #e2e7f0;
  border-radius:10px;
  background:#f9fafb;
  color:#344054!important;
}
.sqc-link-preview:hover{
  border-color:#c4ceff;
  background:#f7f9ff;
}
.sqc-link-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:9px;
  background:#eef2ff;
  color:#3157ff;
  font-size:16px;
}
.sqc-link-preview span:nth-child(2){min-width:0}
.sqc-link-preview strong{
  display:block;
  color:#101828;
  font-size:11px;
}
.sqc-link-preview small{
  display:block;
  margin-top:3px;
  overflow:hidden;
  color:#98a2b3;
  font-size:9px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.sqc-link-preview-large{
  grid-template-columns:44px minmax(0,1fr) auto;
  padding:12px;
  margin:10px 0 18px;
}
.sqc-link-preview-large b{
  color:#3157ff;
  font-size:10px;
}

@media(max-width:700px){
  .sqc-create-bar{
    display:grid;
    grid-template-columns:40px minmax(0,1fr) 42px;
  }
  .sqc-create-button{display:none!important}
  .sqc-create-guest{
    grid-column:1/-1;
    align-items:flex-start;
    flex-direction:column;
  }
  .sqc-create-guest>div:last-child{width:100%}
  .sqc-create-guest>div:last-child>a{flex:1}
  .sqc-compose-guidance{grid-template-columns:1fr}
  .sqc-compose-head{padding:20px 18px 15px}
  .sqc-compose-fields{padding:16px 18px 20px}
  .sqc-editor-toolbar{overflow-x:auto;flex-wrap:nowrap}
  .sqc-editor-toolbar button{flex:0 0 auto}
  .sqc-editor-foot{align-items:flex-start;flex-direction:column}
  .sqc-link-preview-large{grid-template-columns:40px minmax(0,1fr)}
  .sqc-link-preview-large>b{grid-column:2}
}


/* v0.3.1 — button visibility + post composer action hardening */
.sqc-compose-top-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.sqc-compose-top-actions .sqc-top-submit{
  min-height:38px!important;
  padding:8px 13px!important;
}
.sqc-compose-actions{
  position:sticky;
  bottom:0;
  z-index:30;
  margin:6px -26px -25px;
  padding:13px 26px;
  border-top:1px solid #e5eaf2;
  background:rgba(255,255,255,.97);
}
.sqc-compose-actions .sqc-primary,
.sqc-compose-actions .sqc-secondary{
  visibility:visible!important;
  opacity:1!important;
}
@media(max-width:700px){
  .sqc-compose-top-actions .sqc-compose-draft-note{display:none}
  .sqc-compose-actions{
    margin:6px -18px -20px;
    padding:11px 18px;
  }
}


/* =========================================================
   v0.3.2 — Reddit-like editor polish / link visibility
   ========================================================= */

/* Links must visually read as links, both while composing and after publishing. */
#smmfaq-community-app .sqc-rich-editor a,
#smmfaq-community-app .sqc-editor-preview a,
#smmfaq-community-app .sqc-content a,
#smmfaq-community-app .sqc-comment-content a,
.sqc-page .sqc-rich-editor a,
.sqc-page .sqc-editor-preview a,
.sqc-page .sqc-content a,
.sqc-page .sqc-comment-content a {
  color:#2563eb!important;
  -webkit-text-fill-color:#2563eb!important;
  text-decoration:underline!important;
  text-decoration-thickness:1.5px!important;
  text-underline-offset:2px!important;
  font-weight:650!important;
  cursor:pointer!important;
  overflow-wrap:anywhere!important;
}

#smmfaq-community-app .sqc-rich-editor a:hover,
#smmfaq-community-app .sqc-editor-preview a:hover,
#smmfaq-community-app .sqc-content a:hover,
#smmfaq-community-app .sqc-comment-content a:hover,
.sqc-page .sqc-rich-editor a:hover,
.sqc-page .sqc-editor-preview a:hover,
.sqc-page .sqc-content a:hover,
.sqc-page .sqc-comment-content a:hover {
  color:#1d4ed8!important;
  -webkit-text-fill-color:#1d4ed8!important;
  text-decoration-thickness:2px!important;
}

.sqc-toolbar-spacer{flex:1 1 auto}
.sqc-editor-toolbar button.active{
  background:#e9eefb!important;
  color:#3157ff!important;
  -webkit-text-fill-color:#3157ff!important;
}

.sqc-editor-preview{
  min-height:220px;
  padding:14px 15px;
  color:#101828;
  font-size:14px;
  line-height:1.65;
  overflow-wrap:anywhere;
}
.sqc-editor-preview[hidden]{display:none!important}
.sqc-preview-empty{
  color:#98a2b3;
  font-style:italic;
}
.sqc-editor-preview h3,
.sqc-rich-editor h3{
  margin:16px 0 8px;
  font-size:20px;
  line-height:1.3;
}
.sqc-editor-preview ul,
.sqc-editor-preview ol,
.sqc-rich-editor ul,
.sqc-rich-editor ol{
  margin:10px 0;
  padding-left:24px;
}
.sqc-editor-preview pre,
.sqc-rich-editor pre,
.sqc-content pre{
  overflow:auto;
  margin:12px 0;
  padding:12px;
  border:1px solid #e4e7ec;
  border-radius:9px;
  background:#f8fafc;
  color:#344054;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:12px;
  line-height:1.55;
}
.sqc-editor-preview blockquote,
.sqc-content blockquote{
  margin:12px 0;
  padding:9px 13px;
  border-left:3px solid #3157ff;
  background:#f8faff;
  color:#475467;
}

.sqc-draft-status{
  margin-right:auto;
  color:#98a2b3;
  font-size:9px;
  font-weight:800;
}
.sqc-draft-status.saved{color:#667085}
.sqc-discard-draft{
  min-height:38px!important;
  padding:7px 11px!important;
}

.sqc-link-dialog{
  position:fixed;
  inset:0;
  z-index:999999;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(15,23,42,.46);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
.sqc-link-dialog[hidden]{display:none!important}
.sqc-link-dialog-card{
  width:min(440px,100%);
  padding:18px;
  border:1px solid #e4e7ec;
  border-radius:15px;
  background:#fff;
  box-shadow:0 24px 80px rgba(15,23,42,.22);
}
.sqc-link-dialog-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.sqc-link-dialog-head strong{
  font-size:18px;
}
.sqc-link-dialog-head button{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  background:#f2f4f7!important;
  color:#344054!important;
  -webkit-text-fill-color:#344054!important;
  font-size:21px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.sqc-link-dialog-card label{
  display:grid;
  gap:6px;
  margin-top:11px;
}
.sqc-link-dialog-card label>span{
  color:#344054;
  font-size:10px;
  font-weight:900;
}
.sqc-link-dialog-card input{
  width:100%;
  height:44px;
  padding:0 11px;
  border:1px solid #d0d5dd;
  border-radius:9px;
  background:#fff;
  color:#101828;
  font-size:14px;
}
.sqc-link-dialog-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:16px;
}

.sqc-compose-actions{
  flex-wrap:wrap!important;
}
.sqc-compose-actions .sqc-draft-status{
  flex:1 1 auto;
}

/* Make user generated content more Reddit-like and readable. */
.sqc-content p,
.sqc-comment-content p{
  margin:0 0 12px;
}
.sqc-content ul,
.sqc-content ol,
.sqc-comment-content ul,
.sqc-comment-content ol{
  margin:10px 0;
  padding-left:24px;
}
.sqc-content s,
.sqc-editor-preview s,
.sqc-rich-editor s{
  color:#667085;
}

@media(max-width:700px){
  .sqc-draft-status{
    order:-1;
    flex:1 1 100%!important;
  }
  .sqc-discard-draft{
    flex:1 1 100%!important;
  }
  .sqc-link-dialog{
    align-items:end;
    padding:10px;
  }
  .sqc-link-dialog-card{
    width:100%;
    border-radius:16px;
  }
}


/* =========================================================
   v0.4.0 — discovery, profiles, saves, editing & pagination
   ========================================================= */
.sqc-community-controls{display:flex;align-items:center;gap:10px;margin:0 0 12px}.sqc-community-search{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;flex:1;min-height:48px;border:1px solid #dce2ec;border-radius:12px;background:#fff;overflow:hidden}.sqc-community-search>span{display:grid;place-items:center;color:#667085;font-size:20px}.sqc-community-search input[type=search]{width:100%;height:46px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#101828;font-size:13px}.sqc-community-search button{height:36px;margin-right:6px;padding:0 14px;border:0;border-radius:9px;background:#101828;color:#fff;font-size:11px;font-weight:900;cursor:pointer}.sqc-clear-search{font-size:11px;font-weight:850;color:#3157ff!important;white-space:nowrap}
.sqc-cats a.active{color:#3157ff;background:#f8faff;padding-left:9px;padding-right:9px;margin:0 -9px;border-radius:8px}.sqc-state-badge.kind-discussion{background:#eef2ff;color:#3538cd;border:1px solid #c7d2fe}.sqc-state-badge.kind-question{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.sqc-state-badge.kind-guide{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.sqc-topic-actions button.active,.sqc-thread-actions button.active{color:#3157ff!important;font-weight:900!important}
.sqc-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding:11px 13px;border:1px solid #e5eaf2;border-radius:11px;background:#fff}.sqc-pagination a{color:#3157ff!important;font-size:11px;font-weight:900}.sqc-pagination span{color:#667085;font-size:10px;font-weight:800}
.sqc-compose-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sqc-mention{color:#3157ff!important;text-decoration:none!important;font-weight:900!important;background:#eef2ff;padding:1px 4px;border-radius:5px}.sqc-comment-edit{display:grid;gap:8px;margin-top:10px;padding:10px;border:1px solid #dce2ec;border-radius:10px;background:#f8fafc}.sqc-comment-edit[hidden]{display:none!important}.sqc-comment-edit textarea{width:100%;padding:10px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;font:inherit;font-size:12px;line-height:1.55}.sqc-comment-edit>div{display:flex;justify-content:flex-end;gap:7px}.sqc-comment.is-deleted{opacity:.72}.sqc-comment.is-deleted .sqc-comment-content{font-style:italic;color:#98a2b3}
.sqc-thread-actions>a{color:#667085!important;font-size:10px;font-weight:850}.sqc-profile-head{flex-wrap:wrap}.sqc-profile-identity{min-width:180px}.sqc-profile-stats{margin-left:auto;display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));gap:8px}.sqc-profile-stats>div{padding:11px 13px;border:1px solid #e5eaf2;border-radius:11px;background:#f8fafc;text-align:center}.sqc-profile-stats b,.sqc-profile-stats span{display:block}.sqc-profile-stats b{font-size:18px}.sqc-profile-stats span{margin-top:3px;color:#98a2b3;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.sqc-profile-tabs{display:flex;gap:5px;margin-top:14px;padding:5px;border:1px solid #e5eaf2;border-radius:12px;background:#fff;overflow:auto}.sqc-profile-tabs a{flex:0 0 auto;padding:9px 13px;border-radius:8px;color:#667085!important;font-size:11px;font-weight:900}.sqc-profile-tabs a.active{background:#eef2ff;color:#3157ff!important}.sqc-profile-content{margin-top:13px}.sqc-profile-content .sqc-feed{gap:8px}
@media(max-width:700px){.sqc-community-controls{align-items:stretch;flex-direction:column}.sqc-community-search{width:100%}.sqc-clear-search{align-self:flex-end}.sqc-compose-meta-grid{grid-template-columns:1fr}.sqc-pagination{flex-wrap:wrap}.sqc-profile-stats{width:100%;margin-left:0}.sqc-profile-tabs{width:100%}}


/* =========================================================
   v0.4.1 — Reply editor & thread polish
   ========================================================= */
.sqc-topic-author{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px}
.sqc-user-badge{display:inline-flex;align-items:center;min-height:19px;padding:0 6px;border-radius:999px;font-size:8px;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.sqc-user-badge.admin{border:1px solid #c7d2fe;background:#eef2ff;color:#3538cd}
.sqc-user-badge.moderator{border:1px solid #bae6fd;background:#f0f9ff;color:#0369a1}
.sqc-user-badge.provider{border:1px solid #abefc6;background:#ecfdf3;color:#027a48}
.sqc-profile-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.sqc-follow b[data-follow-count]{min-width:0!important;height:auto!important;padding:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;font-size:10px!important;font-weight:850!important}

.sqc-rich-reply-form{padding:0!important;overflow:hidden}
.sqc-rich-reply-form .sqc-reply-context{margin:12px 12px 0}
.sqc-reply-context{border-color:#c7d2fe!important;background:#f8faff!important}
.sqc-reply-context>span{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.sqc-reply-context strong{display:inline-flex;align-items:center;min-height:23px;padding:0 7px;border-radius:999px;background:#eef2ff;color:#3157ff;font-size:10px;font-weight:900}
.sqc-reply-editor-shell{overflow:hidden;margin:12px;border:1px solid #dce2ec;border-radius:12px;background:#fff}
.sqc-reply-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:3px;padding:7px 8px;border-bottom:1px solid #e9edf3;background:#f8fafc}
.sqc-reply-toolbar button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:34px!important;width:auto!important;height:32px!important;padding:0 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#475467!important;-webkit-text-fill-color:#475467!important;font-size:11px!important;font-weight:800!important;line-height:1!important;text-indent:0!important;visibility:visible!important;opacity:1!important;cursor:pointer!important}
.sqc-reply-toolbar button:hover{background:#e9eefb!important;color:#3157ff!important;-webkit-text-fill-color:#3157ff!important}
.sqc-reply-rich-editor{min-height:138px;padding:13px 14px;outline:none;color:#101828;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.sqc-reply-rich-editor:empty::before{content:attr(data-placeholder);color:#98a2b3;pointer-events:none}
.sqc-reply-rich-editor a{color:#2563eb!important;-webkit-text-fill-color:#2563eb!important;text-decoration:underline!important;text-decoration-thickness:1.5px!important;text-underline-offset:2px!important;font-weight:650!important}
.sqc-reply-rich-editor blockquote{margin:10px 0;padding:8px 11px;border-left:3px solid #3157ff;background:#f8faff;color:#475467}
.sqc-reply-rich-editor code{padding:2px 5px;border-radius:5px;background:#f2f4f7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.sqc-reply-rich-editor ul,.sqc-reply-rich-editor ol{margin:8px 0;padding-left:22px}
.sqc-reply-editor-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-top:1px solid #eef1f5;background:#fbfcfe;color:#98a2b3;font-size:9px}
.sqc-reply-submit-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 12px 12px}
.sqc-reply-help{margin-right:auto;color:#98a2b3;font-size:9px}
.sqc-reply-submit-row .sqc-primary{min-width:116px!important}

.sqc-comment{grid-template-columns:46px minmax(0,1fr)!important;gap:11px!important;padding:13px 14px!important}
.sqc-comment.is-best{position:relative;border-color:#6ce9a6!important;background:linear-gradient(180deg,#f6fffa 0,#fff 58%)!important;box-shadow:0 0 0 2px rgba(18,183,106,.08),0 10px 28px rgba(15,23,42,.04)!important}
.sqc-comment.is-best::before{content:"Best Answer";position:absolute;top:-9px;right:14px;padding:4px 8px;border-radius:999px;background:#12b76a;color:#fff;font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.sqc-small-vote{align-self:flex-start;width:40px!important;min-height:58px!important;margin-top:1px}
.sqc-comment-meta{min-height:22px;gap:5px!important}
.sqc-comment-author{color:#344054!important;font-weight:900!important}
.sqc-comment-content{margin-top:7px;color:#344054;font-size:12px;line-height:1.7}
.sqc-comment-content a{color:#2563eb!important;-webkit-text-fill-color:#2563eb!important;text-decoration:underline!important;text-underline-offset:2px!important}
.sqc-comment-actions{gap:5px!important;margin-top:10px!important}
.sqc-action-chip{display:inline-flex!important;align-items:center!important;min-height:29px!important;padding:0 8px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#667085!important;-webkit-text-fill-color:#667085!important;font-size:9px!important;font-weight:850!important;line-height:1!important;visibility:visible!important;opacity:1!important;cursor:pointer!important}
.sqc-action-chip:hover{border-color:#e4e7ec!important;background:#f8fafc!important;color:#344054!important;-webkit-text-fill-color:#344054!important}
.sqc-best-action.active{border-color:#abefc6!important;background:#ecfdf3!important;color:#027a48!important;-webkit-text-fill-color:#027a48!important}
.sqc-danger-action:hover{border-color:#fecaca!important;background:#fef2f2!important;color:#b42318!important;-webkit-text-fill-color:#b42318!important}
.sqc-best-badge{min-height:20px!important;padding:0 7px!important}
.sqc-comment-edit{margin-top:11px!important;padding:10px!important}
.sqc-comment-edit-editor{min-height:110px;padding:10px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#101828;font-size:12px;line-height:1.6;outline:none}
.sqc-comment-edit-editor:focus{border-color:#9db0ff;box-shadow:0 0 0 3px rgba(49,87,255,.08)}
.sqc-comment-edit-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}

@media(max-width:640px){
  .sqc-reply-toolbar{flex-wrap:nowrap;overflow-x:auto}
  .sqc-reply-toolbar button{flex:0 0 auto!important}
  .sqc-reply-editor-foot{align-items:flex-start;flex-direction:column}
  .sqc-reply-submit-row{align-items:stretch;flex-direction:column}
  .sqc-reply-help{margin-right:0}
  .sqc-reply-submit-row .sqc-primary{width:100%!important}
  .sqc-comment{grid-template-columns:37px minmax(0,1fr)!important;padding:11px!important}
  .sqc-small-vote{width:34px!important}
  .sqc-comment-actions{row-gap:4px!important}
}


/* =========================================================
   v0.4.2 — Reddit-style thread hierarchy polish
   ========================================================= */

/* Root comments remain cards; nested comments become a lightweight thread tree. */
.sqc-comment-list > .sqc-comment{
  margin-left:0!important;
  border:1px solid #e3e8ef!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(15,23,42,.025)!important;
}

.sqc-comment .sqc-comment{
  margin:10px 0 0!important;
  padding:11px 0 3px 14px!important;
  border:0!important;
  border-left:2px solid #e3e8ef!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.sqc-comment .sqc-comment:hover{
  border-left-color:#c7d2fe!important;
}

.sqc-comment .sqc-comment.is-best{
  margin-top:13px!important;
  padding:12px 10px 8px 14px!important;
  border:1px solid #abefc6!important;
  border-left:3px solid #12b76a!important;
  border-radius:10px!important;
  background:#f8fffb!important;
  box-shadow:none!important;
}

/* One Best Answer badge only: the top-right card label. */
.sqc-best-badge{
  display:none!important;
}

.sqc-comment.is-best::before{
  content:"✓ Best Answer"!important;
  top:-10px!important;
  right:14px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:#12b76a!important;
  color:#fff!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  box-shadow:0 4px 12px rgba(18,183,106,.18)!important;
}

/* Remove action should be available but visually secondary. */
.sqc-best-action.active{
  border-color:transparent!important;
  background:transparent!important;
  color:#067647!important;
  -webkit-text-fill-color:#067647!important;
}
.sqc-best-action.active:hover{
  border-color:#abefc6!important;
  background:#ecfdf3!important;
}

/* Smaller vote column = more room for actual conversation text. */
.sqc-comment{
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:10px!important;
}
.sqc-small-vote{
  width:34px!important;
  min-height:52px!important;
  border-radius:9px!important;
}
.sqc-small-vote span{
  font-size:15px!important;
}
.sqc-small-vote b{
  font-size:9px!important;
}

/* Nested replies use an even smaller vote affordance. */
.sqc-comment .sqc-comment{
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:8px!important;
}
.sqc-comment .sqc-comment .sqc-small-vote{
  width:30px!important;
  min-height:46px!important;
}

/* More readable Reddit-style action row. */
.sqc-action-chip{
  min-height:30px!important;
  padding:0 8px!important;
  font-size:10px!important;
  font-weight:800!important;
}
.sqc-comment-actions{
  gap:4px!important;
  row-gap:4px!important;
  margin-top:9px!important;
}

/* Mention links should clearly behave like profile links. */
.sqc-mention{
  transition:background-color .15s ease,color .15s ease!important;
}
.sqc-mention:hover,
.sqc-mention:focus{
  color:#1d4ed8!important;
  -webkit-text-fill-color:#1d4ed8!important;
  background:#dfe7ff!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}

/* Thread author + badge/meta line breathes a little more. */
.sqc-comment-meta{
  min-height:20px!important;
  line-height:1.45!important;
}
.sqc-comment-content{
  margin-top:6px!important;
}
.sqc-comment-content p:last-child{
  margin-bottom:0!important;
}

/* Keep nested thread lines tidy through multiple levels. */
.sqc-comment-body > .sqc-comment{
  position:relative;
}
.sqc-comment-body > .sqc-comment::after{
  content:"";
  position:absolute;
  left:-2px;
  top:-10px;
  width:10px;
  height:10px;
  border-left:2px solid #e3e8ef;
  border-bottom:2px solid #e3e8ef;
  border-bottom-left-radius:6px;
  pointer-events:none;
}
.sqc-comment-body > .sqc-comment:hover::after{
  border-color:#c7d2fe;
}

/* Mobile: shallow indentation so 3–4 reply levels remain readable. */
@media(max-width:640px){
  .sqc-comment-list > .sqc-comment{
    padding:10px!important;
  }

  .sqc-comment{
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:7px!important;
  }

  .sqc-small-vote{
    width:30px!important;
    min-height:46px!important;
  }

  .sqc-comment .sqc-comment{
    grid-template-columns:30px minmax(0,1fr)!important;
    margin-top:8px!important;
    padding:9px 0 2px 8px!important;
    border-left-width:1.5px!important;
  }

  .sqc-comment .sqc-comment .sqc-small-vote{
    width:27px!important;
    min-height:42px!important;
  }

  .sqc-action-chip{
    min-height:29px!important;
    padding:0 6px!important;
    font-size:9px!important;
  }

  .sqc-comment.is-best::before{
    right:8px!important;
  }
}


/* =========================================================
   v0.4.3 — Best Answer data integrity + final thread rhythm
   ========================================================= */

/* Slightly tighter root reply cards without making the thread cramped. */
.sqc-comment-list > .sqc-comment{
  padding-top:11px!important;
  padding-bottom:11px!important;
}

/* Cleaner elbow connector from parent reply into a child thread. */
.sqc-comment-body > .sqc-comment::after{
  left:-2px!important;
  top:-9px!important;
  width:11px!important;
  height:12px!important;
  border-left:2px solid #e3e8ef!important;
  border-bottom:2px solid #e3e8ef!important;
  border-bottom-left-radius:7px!important;
}
.sqc-comment-body > .sqc-comment:hover::after{
  border-color:#c7d2fe!important;
}

/* Keep nested content aligned with the thread line. */
.sqc-comment .sqc-comment{
  padding-left:15px!important;
}

/* The single Best Answer label should never overlap reply metadata. */
.sqc-comment.is-best{
  padding-top:17px!important;
}
.sqc-comment.is-best::before{
  top:-10px!important;
}

/* A selected answer's action row remains quiet and readable. */
.sqc-comment.is-best .sqc-comment-actions{
  margin-top:8px!important;
}

@media(max-width:640px){
  .sqc-comment-list > .sqc-comment{
    padding-top:9px!important;
    padding-bottom:9px!important;
  }

  .sqc-comment .sqc-comment{
    padding-left:9px!important;
  }

  .sqc-comment-body > .sqc-comment::after{
    width:7px!important;
    height:10px!important;
    border-left-width:1.5px!important;
    border-bottom-width:1.5px!important;
  }
}