/* Epic Questions (qa-system) styles - served as a cached file by
   sgnqa_inject_assets() (hooks.php); used to be inlined into every page. */
.sgnqa-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--nc-accent,#0f7b6c);color:var(--nc-accent-ink,#fff) !important;font-size:11px;font-weight:700;text-decoration:none !important;margin-right:8px;line-height:1.4}
.sgnqa-pill.solved{background:#16a34a}
.sgnqa-user-link{color:var(--bs-link-color,#5c7cfa);text-decoration:none}
.sgnqa-user-link:hover{text-decoration:underline}
.sgnqa-user-badges{display:inline-flex;align-items:center;gap:6px;margin-left:6px}
.badge-system-badges{display:inline-flex;gap:1px;margin-left:2px;vertical-align:middle;white-space:nowrap;align-items:center}
.badge-system-badge{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:transparent;vertical-align:middle;margin:0}
.badge-system-badge i{font-size:15px;line-height:1}
/* Replaces the old stacked layout (pills inline with the name, then a
   separate .post-time div, then a separate .sgnqa-mini div - three rows of
   chrome forced by two native block-level elements) with one flex-wrap row
   holding all of it, so it reads as a single horizontal meta line instead
   of a stack. */
.sgnqa-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:4px 0 2px}
.sgnqa-meta-row .post-time{margin:0}
.sgnqa-card-vote-group{display:inline-flex;align-items:center;gap:4px}
.sgnqa-card-vote-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid var(--nc-line,#e4e8ee);border-radius:6px;background:var(--nc-surface,#fff);color:var(--nc-ink-soft,#5a6675);font-size:11px;cursor:pointer}
.sgnqa-card-vote-btn:hover{background:var(--nc-surface-sunk,#f5f7fa)}
.sgnqa-card-vote-btn:disabled{opacity:.5;cursor:not-allowed}
.sgnqa-mini-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-weight:600;font-size:11px}
.sgnqa-mini-chip--answers{background:var(--nc-surface-sunk,#f5f7fa);color:var(--nc-ink-soft,#5a6675)}
.sgnqa-mini-chip--prize{background:#fef3c7;color:#92400e}
.sgnqa-mini-chip--time{background:var(--nc-surface-sunk,#f5f7fa);color:var(--nc-ink-soft,#5a6675)}
.sgnqa-mini-chip--time.is-closed{color:var(--nc-ink-faint,#667180)}
.sgnqa-mini-chip--details{background:transparent;color:var(--nc-accent,#0f7b6c) !important;border:1px solid var(--nc-accent,#0f7b6c);text-decoration:none !important;cursor:pointer}
.sgnqa-mini-chip--details:hover{background:rgba(15,123,108,.08)}
.sgnqa-card-panel{margin:10px 0 4px;display:flex;flex-direction:column;gap:10px}
.sgnqa-card-prizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.sgnqa-card-prize{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#fffbeb;border:1px solid #fde68a}
.sgnqa-card-prize--2{background:#f8fafc;border-color:#e2e8f0}
.sgnqa-card-prize--3{background:#fff7ed;border-color:#fed7aa}
.sgnqa-card-prize__img{flex:none;width:44px;height:44px;border-radius:10px;background:#fff center/cover no-repeat}
.sgnqa-card-prize__medal{flex:none;font-size:26px;line-height:1}
.sgnqa-card-prize__body{display:flex;flex-direction:column;min-width:0}
.sgnqa-card-prize__rank{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#92400e}
.sgnqa-card-prize__label{font-size:13px;font-weight:700;color:var(--nc-ink,#10161f);line-height:1.25}
.sgnqa-card-facts{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--nc-ink-soft,#5a6675)}
.sgnqa-card-facts span{display:inline-flex;align-items:center;gap:5px}
.sgnqa-card-facts i{color:var(--nc-accent,#0f7b6c)}
.sgnqa-card-facts .is-closed,.sgnqa-card-facts .is-closed i{color:#b42318}
.sgnqa-card-winners{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(15,123,108,.07)}
.sgnqa-card-winners__title{font-size:12px;font-weight:800;color:var(--nc-accent,#0f7b6c);display:inline-flex;gap:5px;align-items:center}
.sgnqa-card-winner{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}
.sgnqa-card-winner img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.sgnqa-card-rules{border:1px solid var(--nc-line,#e4e8ee);border-radius:12px;padding:0 12px;background:var(--nc-surface,#fff)}
.sgnqa-card-rules summary{cursor:pointer;padding:9px 0;font-size:13px;font-weight:700;color:var(--nc-ink,#10161f);list-style:none;display:flex;align-items:center;gap:6px}
.sgnqa-card-rules summary::-webkit-details-marker{display:none}
.sgnqa-card-rules summary::after{content:'+';margin-left:auto;font-size:16px;font-weight:700;color:var(--nc-ink-faint,#667180)}
.sgnqa-card-rules[open] summary::after{content:'\2212'}
.sgnqa-card-rules__body{padding:0 0 12px;font-size:13px;line-height:1.55;color:var(--nc-ink-soft,#5a6675)}
.sgnqa-answer-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--nc-ink-soft,#5a6675);background:var(--nc-surface-sunk,#f5f7fa);border-radius:8px;padding:6px 10px;margin-top:6px}
.sgnqa-answer-hint i{color:var(--nc-accent,#0f7b6c)}
.sgnqa-winners-strip{margin-bottom:16px}
.sgnqa-winners-strip-title{font-weight:700;font-size:14px;margin-bottom:8px;display:flex;align-items:center;gap:6px;color:#92400e}
.sgnqa-winners-strip-track{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.sgnqa-winner-card{display:flex;gap:8px;align-items:flex-start;flex:0 0 220px;padding:10px;border-radius:12px;background:#fffbeb;border:1px solid #fde68a;text-decoration:none !important;color:inherit !important}
.sgnqa-winner-card-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.sgnqa-winner-card-body{min-width:0}
.sgnqa-winner-card-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sgnqa-winner-card-prize{font-size:11px;color:#92400e;font-weight:600;margin-top:2px}
.sgnqa-winner-card-question{font-size:11px;color:#78716c;margin-top:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* color is intentionally NOT !important (was `inherit !important`,
   which always beat the darker/bolder override further down this
   file regardless of specificity) and there is no :hover rule - the
   title has never been a link since Epic Questions went admin-only-
   detail-page (only admins ever get a real link, via the Manage
   chip), so it must never look clickable either. */
.sgnqa-q-title{display:block;font-size:20px;line-height:1.35;font-weight:700;text-decoration:none !important;margin:0 0 8px}
.sgnqa-post-question .post-text{margin-top:10px}
.sgnqa-inline-answer{margin:10px 14px 12px;padding:10px;border:1px solid #dbe7f3;border-radius:10px;background:#f8fbff}
.sgnqa-inline-answer textarea{width:100%;min-height:88px;border:1px solid #cfe0f2;border-radius:8px;padding:9px 10px;resize:vertical;outline:0}
.sgnqa-inline-answer textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.sgnqa-inline-actions{margin-top:8px;display:flex;gap:8px;align-items:center}
.sgnqa-inline-actions .btn{padding:7px 11px;border-radius:8px;border:1px solid #bfdbfe;background:#2563eb;color:#fff;font-size:12px;font-weight:700;line-height:1.2;cursor:pointer}
.sgnqa-inline-actions .btn.sgnqa-cancel{background:#fff;border-color:#d1d5db;color:#334155}
.js-sgnqa-answer-action{display:flex;align-items:center;justify-content:center;gap:6px}
.js-sgnqa-answer-action .sgnqa-answer-icon{font-size:16px;line-height:1;margin-right:0 !important}
.js-sgnqa-comment-action{display:flex;align-items:center;justify-content:center;gap:6px}
.js-sgnqa-comment-action .sgnqa-answer-icon{font-size:16px;line-height:1;margin-right:0 !important}
.sgnqa-guest-cta{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:rgba(15,123,108,.1);color:var(--nc-accent,#0f7b6c) !important;font-size:11px;font-weight:700;text-decoration:none !important}
.sgnqa-guest-cta:hover{background:rgba(15,123,108,.16)}
.sgnqa-ask-tab-item{width:100%;margin-bottom:8px}
.sgnqa-ask-panel-item{width:100%}
.sgnqa-field{margin-bottom:14px}
.sgnqa-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#334155;margin-bottom:5px}
.sgnqa-req{color:#dc2626;font-weight:800}
.sgnqa-optional{font-weight:600;font-size:10px;text-transform:none;letter-spacing:0;color:#94a3b8}
.sgnqa-help{font-size:12px;line-height:1.45;color:#64748b;margin-top:5px}
.sgnqa-counter{font-size:11px;color:#94a3b8;text-align:right;margin-top:4px}
.sgnqa-error{display:none;font-size:12px;font-weight:600;color:#dc2626;margin-top:5px}
.sgnqa-field.has-error .sgnqa-error{display:block}
.sgnqa-field.has-error .form-control,.sgnqa-field.has-error .form-select{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.12)}
.sgnqa-prize-label{font-size:11px;font-weight:700;color:#475569;margin-bottom:4px}
.sgnqa-comment-votes{display:inline-flex;align-items:center;gap:4px;margin-left:8px;vertical-align:middle}
.sgnqa-comment-votes .sgnqa-cv-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:1px solid #d7e2ee;border-radius:6px;background:#fff;color:#64748b;font-size:11px;line-height:1;cursor:pointer}
.sgnqa-comment-votes .sgnqa-cv-btn:hover{border-color:#2563eb;color:#2563eb}
.sgnqa-comment-votes .sgnqa-cv-btn.is-active{background:#2563eb;border-color:#2563eb;color:#fff}
.sgnqa-comment-votes .sgnqa-cv-btn[disabled]{opacity:.45;cursor:not-allowed}
.sgnqa-comment-votes .sgnqa-cv-score{min-width:18px;text-align:center;font-size:12px;font-weight:700;color:#334155}
.sgnqa-comment-winner{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;border-radius:999px;background:#f59e0b;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;vertical-align:middle}
.sgnqa-comment-winner.rank-1{background:#f59e0b}
.sgnqa-comment-winner.rank-2{background:#94a3b8}
.sgnqa-comment-winner.rank-3{background:#b45309}
.sgnqa-comment-winner.rank-4{background:#0ea5e9}
.sgnqa-cv-pick{margin-left:6px;padding:2px 8px;border:1px solid #16a34a;border-radius:999px;background:#fff;color:#16a34a;font-size:10px;font-weight:700;cursor:pointer}
.sgnqa-cv-pick:hover{background:#16a34a;color:#fff}
.sgnqa-cv-pick.is-active{background:#f59e0b;border-color:#f59e0b;color:#fff}
.sgnqa-index-composer-card{
  border:1px solid #dbe7f3;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(15,23,42,.06);
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 56%,#eef6ff 100%);
}
.sgnqa-index-composer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.sgnqa-index-composer-user{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.sgnqa-index-composer-avatar{
  width:52px;
  height:52px;
  border-radius:50%;
  object-fit:cover;
  flex:0 0 52px;
  border:3px solid rgba(255,255,255,.9);
  box-shadow:0 8px 22px rgba(37,99,235,.14);
}
.sgnqa-index-composer-title{
  font-size:18px;
  font-weight:800;
  color:#0f172a;
  line-height:1.2;
}
.sgnqa-index-composer-subtitle{
  margin-top:3px;
  color:#526277;
  font-size:13px;
  line-height:1.45;
}
.sgnqa-index-composer-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:10px 16px;
  font-weight:700;
}
.sgnqa-index-composer-lock{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  background:#fff7ed;
  color:#9a3412;
  font-size:12px;
  font-weight:700;
}
.sgnqa-index-composer-trigger{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:16px 18px;
  border:1px solid #d8e6f5;
  border-radius:16px;
  background:#ffffff;
  color:#1e293b;
  text-align:left;
  font-size:15px;
  font-weight:600;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  transition:all .2s ease;
}
.sgnqa-index-composer-trigger:hover{
  border-color:#93c5fd;
  background:#f8fbff;
  transform:translateY(-1px);
}
.sgnqa-index-composer-trigger i{
  color:#2563eb;
  font-size:16px;
}
.sgnqa-index-composer-hints{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.sgnqa-index-composer-hints span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  border:1px solid #e2ebf5;
  color:#526277;
  font-size:12px;
  font-weight:600;
}
.sgnqa-index-composer-hints i{
  color:#2563eb;
}
.publisher.sgnqa-question-only-mode .publisher-message,
.publisher.sgnqa-question-only-mode .publisher-tools-tabs .row > li:not(.sgnqa-ask-tab-item):not(.sgnqa-ask-panel-item),
.publisher.sgnqa-question-only-mode .publisher-footer-options{
  display:none !important;
}
.publisher.sgnqa-question-only-mode .sgnqa-ask-tab-item{
  display:none !important;
}
.publisher.sgnqa-question-only-mode .sgnqa-ask-panel-item{
  display:block !important;
  margin-bottom:0;
}
.publisher.sgnqa-question-only-mode .sgnqa-ask-wrap{
  display:block !important;
  margin-top:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.publisher.sgnqa-question-only-mode .publisher-slider{
  padding-top:0;
}
.publisher.sgnqa-question-only-mode .publisher-footer{
  border-top:1px solid #e5e7eb;
  margin-top:12px;
  padding-top:16px;
}
.publisher .js-sgnqa-toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  width:100%;
  border-radius:12px;
  border:1px solid #dbe7f3;
  background:#f8fbff;
  color:#1f4a7a;
  font-weight:700;
  white-space:nowrap;
}
.publisher .js-sgnqa-toggle:hover{background:#eef6ff;border-color:#bfdbfe}
.publisher .js-sgnqa-toggle .sgnqa-toggle-caret{transition:transform .2s ease;opacity:.75}
.publisher .js-sgnqa-toggle[aria-expanded="true"] .sgnqa-toggle-caret{transform:rotate(180deg)}
.sgnqa-ask-wrap{
  margin:10px 0 0;
  padding:12px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#f8fafc;
  transition:all .2s ease;
}
.sgnqa-ask-wrap.sgnqa-closed{display:none}
.sgnqa-ask-wrap .form-control,.sgnqa-ask-wrap .form-select{margin-bottom:8px}
.sgnqa-answer-price-wrap.x-hidden{display:none}
.sgnqa-answer-hint{font-size:13px}
.sgnqa-expiry-wrap.x-hidden{display:none}
.sgnqa-admin-config{
  margin-top:10px;
  padding:10px;
  border:1px dashed #cfdcf0;
  border-radius:12px;
  background:#fff;
}
.sgnqa-admin-config-title{
  margin:0 0 8px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#1f4a7a;
}
.sgnqa-prize-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.sgnqa-prize-field{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.sgnqa-prize-field.x-hidden{
  display:none;
}
.sgnqa-prize-upload{
  display:flex;
  align-items:center;
  gap:10px;
}
.sgnqa-prize-upload .x-image{
  width:68px;
  height:68px;
  min-width:68px;
  border:1px dashed #cfdcf0;
  border-radius:12px;
  background:#f8fbff;
  position:relative;
  background-size:cover;
  background-position:center;
  overflow:hidden;
}
.sgnqa-prize-upload .x-image .js_x-uploader{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#5b7bb2;
}
.sgnqa-prize-upload .x-image-loader{
  position:absolute;
  inset:auto 6px 6px;
}
.sgnqa-prize-thumb{
  width:100%;
  aspect-ratio:16/10;
  border-radius:12px;
  object-fit:cover;
  display:block;
  margin-bottom:8px;
}
.sgnqa-related-item.has-thumb{
  padding:10px;
}
.sgnqa-prize-grid .form-control,
.sgnqa-admin-config .form-select{
  font-size:13px;
}
.sgnqa-countdown-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);
  align-items:center;
  gap:22px;
  padding:18px 22px;
  margin-bottom:16px;
  border:1px solid #f4d7aa;
  border-radius:16px;
  background:
    radial-gradient(circle at top center, rgba(249,173,64,.16), transparent 52%),
    linear-gradient(135deg,#fffaf1 0%,#fff3de 100%);
  box-shadow:0 10px 28px rgba(233,161,52,.08);
}
.sgnqa-countdown-card.is-expired{
  border-color:#efc1c1;
  background:
    radial-gradient(circle at top center, rgba(239,68,68,.12), transparent 52%),
    linear-gradient(135deg,#fff6f6 0%,#ffe7e7 100%);
  box-shadow:0 10px 28px rgba(220,38,38,.08);
}
.sgnqa-countdown-side{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}
.sgnqa-countdown-divider{
  width:1px;
  height:56px;
  background:linear-gradient(180deg,rgba(236,168,69,.06) 0%, rgba(236,168,69,.45) 50%, rgba(236,168,69,.06) 100%);
}
.sgnqa-countdown-card.is-expired .sgnqa-countdown-divider{
  background:linear-gradient(180deg,rgba(220,38,38,.06) 0%, rgba(220,38,38,.35) 50%, rgba(220,38,38,.06) 100%);
}
.sgnqa-countdown-icon{
  flex:0 0 44px;
  width:44px;
  height:44px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#fff8ea 0%,#fff1d4 100%);
  border:1px solid #f5d7a6;
  color:#e28718;
  font-size:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.sgnqa-countdown-card.is-expired .sgnqa-countdown-icon{
  background:linear-gradient(180deg,#fff4f4 0%,#ffe4e4 100%);
  border-color:#efc1c1;
  color:#d14343;
}
.sgnqa-countdown-copy{min-width:0}
.sgnqa-countdown-label{
  margin:0 0 4px;
  font-size:15px;
  font-weight:600;
  color:#49566a;
  letter-spacing:0;
  text-transform:none;
}
.sgnqa-countdown-card.is-expired .sgnqa-countdown-label{color:#7f4545}
.sgnqa-countdown-value{
  font-size:21px;
  font-weight:800;
  line-height:1.15;
  color:#5a3a0a;
}
.sgnqa-countdown-card.is-expired .sgnqa-countdown-value{color:#a12f2f}
.sgnqa-countdown-close{
  font-size:18px;
  font-weight:800;
  line-height:1.2;
  color:#e28718;
}
.sgnqa-countdown-card.is-expired .sgnqa-countdown-close{color:#d14343}
.sgnqa-price-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:12px 14px;
  margin-bottom:14px;
  margin-left:2px;
  margin-right:2px;
  border:1px solid #f6d7d7;
  border-radius:14px;
  background:
    radial-gradient(circle at top center, rgba(239,68,68,.10), transparent 55%),
    linear-gradient(135deg,#fff9f9 0%,#fff3f3 100%);
  box-shadow:0 10px 26px rgba(220,38,38,.06);
  width:calc(100% - 4px);
  box-sizing:border-box;
}
.sgnqa-price-card.free{
  border-color:#cbe8d6;
  background:
    radial-gradient(circle at top center, rgba(34,197,94,.10), transparent 55%),
    linear-gradient(135deg,#f8fffb 0%,#eefcf4 100%);
  box-shadow:0 10px 26px rgba(22,163,74,.06);
}
.sgnqa-price-main{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.sgnqa-price-icon{
  flex:0 0 44px;
  width:44px;
  height:44px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:18px;
  background:linear-gradient(180deg,#ef5350 0%,#d93025 100%);
  box-shadow:0 10px 24px rgba(217,48,37,.22);
}
.sgnqa-price-card.free .sgnqa-price-icon{
  background:linear-gradient(180deg,#34d399 0%,#16a34a 100%);
  box-shadow:0 10px 24px rgba(22,163,74,.20);
}
.sgnqa-price-copy{min-width:0}
.sgnqa-price-title{
  margin:0 0 2px;
  font-size:16px;
  font-weight:800;
  line-height:1.2;
  color:#bf1d18;
}
.sgnqa-price-card.free .sgnqa-price-title{color:#166534}
.sgnqa-price-text{
  margin:0;
  font-size:12px;
  line-height:1.4;
  color:#5f6b7a;
}
.sgnqa-price-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:12px;
  background:linear-gradient(135deg,#ffe8e8 0%,#ffdede 100%);
  color:#c81e1e;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}
.sgnqa-price-card.free .sgnqa-price-chip{
  background:linear-gradient(135deg,#e9fbef 0%,#dff7e8 100%);
  color:#166534;
}
.sgnqa-prizes-inline-wrap{
  display:block;
  margin:2px 2px 18px;
  padding:14px;
  border:1px solid #e3ebf6;
  border-radius:16px;
  background:
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 8px 20px rgba(15,35,64,.05);
}
.sgnqa-prizes-inline-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:linear-gradient(135deg,#204f8f 0%,#356cc2 100%);
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 8px 18px rgba(36,87,166,.18);
  margin-bottom:12px;
}
.sgnqa-prizes-inline-label::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#fbbf24;
  box-shadow:0 0 0 3px rgba(251,191,36,.22);
}
.sgnqa-prizes-inline-row{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
  gap:12px;
}
.sgnqa-prizes-inline-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid #dce7f2;
  border-radius:16px;
  background:#fff;
  box-shadow:0 6px 16px rgba(15,35,64,.05);
  position:relative;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.sgnqa-prizes-inline-item:hover{
  border-color:#bfd5ef;
  box-shadow:0 10px 22px rgba(15,35,64,.08);
}
.sgnqa-prizes-inline-item::after{
  content:"";
  position:absolute;
  inset:auto 12px 0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#f59e0b 0%,#f97316 48%,#356cc2 100%);
  opacity:.8;
}
.sgnqa-prizes-inline-thumb{
  width:58px;
  height:58px;
  border-radius:14px;
  object-fit:cover;
  flex:0 0 58px;
  border:3px solid #fff;
  box-shadow:0 6px 14px rgba(15,35,64,.10);
}
.sgnqa-prizes-inline-copy{
  min-width:0;
}
.sgnqa-prizes-inline-rank{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  color:#2457a6;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.sgnqa-prizes-inline-rank::before{
  content:"★";
  color:#f59e0b;
  font-size:12px;
}
.sgnqa-prizes-inline-name{
  margin-top:4px;
  font-size:15px;
  font-weight:700;
  line-height:1.25;
  color:#102a43;
  word-break:break-word;
}
.sgnqa-answer-expired-state{
  margin-top:14px;
}
.sgnqa-answer-ended-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border:1px solid #fecaca;
  border-radius:16px;
  background:
    radial-gradient(circle at top center, rgba(248,113,113,.16), transparent 58%),
    linear-gradient(135deg,#fff7ed 0%,#ffe7e1 52%,#fff1f2 100%);
  box-shadow:0 14px 34px rgba(248,113,113,.12);
}
.sgnqa-answer-ended-main{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.sgnqa-answer-ended-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#ef4444,#fb7185);
  color:#fff;
  font-size:20px;
  box-shadow:0 10px 24px rgba(239,68,68,.24);
}
.sgnqa-answer-ended-copy{min-width:0}
.sgnqa-answer-ended-label{
  margin-bottom:3px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#b45309;
}
.sgnqa-answer-ended-title{
  margin-bottom:4px;
  font-size:22px;
  font-weight:800;
  line-height:1.05;
  color:#991b1b;
}
.sgnqa-answer-ended-text{
  font-size:13px;
  line-height:1.45;
  color:#7f1d1d;
}
.sgnqa-expired-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 14px;
  border:1px solid #fca5a5;
  border-radius:999px;
  background:#fff;
  color:#dc2626 !important;
  font-size:13px;
  font-weight:800;
  text-decoration:none !important;
  white-space:nowrap;
  box-shadow:0 8px 18px rgba(255,255,255,.55);
}
.sgnqa-expired-link:hover{
  background:#fff5f5;
  border-color:#f87171;
  color:#b91c1c !important;
}
@media (max-width: 767px){
  .sgnqa-countdown-card{
    grid-template-columns:1fr;
    gap:14px;
    padding:16px;
  }
  .sgnqa-countdown-divider{
    width:100%;
    height:1px;
    background:linear-gradient(90deg,rgba(236,168,69,.06) 0%, rgba(236,168,69,.45) 50%, rgba(236,168,69,.06) 100%);
  }
  .sgnqa-countdown-card.is-expired .sgnqa-countdown-divider{
    background:linear-gradient(90deg,rgba(220,38,38,.06) 0%, rgba(220,38,38,.35) 50%, rgba(220,38,38,.06) 100%);
  }
  .sgnqa-price-card{
    grid-template-columns:1fr;
    gap:10px;
  }
  .sgnqa-price-chip{
    justify-content:center;
    width:100%;
  }
  .sgnqa-prizes-inline-wrap{
    padding:12px;
  }
  .sgnqa-prizes-inline-row{
    grid-template-columns:1fr;
  }
  .sgnqa-answer-ended-card{
    flex-direction:column;
    align-items:flex-start;
    padding:14px;
  }
  .sgnqa-answer-ended-main{
    align-items:flex-start;
  }
  .sgnqa-answer-ended-title{
    font-size:20px;
  }
  .sgnqa-expired-link{
    width:100%;
  }
}
.sgnqa-question-head-main{display:flex;flex-direction:column;gap:10px}
.sgnqa-question-head-badges{display:flex;flex-wrap:wrap;gap:8px}
.sgnqa-status-pill.paid{
  background:#fff2d8;
  color:#9a5b00;
  border:1px solid #f3cf8a;
}
.sgnqa-status-pill.free{
  background:#eafaf1;
  color:#17663d;
  border:1px solid #b7e3c8;
}
.sgnqa-pill-price{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-right:8px;
  padding:3px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
}
.sgnqa-pill-price.paid{
  background:#fff2d8;
  color:#9a5b00;
}
.sgnqa-pill-price.free{
  background:#eafaf1;
  color:#17663d;
}

/* Question page polish */
.sgnqa-page .card{
  border:1px solid #dde7f3;
  border-radius:18px;
  box-shadow:0 10px 28px rgba(15,35,64,.08);
  overflow:hidden;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.sgnqa-page > .container{
  width:100%;
  max-width:none;
  padding-left:0;
  padding-right:0;
  margin-left:0;
  margin-right:0;
}
.sgnqa-page .card + .card{margin-top:14px}
.sgnqa-page .card-header{
  background:linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%);
  border-bottom:1px solid #e3ebf6;
  padding:15px 18px;
}
.sgnqa-page .card-header h5{
  margin:0;
  font-weight:700;
  font-size:26px;
  line-height:1.3;
  color:#0f2a43;
}
.sgnqa-page .card-body{padding:18px}
.sgnqa-page .sgnqa-index-head{
  border:1px solid #dce8f7;
  border-radius:24px;
  overflow:hidden;
  background:
    radial-gradient(circle at top right, rgba(96,165,250,.14), transparent 26%),
    linear-gradient(180deg,#fbfdff 0%,#f3f8ff 100%);
  box-shadow:0 18px 38px rgba(33,76,135,.08);
}
.sgnqa-page .sgnqa-index-head .card-body{
  padding:22px;
}
.sgnqa-page .sgnqa-index-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.sgnqa-page .sgnqa-index-hero-copy{
  min-width:0;
  flex:1 1 auto;
}
.sgnqa-page .sgnqa-index-hero-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  min-width:260px;
  max-width:320px;
  margin-left:auto;
}
.sgnqa-page .sgnqa-index-eyebrow{
  display:inline-flex;
  align-items:center;
  margin-bottom:10px;
  padding:6px 12px;
  border-radius:999px;
  background:#eaf3ff;
  color:#2957a4;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sgnqa-page .sgnqa-index-title-row-main{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
.sgnqa-page .sgnqa-index-title-main{
  color:#0f2a43;
  font-size:32px;
  font-weight:800;
  line-height:1.1;
  letter-spacing:-.03em;
}
.sgnqa-page .sgnqa-index-description{
  margin-top:12px;
  max-width:680px;
  color:#61758b;
  font-size:15px;
  line-height:1.7;
}
.sgnqa-page .sgnqa-head-count{
  display:inline-flex;
  align-items:center;
  padding:7px 13px;
  border-radius:999px;
  background:#dbeafe;
  color:#1e40af;
  font-size:12px;
  font-weight:700;
}
.sgnqa-page .sgnqa-index-filter-bar{
  padding:16px 18px;
  border:1px solid #e2ebf6;
  border-radius:20px;
  background:rgba(255,255,255,.7);
}
.sgnqa-page .sgnqa-index-category-filter-label{
  margin:0;
  color:#4c637c;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.sgnqa-page .sgnqa-index-category-filter{
  max-width:280px;
  min-width:220px;
  background:#fff;
  font-size:14px;
  font-weight:700;
}
.sgnqa-page .sgnqa-filter-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:10px !important;
}
.sgnqa-page .sgnqa-filter-tab{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:11px 16px;
  border-radius:14px;
  border:1px solid #d7e2f0;
  background:#fff;
  color:#304861;
  font-size:14px;
  font-weight:700;
  text-decoration:none !important;
  box-shadow:0 6px 16px rgba(15,35,64,.04);
}
.sgnqa-page .sgnqa-filter-tab:hover{
  border-color:#bfdbfe;
  background:#f8fbff;
  color:#1d4ed8;
}
.sgnqa-page .sgnqa-filter-tab.is-active{
  border-color:#3b82f6;
  background:linear-gradient(180deg,#3b82f6 0%,#2563eb 100%);
  color:#fff;
}
.sgnqa-page .sgnqa-index-filter-note{
  color:#73869b;
  font-size:13px;
  line-height:1.6;
}
.sgnqa-page .sgnqa-index-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  width:100%;
  margin-top:14px;
}
.sgnqa-page .sgnqa-index-item{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  width:100%;
  box-sizing:border-box;
  border:1px solid #dbe6f4;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  padding:14px 16px;
  text-decoration:none !important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.sgnqa-page .sgnqa-index-item:hover{
  border-color:#bfd9ff;
  box-shadow:0 16px 32px rgba(29,78,216,.10);
  transform:translateY(-2px);
}
.sgnqa-page .sgnqa-index-item-main{
  min-width:0;
  flex:1 1 auto;
}
.sgnqa-page .sgnqa-index-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  gap:8px;
  margin-bottom:6px;
  flex-wrap:wrap;
}
.sgnqa-page .sgnqa-index-title-row h6{
  color:#0f2a43;
  font-size:15px;
  font-weight:800;
  line-height:1.3;
  margin-right:auto;
  letter-spacing:-.01em;
}
.sgnqa-page .sgnqa-index-summary{
  color:#657b92;
  font-size:13px;
  line-height:1.45;
  margin-bottom:8px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.sgnqa-page .sgnqa-index-submeta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:8px;
}
.sgnqa-page .sgnqa-index-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 9px;
  border-radius:999px;
  background:#f4f8ff;
  border:1px solid #d9e7fb;
  color:#55708d;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
}
.sgnqa-page .sgnqa-index-chip i{
  color:#4a74c9;
}
.sgnqa-page .sgnqa-index-chip.prize{
  background:#fff8ec;
  border-color:#f8d7aa;
  color:#a66108;
}
.sgnqa-page .sgnqa-index-chip.prize i{
  color:#d08a18;
}
.sgnqa-page .sgnqa-index-meta{
  display:flex;
  align-items:center;
  gap:12px;
  color:#64748b;
  font-size:12px;
  font-weight:700;
  flex-wrap:wrap;
}
.sgnqa-page .sgnqa-index-meta span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#587089;
}
.sgnqa-page .sgnqa-index-meta i{
  color:#425d78;
}
.sgnqa-page .sgnqa-index-item-arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:12px;
  border:1px solid #dce8f7;
  background:#f7fbff;
  color:#3b82f6;
  box-shadow:0 6px 14px rgba(37,99,235,.08);
}
.sgnqa-page .sgnqa-index-side-card{
  border:1px solid #dbe6f4;
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  box-shadow:0 14px 30px rgba(15,35,64,.06);
}
.sgnqa-page .sgnqa-index-side-card .card-header{
  background:linear-gradient(180deg,#ffffff 0%,#f6faff 100%);
  border-bottom:1px solid #e4ecf6;
}
.sgnqa-page .sgnqa-index-side-card .card-header strong{
  color:#112b45;
  font-size:15px;
  font-weight:800;
}
.sgnqa-page .sgnqa-index-side-card .card-body{
  padding:16px;
}
.sgnqa-page .sgnqa-side-meta-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.sgnqa-page .sgnqa-index-side-card .sgnqa-side-meta{
  gap:10px;
}
.sgnqa-page .sgnqa-index-side-card .sgnqa-side-meta span{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  padding:14px 12px;
  border:1px solid #dce7f4;
  border-radius:16px;
  background:#f8fbff;
  color:#1d3348;
  font-size:15px;
  font-weight:700;
}
.sgnqa-page .sgnqa-index-side-card .sgnqa-side-meta span i{
  color:#3168cb;
}
.sgnqa-page .sgnqa-index-side-card .sgnqa-side-meta span strong{
  color:#112b45;
  font-size:22px;
  font-weight:800;
  line-height:1.1;
}
.sgnqa-page .sgnqa-index-side-card .sgnqa-side-meta span small{
  color:#70849a;
  font-size:12px;
  font-weight:700;
}
.sgnqa-page .sgnqa-index-side-card .sgnqa-related-item{
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);
  border-radius:16px;
  padding:14px 14px 12px;
  border:1px solid #e0e9f5;
}
.sgnqa-page .sgnqa-index-side-card .sgnqa-related-title{
  font-size:15px;
}
.sgnqa-page .sgnqa-index-side-card .sgnqa-related-meta{
  margin-top:4px;
  color:#5d7388;
}
.sgnqa-page .sgnqa-status-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  line-height:1;
  border:1px solid transparent;
}
.sgnqa-page .sgnqa-status-pill.solved{
  color:#166534;
  background:#ecfdf3;
  border-color:#86efac;
}
.sgnqa-page .sgnqa-status-pill.open{
  color:#b45309;
  background:#fff7ed;
  border-color:#fdba74;
}
.sgnqa-page .sgnqa-status-pill.free{
  color:#1d4ed8;
  background:#eff6ff;
  border-color:#bfdbfe;
}
.sgnqa-page .sgnqa-question-edit-wrap{
  margin:10px 0 14px;
  padding:12px;
  border:1px dashed #d4e0ee;
  border-radius:12px;
  background:#f8fbff;
}
.sgnqa-page .sgnqa-side-card .card-body{padding:14px}
.sg-offcanvas-mainbar .sgnqa-side-card .card-body{padding:14px}
.sgnqa-page .sgnqa-featured-user-card .card-header{
  background:linear-gradient(135deg,#eff8ff 0%,#dff3ff 52%,#eef7ff 100%);
  border-bottom:1px solid #c7e4ff;
  color:#0f3d68;
}
.sg-offcanvas-mainbar .sgnqa-featured-user-card .card-header{
  background:linear-gradient(135deg,#eff8ff 0%,#dff3ff 52%,#eef7ff 100%);
  border-bottom:1px solid #c7e4ff;
  color:#0f3d68;
}
.sgnqa-page .sgnqa-featured-user-card .card-body{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.sg-offcanvas-mainbar .sgnqa-featured-user-card .card-body{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.sgnqa-page .sgnqa-winner-entry{
  padding:10px;
  border:1px solid #d9e8f7;
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 10px 24px rgba(15,42,67,.05);
}
.sg-offcanvas-mainbar .sgnqa-winner-entry{
  padding:10px;
  border:1px solid #d9e8f7;
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 10px 24px rgba(15,42,67,.05);
}
.sgnqa-page .sgnqa-winner-entry-rank-1{
  border-color:#f2c94c;
  box-shadow:0 12px 28px rgba(201,154,21,.14);
  background:linear-gradient(180deg,#fffdf5 0%,#fff8df 100%);
}
.sg-offcanvas-mainbar .sgnqa-winner-entry-rank-1{
  border-color:#f2c94c;
  box-shadow:0 12px 28px rgba(201,154,21,.14);
  background:linear-gradient(180deg,#fffdf5 0%,#fff8df 100%);
}
.sgnqa-page .sgnqa-winner-entry-rank-2{
  border-color:#cbd5e1;
  box-shadow:0 12px 28px rgba(100,116,139,.12);
  background:linear-gradient(180deg,#ffffff 0%,#f5f7fb 100%);
}
.sg-offcanvas-mainbar .sgnqa-winner-entry-rank-2{
  border-color:#cbd5e1;
  box-shadow:0 12px 28px rgba(100,116,139,.12);
  background:linear-gradient(180deg,#ffffff 0%,#f5f7fb 100%);
}
.sgnqa-page .sgnqa-winner-entry-rank-3{
  border-color:#d6a77a;
  box-shadow:0 12px 28px rgba(146,88,46,.12);
  background:linear-gradient(180deg,#fffaf6 0%,#fdf1e7 100%);
}
.sg-offcanvas-mainbar .sgnqa-winner-entry-rank-3{
  border-color:#d6a77a;
  box-shadow:0 12px 28px rgba(146,88,46,.12);
  background:linear-gradient(180deg,#fffaf6 0%,#fdf1e7 100%);
}
.sgnqa-page .sgnqa-winner-entry-rank-4{
  border-color:#c4b5fd;
  box-shadow:0 12px 28px rgba(109,40,217,.10);
  background:linear-gradient(180deg,#faf7ff 0%,#f4efff 100%);
}
.sg-offcanvas-mainbar .sgnqa-winner-entry-rank-4{
  border-color:#c4b5fd;
  box-shadow:0 12px 28px rgba(109,40,217,.10);
  background:linear-gradient(180deg,#faf7ff 0%,#f4efff 100%);
}
.sgnqa-page .sgnqa-winner-entry + .sgnqa-winner-entry{
  margin-top:10px !important;
}
.sg-offcanvas-mainbar .sgnqa-winner-entry + .sgnqa-winner-entry{
  margin-top:10px !important;
}
.sgnqa-page .sgnqa-winner-entry.border-top,
.sg-offcanvas-mainbar .sgnqa-winner-entry.border-top{
  border-top:1px solid #d9e8f7 !important;
}
.sgnqa-page .sgnqa-winner-entry-rank-1.border-top,
.sg-offcanvas-mainbar .sgnqa-winner-entry-rank-1.border-top{
  border-top-color:#f2c94c !important;
}
.sgnqa-page .sgnqa-winner-entry-rank-2.border-top,
.sg-offcanvas-mainbar .sgnqa-winner-entry-rank-2.border-top{
  border-top-color:#cbd5e1 !important;
}
.sgnqa-page .sgnqa-winner-entry-rank-3.border-top,
.sg-offcanvas-mainbar .sgnqa-winner-entry-rank-3.border-top{
  border-top-color:#d6a77a !important;
}
.sgnqa-page .sgnqa-winner-entry-rank-4.border-top,
.sg-offcanvas-mainbar .sgnqa-winner-entry-rank-4.border-top{
  border-top-color:#c4b5fd !important;
}
.sgnqa-page .sgnqa-winner-rank,
.sg-offcanvas-mainbar .sgnqa-winner-rank{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:8px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid transparent;
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 8px 18px rgba(37,99,235,.16);
}
.sgnqa-page .sgnqa-winner-rank-icon,
.sg-offcanvas-mainbar .sgnqa-winner-rank-icon{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  font-size:10px;
}
.sgnqa-page .sgnqa-winner-rank-text,
.sg-offcanvas-mainbar .sgnqa-winner-rank-text{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}
.sgnqa-page .sgnqa-winner-rank-1,
.sg-offcanvas-mainbar .sgnqa-winner-rank-1{
  background:linear-gradient(135deg,#f59e0b 0%,#facc15 100%);
  border-color:#eab308;
  color:#5b3b00;
}
.sgnqa-page .sgnqa-winner-rank-1 .sgnqa-winner-rank-icon,
.sg-offcanvas-mainbar .sgnqa-winner-rank-1 .sgnqa-winner-rank-icon{
  background:rgba(255,255,255,.45);
  color:#8a5a00;
}
.sgnqa-page .sgnqa-winner-rank-2,
.sg-offcanvas-mainbar .sgnqa-winner-rank-2{
  background:linear-gradient(135deg,#b45309 0%,#d97706 100%);
  border-color:#c2410c;
  color:#fff7ed;
}
.sgnqa-page .sgnqa-winner-rank-2 .sgnqa-winner-rank-icon,
.sg-offcanvas-mainbar .sgnqa-winner-rank-2 .sgnqa-winner-rank-icon{
  background:rgba(255,255,255,.22);
  color:#fff7ed;
}
.sgnqa-page .sgnqa-winner-rank-3,
.sg-offcanvas-mainbar .sgnqa-winner-rank-3{
  background:linear-gradient(135deg,#94a3b8 0%,#e2e8f0 100%);
  border-color:#cbd5e1;
  color:#243447;
}
.sgnqa-page .sgnqa-winner-rank-3 .sgnqa-winner-rank-icon,
.sg-offcanvas-mainbar .sgnqa-winner-rank-3 .sgnqa-winner-rank-icon{
  background:rgba(255,255,255,.55);
  color:#475569;
}
.sgnqa-page .sgnqa-winner-rank-4,
.sg-offcanvas-mainbar .sgnqa-winner-rank-4{
  background:linear-gradient(135deg,#7c3aed 0%,#a78bfa 100%);
  border-color:#8b5cf6;
  color:#f5f3ff;
}
.sgnqa-page .sgnqa-winner-rank-4 .sgnqa-winner-rank-icon,
.sg-offcanvas-mainbar .sgnqa-winner-rank-4 .sgnqa-winner-rank-icon{
  background:rgba(255,255,255,.2);
  color:#f5f3ff;
}
.sgnqa-page .sgnqa-winner-prize-name,
.sg-offcanvas-mainbar .sgnqa-winner-prize-name{
  color:inherit;
  font-weight:700;
  text-transform:none;
  letter-spacing:0;
  opacity:.92;
}
.sgnqa-page .sgnqa-answer-winner-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 8px 20px rgba(15,23,42,.08);
}
.sgnqa-page .sgnqa-answer-winner-badge-icon{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-size:10px;
}
.sgnqa-page .sgnqa-answer-winner-badge-1{
  background:linear-gradient(135deg,#f59e0b 0%,#fde68a 100%);
  color:#6b4000;
  border:1px solid #f2c94c;
}
.sgnqa-page .sgnqa-answer-winner-badge-1 .sgnqa-answer-winner-badge-icon{
  background:rgba(255,255,255,.48);
}
.sgnqa-page .sgnqa-answer-winner-badge-2{
  background:linear-gradient(135deg,#c2410c 0%,#fdba74 100%);
  color:#fff7ed;
  border:1px solid #d97706;
}
.sgnqa-page .sgnqa-answer-winner-badge-2 .sgnqa-answer-winner-badge-icon{
  background:rgba(255,255,255,.22);
}
.sgnqa-page .sgnqa-answer-winner-badge-3{
  background:linear-gradient(135deg,#cbd5e1 0%,#f8fafc 100%);
  color:#334155;
  border:1px solid #cbd5e1;
}
.sgnqa-page .sgnqa-answer-winner-badge-3 .sgnqa-answer-winner-badge-icon{
  background:rgba(255,255,255,.7);
}
.sgnqa-page .sgnqa-answer-winner-badge-4{
  background:linear-gradient(135deg,#7c3aed 0%,#c4b5fd 100%);
  color:#f5f3ff;
  border:1px solid #a78bfa;
}
.sgnqa-page .sgnqa-answer-winner-badge-4 .sgnqa-answer-winner-badge-icon{
  background:rgba(255,255,255,.18);
}
.sgnqa-page .sgnqa-featured-user-head{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.sg-offcanvas-mainbar .sgnqa-featured-user-head{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.sgnqa-page .sgnqa-featured-user-head > a{
  width:48px;
  height:48px;
  min-width:48px;
  flex:0 0 48px;
  display:block;
  overflow:hidden;
  border-radius:50%;
}
.sg-offcanvas-mainbar .sgnqa-featured-user-head > a{
  width:44px;
  height:44px;
  min-width:44px;
  flex:0 0 44px;
  display:block;
  overflow:hidden;
  border-radius:50%;
}
.sgnqa-page .sgnqa-featured-avatar{
  width:100% !important;
  height:100% !important;
  max-width:48px !important;
  max-height:48px !important;
  display:block;
  border-radius:50%;
  object-fit:cover;
  border:3px solid #ffffff;
  box-shadow:0 0 0 2px #bfdbfe, 0 8px 18px rgba(59,130,246,.18);
}
.sg-offcanvas-mainbar .sgnqa-featured-avatar{
  width:100% !important;
  height:100% !important;
  max-width:44px !important;
  max-height:44px !important;
  display:block !important;
  border-radius:50% !important;
  object-fit:cover !important;
  border:3px solid #ffffff !important;
  box-shadow:0 0 0 2px #bfdbfe, 0 8px 18px rgba(59,130,246,.18) !important;
}
.sgnqa-page .sgnqa-featured-user-main{min-width:0;flex:1}
.sg-offcanvas-mainbar .sgnqa-featured-user-main{min-width:0;flex:1}
.sgnqa-page .sgnqa-featured-name-row{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.sg-offcanvas-mainbar .sgnqa-featured-name-row{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.sgnqa-page .sgnqa-featured-name{
  display:block;
  font-size:15px;
  font-weight:800;
  color:#102f4a;
  text-decoration:none !important;
}
.sg-offcanvas-mainbar .sgnqa-featured-name{
  display:block;
  font-size:15px;
  font-weight:800;
  color:#102f4a;
  text-decoration:none !important;
}
.sgnqa-page .sgnqa-featured-name:hover{color:#1d4ed8}
.sg-offcanvas-mainbar .sgnqa-featured-name:hover{color:#1d4ed8}
.sgnqa-page .sgnqa-featured-username{
  color:#64748b;
  font-size:11px;
  margin-top:2px;
  font-weight:600;
}
.sg-offcanvas-mainbar .sgnqa-featured-username{
  color:#64748b;
  font-size:11px;
  margin-top:2px;
  font-weight:600;
}
.sgnqa-page .sgnqa-featured-badges{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  margin-top:0;
}
.sg-offcanvas-mainbar .sgnqa-featured-badges{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  margin-top:0;
}
.sgnqa-page .sgnqa-featured-bio{
  margin:10px 0 0;
  color:#334155;
  font-size:13px;
  line-height:1.45;
}
.sg-offcanvas-mainbar .sgnqa-featured-bio{
  margin:10px 0 0;
  color:#334155;
  font-size:13px;
  line-height:1.45;
}
.sgnqa-page .sgnqa-featured-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.sg-offcanvas-mainbar .sgnqa-featured-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.sgnqa-page .sgnqa-featured-stats > div{
  border:1px solid #d8e6f5;
  border-radius:12px;
  background:#ffffff;
  padding:10px 6px;
  text-align:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.sg-offcanvas-mainbar .sgnqa-featured-stats > div{
  border:1px solid #d8e6f5;
  border-radius:12px;
  background:#ffffff;
  padding:10px 6px;
  text-align:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.sgnqa-page .sgnqa-featured-stats strong{
  display:block;
  font-size:18px;
  color:#0f2a43;
  line-height:1.1;
}
.sg-offcanvas-mainbar .sgnqa-featured-stats strong{
  display:block;
  font-size:18px;
  color:#0f2a43;
  line-height:1.1;
}
.sgnqa-page .sgnqa-featured-stats span{
  display:block;
  font-size:11px;
  color:#64748b;
  margin-top:3px;
  font-weight:700;
}
.sg-offcanvas-mainbar .sgnqa-featured-stats span{
  display:block;
  font-size:11px;
  color:#64748b;
  margin-top:3px;
  font-weight:700;
}
.sgnqa-page .sgnqa-featured-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:10px;
}
.sg-offcanvas-mainbar .sgnqa-featured-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:10px;
}
.sgnqa-page .sgnqa-featured-actions .btn,
.sg-offcanvas-mainbar .sgnqa-featured-actions .btn{
  justify-content:center;
  min-height:34px;
  font-weight:700;
  font-size:12px;
  padding:6px 10px;
}
.sgnqa-page .sgnqa-side-meta{
  display:flex;
  flex-direction:column;
  gap:8px;
  color:#5c6f84;
  font-size:13px;
  font-weight:600;
}
.sgnqa-page .sgnqa-side-meta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.sgnqa-page .sgnqa-question-info-card .card-body,
.sg-offcanvas-mainbar .sgnqa-question-info-card .card-body{
  display:flex;
  flex-direction:column;
  gap:14px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.sgnqa-page .sgnqa-question-info-stats,
.sg-offcanvas-mainbar .sgnqa-question-info-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.sgnqa-page .sgnqa-question-info-stat,
.sg-offcanvas-mainbar .sgnqa-question-info-stat{
  padding:12px 8px 10px;
  border:1px solid #dbe7f3;
  border-radius:14px;
  background:#fff;
  text-align:center;
  box-shadow:0 6px 16px rgba(15,42,67,.04);
}
.sgnqa-page .sgnqa-question-info-stat-icon,
.sg-offcanvas-mainbar .sgnqa-question-info-stat-icon{
  width:30px;
  height:30px;
  margin:0 auto 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#eff6ff;
  color:#2563eb;
}
.sgnqa-page .sgnqa-question-info-stat strong,
.sg-offcanvas-mainbar .sgnqa-question-info-stat strong{
  display:block;
  color:#102f4a;
  font-size:18px;
  line-height:1.1;
}
.sgnqa-page .sgnqa-question-info-stat-label,
.sg-offcanvas-mainbar .sgnqa-question-info-stat-label{
  display:block;
  color:#64748b;
  font-size:11px;
  font-weight:700;
  margin-top:4px;
  letter-spacing:.02em;
}
.sgnqa-page .sgnqa-question-info-status,
.sg-offcanvas-mainbar .sgnqa-question-info-status{
  display:flex;
  justify-content:flex-start;
}
.sgnqa-page .sgnqa-question-info-details,
.sg-offcanvas-mainbar .sgnqa-question-info-details{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.sgnqa-page .sgnqa-question-info-detail,
.sg-offcanvas-mainbar .sgnqa-question-info-detail{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border-radius:12px;
  background:#fff;
  border:1px solid #e3edf7;
}
.sgnqa-page .sgnqa-question-info-detail-label,
.sg-offcanvas-mainbar .sgnqa-question-info-detail-label{
  color:#64748b;
  font-size:12px;
  font-weight:700;
}
.sgnqa-page .sgnqa-question-info-detail-value,
.sg-offcanvas-mainbar .sgnqa-question-info-detail-value{
  color:#102f4a;
  font-size:12px;
  font-weight:800;
  text-align:right;
}
.sgnqa-page .sgnqa-question-info-category,
.sg-offcanvas-mainbar .sgnqa-question-info-category{
  padding:7px 12px;
  border-radius:999px;
  border:1px solid #dbe7f3;
  background:#f8fbff !important;
}
@media (max-width: 1200px){
  .sgnqa-page .sgnqa-question-info-stats,
  .sg-offcanvas-mainbar .sgnqa-question-info-stats{
    grid-template-columns:1fr;
  }
}
.sgnqa-page .sgnqa-side-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.sg-offcanvas-mainbar .sgnqa-side-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.sgnqa-page .sgnqa-related-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.sg-offcanvas-mainbar .sgnqa-related-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.sgnqa-page .sgnqa-related-item{
  display:block;
  padding:10px;
  border:1px solid #dbe7f3;
  border-radius:10px;
  text-decoration:none !important;
  background:#fbfdff;
}
.sg-offcanvas-mainbar .sgnqa-related-item{
  display:block;
  padding:10px;
  border:1px solid #dbe7f3;
  border-radius:10px;
  text-decoration:none !important;
  background:#fbfdff;
}
.sgnqa-page .sgnqa-related-item:hover{
  border-color:#bfd9ff;
  box-shadow:0 4px 12px rgba(37,99,235,.12);
}
.sg-offcanvas-mainbar .sgnqa-related-item:hover{
  border-color:#bfd9ff;
  box-shadow:0 4px 12px rgba(37,99,235,.12);
}
.sgnqa-page .sgnqa-related-title{
  color:#16324c;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  margin-bottom:6px;
}
.sg-offcanvas-mainbar .sgnqa-related-title{
  color:#16324c;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  margin-bottom:6px;
}
.sgnqa-page .sgnqa-related-meta{
  display:flex;
  gap:10px;
  color:#6b7d90;
  font-size:12px;
  font-weight:600;
}
.sg-offcanvas-mainbar .sgnqa-related-meta{
  display:flex;
  gap:10px;
  color:#6b7d90;
  font-size:12px;
  font-weight:600;
}
.sgnqa-page .sgnqa-answers-section,
.sgnqa-page .sgnqa-comments-section{width:100%;max-width:100%;box-sizing:border-box}
.sgnqa-page .sgnqa-question-view{
  width:100%;
  max-width:none;
  margin-right:auto;
}
.sgnqa-layout-row{
  align-items:flex-start;
}
.sgnqa-layout-standard,
.sgnqa-layout-question{
  width:100%;
}
.sgnqa-layout-sidebar{
  align-self:flex-start;
}
.sgnqa-layout-main,
.sgnqa-layout-sidebar,
.sgnqa-layout-main-standard,
.sgnqa-layout-sidebar-standard,
.sgnqa-layout-main-question,
.sgnqa-layout-sidebar-question{
  min-width:0;
}
@media (min-width: 992px){
  .sgnqa-layout-standard{
    display:grid;
    grid-template-columns:minmax(0, 2fr) minmax(280px, 1fr);
    align-items:start;
    gap:calc(var(--bs-gutter-x, 1.5rem) * 1);
  }
  .sgnqa-layout-main,
  .sgnqa-layout-main-standard{
    width:100%;
    max-width:none;
  }
  .sgnqa-layout-sidebar,
  .sgnqa-layout-sidebar-standard{
    width:100%;
    max-width:none;
  }
  .sgnqa-layout-question{
    display:grid;
    grid-template-columns:minmax(0, 2fr) minmax(280px, 1fr);
    align-items:start;
    gap:calc(var(--bs-gutter-x, 1.5rem) * 1);
  }
  .sgnqa-layout-main-question{
    width:100%;
    max-width:none;
  }
  .sgnqa-layout-sidebar-question{
    width:100%;
    max-width:none;
  }
}
#sgnqa-sidebar-mount > .sgnqa-side-card:last-child{margin-bottom:0}
.sgnqa-page .sgnqa-answers-section .card-body{min-height:340px}
.sgnqa-page .sgnqa-comments-section .card-body{min-height:200px}
.sgnqa-page .sgnqa-comments-section .js-sgnqa-question-comment-submit{margin-bottom:0}
.sgnqa-page .text-muted{color:#6a7d92 !important}
.sgnqa-page p{font-size:18px;line-height:1.6;color:#142a40}
.sgnqa-page .border.rounded{
  border:1px solid #dce7f2 !important;
  border-radius:12px !important;
  background:#fcfdff;
}
.sgnqa-page .sgnqa-answer-card{
  border-width:1.5px !important;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.sgnqa-page .sgnqa-answer-card-rank-1{
  border-color:#e6b93d !important;
  background:linear-gradient(180deg,#fffdf6 0%,#fff8e1 100%) !important;
  box-shadow:0 10px 24px rgba(201,154,21,.12);
}
.sgnqa-page .sgnqa-answer-card-rank-2{
  border-color:#c7d2de !important;
  background:linear-gradient(180deg,#ffffff 0%,#f5f7fa 100%) !important;
  box-shadow:0 10px 24px rgba(100,116,139,.10);
}
.sgnqa-page .sgnqa-answer-card-rank-3{
  border-color:#cfd8e3 !important;
  background:linear-gradient(180deg,#f9fbfd 0%,#f1f5f9 100%) !important;
  box-shadow:0 10px 24px rgba(148,163,184,.10);
}
.sgnqa-page .sgnqa-answer-card-rank-4{
  border-color:#d8d4fe !important;
  background:linear-gradient(180deg,#fbfaff 0%,#f4f2ff 100%) !important;
  box-shadow:0 10px 24px rgba(124,58,237,.08);
}
.sgnqa-page .border.rounded.p10,
.sgnqa-page .border.rounded.p15{padding:14px !important}
.sgnqa-page .border.rounded > .d-flex{margin-bottom:8px}
.sgnqa-page .border.rounded strong{display:inline-flex;align-items:center;gap:6px;line-height:1.35}
.sgnqa-page .js-sgnqa-vote{
  width:38px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
}
.sgnqa-page .js-sgnqa-vote[data-vote="1"]{
  border:1px solid #86efac !important;
  background:#ecfdf3 !important;
  color:#15803d !important;
}
.sgnqa-page .js-sgnqa-vote[data-vote="-1"]{
  border:1px solid #fca5a5 !important;
  background:#fef2f2 !important;
  color:#b91c1c !important;
}
.sgnqa-page .js-sgnqa-vote[data-vote="1"]:hover{background:#dcfce7 !important}
.sgnqa-page .js-sgnqa-vote[data-vote="-1"]:hover{background:#fee2e2 !important}
.sgnqa-page .js-sgnqa-vote:disabled{opacity:0.45;cursor:not-allowed;pointer-events:none}
.sgnqa-page .btn.btn-sm{padding:7px 12px;border-radius:8px;font-weight:600}
.sgnqa-page .btn-outline-success{border-color:#22c55e;color:#16a34a;background:#fff}
.sgnqa-page .btn-outline-success:hover{background:#f0fdf4}
.sgnqa-page .js-sgnqa-answer-submit{
  background:#3b5bfd !important;
  border-color:#3b5bfd !important;
  color:#fff !important;
}
.sgnqa-page .js-sgnqa-answer-submit:hover{background:#2d49d6 !important;border-color:#2d49d6 !important}
.sgnqa-page .js-sgnqa-question-comment-submit,
.sgnqa-page .js-sgnqa-reply-submit{
  background:#0ea5a4 !important;
  border-color:#0ea5a4 !important;
  color:#fff !important;
}
.sgnqa-page .js-sgnqa-question-comment-submit:hover,
.sgnqa-page .js-sgnqa-reply-submit:hover{background:#0b8b8a !important;border-color:#0b8b8a !important}
.sgnqa-page .js-sgnqa-accept.btn-outline-success{
  background:#16a34a !important;
  border-color:#16a34a !important;
  color:#fff !important;
}
.sgnqa-page .js-sgnqa-accept.btn-warning{
  background:#f59e0b !important;
  border-color:#f59e0b !important;
  color:#fff !important;
}
.sgnqa-page .sgnqa-icon-btn{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#94a3b8 !important;
  padding:4px 6px !important;
}
.sgnqa-page .sgnqa-icon-btn:hover{color:#ef4444 !important;background:transparent !important}
.sgnqa-page .sgnqa-report-btn{color:#f59e0b !important}
.sgnqa-page .sgnqa-report-btn:hover{color:#dc2626 !important}
.sgnqa-page .sgnqa-comment-toggle-btn{
  border:1px solid #93c5fd !important;
  background:#eff6ff !important;
  color:#1d4ed8 !important;
  box-shadow:none !important;
  opacity:1 !important;
}
.sgnqa-page .sgnqa-comment-toggle-btn:hover{
  border-color:#60a5fa !important;
  background:#dbeafe !important;
  color:#1e40af !important;
}
.sgnqa-page .sgnqa-comment-toggle-btn i{
  margin-right:4px;
}
.sgnqa-page .sgnqa-inline-confirm{display:inline-flex;gap:6px;align-items:center;margin-left:6px}
.sgnqa-page .sgnqa-inline-confirm .btn{
  min-width:24px;
  height:24px;
  padding:0 6px;
  border-radius:6px;
  border:1px solid #d3dfec;
  background:#fff;
  font-size:12px;
  line-height:1;
}
.sgnqa-page .sgnqa-inline-confirm .js-sgnqa-confirm-yes{color:#16a34a;border-color:#86efac}
.sgnqa-page .sgnqa-inline-confirm .js-sgnqa-confirm-no{color:#64748b}
.sgnqa-page .sgnqa-icon-btn.sgnqa-pending-delete{display:none !important}
.sgnqa-page .form-control,.sgnqa-page .form-select{
  border:1px solid #d3dfec;
  border-radius:10px;
}
.sgnqa-page .form-control:focus,.sgnqa-page .form-select:focus{
  border-color:#93c5fd;
  box-shadow:0 0 0 3px rgba(59,130,246,.12);
}
.sgnqa-page textarea.form-control{min-height:96px;resize:vertical}
.sgnqa-page hr{border-top:1px solid #e4ecf5}
.sgnqa-page .sgnqa-question-instructions{
  position:relative;
  margin-top:16px;
  overflow:hidden;
  padding:20px;
  border:1px solid #cfe0ff;
  border-radius:24px;
  background:
    radial-gradient(circle at top right, rgba(102,136,255,.22), transparent 32%),
    radial-gradient(circle at bottom left, rgba(132,177,255,.12), transparent 30%),
    linear-gradient(135deg,#f8fbff 0%,#edf4ff 100%);
  box-shadow:0 18px 38px rgba(67,108,188,.14);
}
.sgnqa-page .sgnqa-question-instructions::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,#255fd6 0%,#6f94ff 100%);
}
.sgnqa-page .sgnqa-question-instructions-top{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:16px;
}
.sgnqa-page .sgnqa-question-instructions-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 52px;
  width:52px;
  height:52px;
  border-radius:18px;
  background:linear-gradient(135deg,#1f59cf 0%,#78a0ff 100%);
  color:#fff;
  font-size:20px;
  box-shadow:0 14px 28px rgba(54,92,175,.24);
}
.sgnqa-page .sgnqa-question-instructions-heading{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
  min-width:0;
  flex:1 1 auto;
}
.sgnqa-page .sgnqa-question-instructions-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
.sgnqa-page .sgnqa-question-instructions-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 13px;
  border-radius:999px;
  background:linear-gradient(135deg,#255fd6 0%,#5b84ff 100%);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 10px 20px rgba(56,94,179,.22);
}
.sgnqa-page .sgnqa-question-instructions-count{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(37,95,214,.08);
  border:1px solid rgba(94,135,229,.18);
  color:#31538f;
  font-size:12px;
  font-weight:700;
}
.sgnqa-page .sgnqa-question-instructions-title{
  color:#17345d;
  font-size:20px;
  line-height:1.2;
  font-weight:800;
}
.sgnqa-page .sgnqa-question-instructions-note{
  color:#6880a3;
  font-size:14px;
  line-height:1.6;
  max-width:520px;
}
.sgnqa-page .sgnqa-question-instructions-body{
  color:#1f3d63;
  line-height:1.75;
  font-size:15px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.8);
  border:1px solid rgba(151,179,238,.48);
  backdrop-filter:blur(4px);
}
.sgnqa-page .sgnqa-question-instructions-list{
  list-style:none;
  counter-reset:sgnqa-instruction;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.sgnqa-page .sgnqa-question-instructions-list li{
  position:relative;
  min-height:34px;
  padding:4px 0 0 48px;
  margin:0;
}
.sgnqa-page .sgnqa-question-instructions-list li::before{
  counter-increment:sgnqa-instruction;
  content:counter(sgnqa-instruction);
  position:absolute;
  left:0;
  top:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:linear-gradient(135deg,#edf3ff 0%,#dbe8ff 100%);
  border:1px solid rgba(111,148,255,.28);
  color:#255fd6;
  font-size:13px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(79,124,255,.1);
}
@media (max-width: 768px){
  .sgnqa-page .card{border-radius:14px}
  .sgnqa-page .card-header{padding:12px 14px}
  .sgnqa-page .card-body{padding:14px}
  .sgnqa-page .card-header h5{font-size:20px}
  .sgnqa-page p{font-size:16px;line-height:1.55}
  .sgnqa-page .sgnqa-index-head .card-body{padding:16px}
  .sgnqa-page .sgnqa-index-hero{
    flex-direction:column;
    gap:14px;
    margin-bottom:14px;
  }
  .sgnqa-page .sgnqa-index-hero-actions{
    width:100%;
    min-width:0;
    max-width:none;
    margin-left:0;
  }
  .sgnqa-page .sgnqa-index-title-main{font-size:24px}
  .sgnqa-page .sgnqa-index-description{
    font-size:14px;
    line-height:1.65;
  }
  .sgnqa-page .sgnqa-index-filter-bar{
    padding:14px;
    border-radius:16px;
  }
  .sgnqa-page .sgnqa-index-category-filter{
    max-width:none;
    min-width:0;
  }
  .sgnqa-page .sgnqa-filter-tabs{gap:6px}
  .sgnqa-page .sgnqa-filter-tab{
    flex:1 1 calc(50% - 6px);
    justify-content:center;
    padding:9px 10px;
    font-size:12px;
  }
  .sgnqa-page .sgnqa-index-item{
    padding:12px;
    align-items:flex-start;
  }
  .sgnqa-page .sgnqa-index-title-row{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }
  .sgnqa-page .sgnqa-index-title-row h6{font-size:14px}
  .sgnqa-page .sgnqa-index-summary{
    font-size:12px;
    margin-bottom:7px;
  }
  .sgnqa-page .sgnqa-index-submeta{
    margin-bottom:8px;
  }
  .sgnqa-page .sgnqa-index-chip{
    font-size:10px;
    padding:4px 8px;
  }
  .sgnqa-page .sgnqa-index-meta{
    gap:10px;
    font-size:12px;
    flex-wrap:wrap;
  }
  .sgnqa-page .sgnqa-index-item-arrow{
    width:36px;
    height:36px;
    flex-basis:36px;
  }
  .sgnqa-page .sgnqa-side-meta-grid{
    grid-template-columns:1fr;
  }
  .sgnqa-page .sgnqa-status-pill{
    font-size:11px;
    padding:5px 8px;
  }
  .sgnqa-page .btn.btn-sm{
    padding:8px 10px;
    font-size:12px;
  }
  .sgnqa-page .sgnqa-question-view .card-header.d-flex{
    flex-direction:column;
    align-items:flex-start !important;
    gap:10px;
  }
  .sgnqa-page .sgnqa-question-view .card-header.d-flex .d-flex.align-items-center.gap-2{
    width:100%;
    justify-content:flex-start;
  }
  .sgnqa-page .sgnqa-question-view .card-header.d-flex .d-flex.align-items-center.gap-2 .btn{
    min-width:36px;
  }
  .sgnqa-page .sgnqa-question-view .text-muted.mb10{
    font-size:12px;
    line-height:1.45;
  }
  .sgnqa-page .sgnqa-question-view .d-flex.align-items-center.justify-content-between.mb10{
    flex-direction:column;
    align-items:flex-start !important;
    gap:8px;
  }
  .sgnqa-page .sgnqa-question-view .border.rounded{
    padding:10px !important;
  }
  .sgnqa-page .sgnqa-question-view .border.rounded > .d-flex{
    flex-wrap:wrap;
    gap:6px;
  }
  .sgnqa-page .sgnqa-question-view .border.rounded .d-flex.gap-2.mb10{
    gap:6px !important;
    flex-wrap:wrap;
  }
  .sgnqa-page .sgnqa-question-view .js-sgnqa-answer-submit{
    width:100%;
  }
  .sgnqa-page .sgnqa-question-view .js-sgnqa-question-comment-submit{
    width:100%;
  }
  .sgnqa-page .sgnqa-question-view .js-sgnqa-reply-submit{
    width:100%;
  }
  .sgnqa-page .sgnqa-question-view .sgnqa-inline-confirm{
    margin-left:0;
    margin-top:6px;
  }
  .sgnqa-page .sgnqa-featured-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sgnqa-page .sgnqa-related-title{font-size:13px}
  .sgnqa-page .sgnqa-answers-section .card-body{min-height:0}
  .sgnqa-page .sgnqa-comments-section .card-body{min-height:0}
  .sgnqa-page .sgnqa-question-instructions{
    position:relative;
    margin-top:16px;
    overflow:hidden;
    padding:20px;
    border:1px solid #cfe0ff;
    border-radius:24px;
    background:
      radial-gradient(circle at top right, rgba(102,136,255,.22), transparent 32%),
      radial-gradient(circle at bottom left, rgba(132,177,255,.12), transparent 30%),
      linear-gradient(135deg,#f8fbff 0%,#edf4ff 100%);
    box-shadow:0 18px 38px rgba(67,108,188,.14);
  }
  .sgnqa-page .sgnqa-question-instructions::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:5px;
    background:linear-gradient(180deg,#255fd6 0%,#6f94ff 100%);
  }
  .sgnqa-page .sgnqa-question-instructions-top{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:16px;
  }
  .sgnqa-page .sgnqa-question-instructions-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 52px;
    width:52px;
    height:52px;
    border-radius:18px;
    background:linear-gradient(135deg,#1f59cf 0%,#78a0ff 100%);
    color:#fff;
    font-size:20px;
    box-shadow:0 14px 28px rgba(54,92,175,.24);
  }
  .sgnqa-page .sgnqa-question-instructions-heading{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:7px;
    min-width:0;
    flex:1 1 auto;
  }
  .sgnqa-page .sgnqa-question-instructions-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
  }
  .sgnqa-page .sgnqa-question-instructions-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 13px;
    border-radius:999px;
    background:linear-gradient(135deg,#255fd6 0%,#5b84ff 100%);
    color:#fff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    box-shadow:0 10px 20px rgba(56,94,179,.22);
  }
  .sgnqa-page .sgnqa-question-instructions-count{
    display:inline-flex;
    align-items:center;
    padding:6px 12px;
    border-radius:999px;
    background:rgba(37,95,214,.08);
    border:1px solid rgba(94,135,229,.18);
    color:#31538f;
    font-size:12px;
    font-weight:700;
  }
  .sgnqa-page .sgnqa-question-instructions-title{
    color:#17345d;
    font-size:20px;
    line-height:1.2;
    font-weight:800;
  }
  .sgnqa-page .sgnqa-question-instructions-note{
    color:#6880a3;
    font-size:14px;
    line-height:1.6;
    max-width:520px;
  }
  .sgnqa-page .sgnqa-question-instructions-body{
    color:#1f3d63;
    line-height:1.75;
    font-size:15px;
    padding:16px 18px;
    border-radius:18px;
    background:rgba(255,255,255,.8);
    border:1px solid rgba(151,179,238,.48);
    backdrop-filter:blur(4px);
  }
  .sgnqa-page .sgnqa-question-instructions-list{
    list-style:none;
    counter-reset:sgnqa-instruction;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  .sgnqa-page .sgnqa-question-instructions-list li{
    position:relative;
    min-height:34px;
    padding:4px 0 0 48px;
    margin:0;
  }
  .sgnqa-page .sgnqa-question-instructions-list li::before{
    counter-increment:sgnqa-instruction;
    content:counter(sgnqa-instruction);
    position:absolute;
    left:0;
    top:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:12px;
    background:linear-gradient(135deg,#edf3ff 0%,#dbe8ff 100%);
    border:1px solid rgba(111,148,255,.28);
    color:#255fd6;
    font-size:13px;
    font-weight:800;
    box-shadow:0 10px 24px rgba(79,124,255,.1);
  }
}
@media (max-width: 480px){
  .sgnqa-page .sgnqa-filter-tab{
    flex:1 1 100%;
    justify-content:flex-start;
  }
  .sgnqa-page .sgnqa-question-instructions{
    padding:18px 16px;
    border-radius:20px;
  }
  .sgnqa-page .sgnqa-question-instructions-top{
    gap:12px;
  }
  .sgnqa-page .sgnqa-question-instructions-icon{
    flex-basis:44px;
    width:44px;
    height:44px;
    border-radius:15px;
    font-size:17px;
  }
  .sgnqa-page .sgnqa-question-instructions-title{
    font-size:18px;
  }
  .sgnqa-page .sgnqa-question-instructions-body{
    padding:14px;
  }
  .sgnqa-page .sgnqa-question-instructions-list li{
    padding-left:42px;
  }
  .sgnqa-page .sgnqa-question-instructions-list li::before{
    width:30px;
    height:30px;
    border-radius:10px;
    font-size:12px;
  }
  .sgnqa-page .sgnqa-question-instructions{
    margin-top:12px;
    padding:14px 16px;
    border-radius:18px;
    box-shadow:0 10px 24px rgba(67,108,188,.10);
  }
  .sgnqa-page .sgnqa-question-instructions::before{
    width:4px;
  }
  .sgnqa-page .sgnqa-question-instructions-top{
    gap:10px;
    margin-bottom:10px;
  }
  .sgnqa-page .sgnqa-question-instructions-icon{
    flex-basis:38px;
    width:38px;
    height:38px;
    border-radius:12px;
    font-size:15px;
    box-shadow:0 8px 18px rgba(54,92,175,.18);
  }
  .sgnqa-page .sgnqa-question-instructions-heading{
    gap:4px;
  }
  .sgnqa-page .sgnqa-question-instructions-meta{
    gap:8px;
  }
  .sgnqa-page .sgnqa-question-instructions-badge{
    gap:6px;
    padding:6px 10px;
    font-size:11px;
    box-shadow:none;
  }
  .sgnqa-page .sgnqa-question-instructions-count{
    padding:4px 10px;
    font-size:11px;
  }
  .sgnqa-page .sgnqa-question-instructions-title{
    font-size:13px;
    line-height:1.25;
  }
  .sgnqa-page .sgnqa-question-instructions-note{
    font-size:12px;
    line-height:1.45;
  }
  .sgnqa-page .sgnqa-question-instructions-body{
    padding:10px 12px;
    border-radius:14px;
    font-size:14px;
    line-height:1.55;
  }
  .sgnqa-page .sgnqa-question-instructions-list{
    gap:8px;
  }
  .sgnqa-page .sgnqa-question-instructions-list li{
    min-height:0;
    padding:2px 0 0 36px;
  }
  .sgnqa-page .sgnqa-question-instructions-list li::before{
    width:24px;
    height:24px;
    border-radius:8px;
    font-size:11px;
  }
  .sgnqa-page .d-flex.align-items-center.justify-content-between.mb10{
    flex-direction:column;
    align-items:flex-start !important;
    gap:8px;
  }
  .sgnqa-page .sgnqa-question-view .card-header h5{
    font-size:18px;
    line-height:1.35;
  }
  .sgnqa-page .sgnqa-question-view .js-sgnqa-vote{
    width:34px;
    height:30px;
  }
  .sgnqa-page .sgnqa-question-view .sgnqa-status-pill{
    font-size:10px;
    padding:4px 7px;
  }
  .sgnqa-page .sgnqa-question-view .sgnqa-question-edit-wrap{
    padding:10px;
    margin-top:8px;
  }
  .sgnqa-page .sgnqa-head-count{font-size:11px}
  .sgnqa-page textarea.form-control{min-height:84px}
}

/* ------------------------------------------------------------------
   Question card layout (2026-09-18 polish). Header = avatar + name +
   time only; one full-width chip row under it; then title, body, the
   prize panel and a single "how to answer" bar - every block on the
   same 12px rhythm, nothing squeezed into the column beside the avatar.
   ------------------------------------------------------------------ */
.post.sgnqa-card .post-body { padding-bottom: 14px; }
.post.sgnqa-card .post-header { display: flex; align-items: center; gap: 10px; margin-bottom: 0; min-height: 0; }
.post.sgnqa-card .post-avatar { display: block; width: 44px; height: 44px; flex: none; padding: 0; }
/* The theme sizes the avatar with a padding-top trick (44px + its own
   height = a 60px tall oval); a fixed square here keeps it round. */
.post.sgnqa-card .post-avatar-picture { width: 44px !important; height: 44px !important; min-width: 44px; min-height: 0 !important; max-height: 44px; aspect-ratio: 1 / 1; padding: 0 !important; border-radius: 50%; background-size: cover; }
.post.sgnqa-card .post-meta { flex: 1 1 auto; }
.post.sgnqa-card .post-header .dropdown, .post.sgnqa-card .post-header .float-end { margin-left: auto; }
/* Signed-out: the answer bar carries the one sign-in link, so the theme's
   own "Please log in to like, share and comment" line is dropped. */
.post.sgnqa-card.sgnqa-guest .post-footer { display: none; }
/* The questions hub wraps its list in a padded card of its own; on a phone
   that frame just narrowed every question card. */
/* .sgnqa-index-list carries nc-feed-stack (flex, gap:14px) AND nc-feed-cards
   (each .post gets its own margin-bottom:18px) at the same time now, which
   would stack both gaps between every pair of cards. The flex gap alone is
   plenty. */
/* __feeds_post.tpl wraps every card in <li>, so .post is a grandchild
   of the list, not a direct child - a descendant selector is needed
   for this to actually match (and to out-specify .nc-feed-cards .post). */
.sgnqa-index-list.nc-feed-cards .post { margin-bottom: 0; }
@media (max-width: 575.98px) {
  .sgnqa-index-head { background: transparent !important; border: 0 !important; box-shadow: none !important; }
  .sgnqa-index-head > .card-body { padding: 0 !important; }
}
.post.sgnqa-card .post-meta { display: flex; flex-direction: column; justify-content: center; gap: 2px; min-width: 0; }
.post.sgnqa-card .post-time { margin: 0; font-size: 12px; }

.post.sgnqa-card .sgnqa-meta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 12px 0 0; }
.post.sgnqa-card .sgnqa-meta-row > * {
  display: inline-flex; align-items: center; gap: 5px;
  height: 26px; margin: 0; padding: 0 10px;
  border-radius: 999px; font-size: 12px; font-weight: 700; line-height: 1; white-space: nowrap;
}
.post.sgnqa-card .sgnqa-pill { background: var(--nc-accent, #0f7b6c); color: #fff !important; }
.post.sgnqa-card .sgnqa-pill-price.free { background: #e7f6ec; color: #067647; }
.post.sgnqa-card .sgnqa-pill-price.paid { background: #fef3c7; color: #92400e; }
.post.sgnqa-card .sgnqa-mini-chip--details { margin-left: auto; }

.post.sgnqa-card .post-text { margin-top: 12px; font-size: 15px; line-height: 1.55; }
.post.sgnqa-card .sgnqa-q-title { display: block; margin: 0 0 6px; font-size: 1.15rem; font-weight: 800; line-height: 1.3; color: var(--nc-ink, #10161f); }

.post.sgnqa-card .sgnqa-card-panel { margin: 14px 0 0; gap: 12px; }
.post.sgnqa-card .sgnqa-card-prizes { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; }
.post.sgnqa-card .sgnqa-card-prize { padding: 10px 12px; gap: 10px; border-radius: 14px; }
.post.sgnqa-card .sgnqa-card-prize__medal { font-size: 24px; }
.post.sgnqa-card .sgnqa-card-prize__label { font-size: 14px; line-height: 1.3; }
.post.sgnqa-card .sgnqa-card-facts { gap: 6px 16px; font-size: 12.5px; font-weight: 600; }
.post.sgnqa-card .sgnqa-card-rules { border-radius: 14px; }

.post.sgnqa-card .sgnqa-answer-bar {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px;
  margin: 12px 0 0; padding: 10px 12px;
  border-radius: 14px; background: var(--nc-surface-sunk, #f5f7fa);
  font-size: 13px; line-height: 1.4; color: var(--nc-ink-soft, #5a6675);
}
.post.sgnqa-card .sgnqa-answer-bar > .fa { color: var(--nc-accent, #0f7b6c); }
.post.sgnqa-card .sgnqa-answer-bar > span { flex: 1 1 180px; min-width: 0; }
.post.sgnqa-card .sgnqa-answer-bar strong { color: var(--nc-ink, #10161f); }
.post.sgnqa-card .sgnqa-answer-bar .sgnqa-guest-cta { margin-left: auto; padding: 6px 12px; font-size: 12px; background: var(--nc-accent, #0f7b6c); color: #fff !important; }

.post.sgnqa-card .post-stats { margin-top: 12px; }
@media (max-width: 575.98px) {
  .post.sgnqa-card .sgnqa-q-title { font-size: 1.05rem; }
  .post.sgnqa-card .post-text { font-size: 14px; }
}

/* Kept last so it wins over the shorthand margins above. Same 16px inset the theme gives .post-text, so the chips, prize panel
   and answer bar line up with the title instead of the card edge. */
.post.sgnqa-card .sgnqa-meta-row,
.post.sgnqa-card .sgnqa-card-panel,
.post.sgnqa-card .sgnqa-answer-bar { margin-left: 16px; margin-right: 16px; }
/* The For You / Home feed cards pad their text by 18px, not 16. */
.nc-feed-cards .post.sgnqa-card .sgnqa-meta-row,
.nc-feed-cards .post.sgnqa-card .sgnqa-card-panel,
.nc-feed-cards .post.sgnqa-card .sgnqa-answer-bar { margin-left: 18px; margin-right: 18px; }