.kjh-topbar,
.kjf-footer {
  display: none !important;
}

.content-container,
#content {
  background: #f4f7ff !important;
  padding: 0 !important;
}

:root {
  --smd-bg: #f4f7ff;
  --smd-card: rgba(255, 255, 255, 0.94);
  --smd-border: rgba(102, 126, 234, 0.12);
  --smd-text: #101828;
  --smd-muted: #667085;
  --smd-blue: #3b82f6;
  --smd-indigo: #6f5bff;
  --smd-violet: #8b5cf6;
  --smd-pink: #ff4db8;
  --smd-mint: #18c37e;
  --smd-gold: #ffb020;
}

.smd-dash,
.smd-dash * {
  box-sizing: border-box;
}

.smd-dash {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 218px minmax(0, 1fr);
  background:
    radial-gradient(circle at top left, rgba(118, 93, 255, 0.12), transparent 26%),
    radial-gradient(circle at top right, rgba(255, 92, 162, 0.11), transparent 22%),
    linear-gradient(180deg, #f8fbff 0%, var(--smd-bg) 100%);
  color: var(--smd-text);
  font-family: "Segoe UI", Arial, sans-serif;
}

.smd-dash svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.smd-sidebar {
  min-height: 100vh;
  background: rgba(255, 255, 255, 0.76);
  backdrop-filter: blur(18px);
  border-right: 1px solid rgba(103, 116, 255, 0.1);
  display: flex;
  flex-direction: column;
}

.smd-sidebarBrand {
  padding: 22px 22px 14px;
}

.smd-brand {
  position: relative;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.smd-brandLogo {
  display: block;
  width: auto;
  height: 42px;
  object-fit: contain;
}

.smd-sidebarBody {
  padding: 6px 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.smd-newStory {
  height: 46px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  background: linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%);
  box-shadow: 0 14px 24px rgba(93, 73, 226, 0.24);
}

.smd-newStoryPlus {
  font-size: 18px;
  line-height: 1;
}

.smd-navGroup {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.smd-navTitle {
  padding: 0 10px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
}

.smd-navList {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.smd-navItem {
  min-height: 42px;
  padding: 8px 10px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #344054;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: 0.2s ease;
}

.smd-navText {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.smd-navItem:hover,
.smd-navItem.is-active {
  color: #265cff;
  background: linear-gradient(90deg, rgba(48, 112, 255, 0.14), rgba(115, 103, 240, 0.06));
}

.smd-navItem.is-active {
  box-shadow: inset 3px 0 0 #2663ff;
}

.smd-navIcon {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #5f6b80;
}

.smd-navCounter,
.smd-chip {
  margin-left: auto;
  min-width: 22px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
}

.smd-navCounter {
  color: #fff;
  background: #ff3b5f;
}

.smd-chip {
  color: #316aff;
  background: rgba(49, 106, 255, 0.12);
}

.smd-chip.is-live {
  color: #087443;
  background: #e8f8ef;
}

.smd-chip.is-partial,
.smd-chip.is-beta {
  color: #b45309;
  background: #fff4db;
}

.smd-chip.is-plan {
  color: #5f6b80;
  background: #eef2f7;
}

.smd-upgradeCard {
  margin-top: auto;
  position: relative;
  overflow: hidden;
  padding: 16px 14px;
  border-radius: 18px;
  color: #fff;
  background-image:
    linear-gradient(165deg, rgba(53, 44, 129, 0.98) 0%, rgba(97, 59, 255, 0.98) 100%),
    url("../img/storymania_sidebar_promo_ai.png");
  background-repeat: no-repeat, no-repeat;
  background-position: center, right -34px bottom -8px;
  background-size: auto, 138px;
  box-shadow: 0 18px 32px rgba(56, 40, 130, 0.24);
}

.smd-upgradeTitle {
  font-size: 15px;
  font-weight: 800;
}

.smd-upgradeCard p {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8);
}

.smd-upgradeBtn {
  margin-top: 14px;
  width: 100%;
  height: 42px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  color: #315eff;
  background: #fff;
}

.smd-appShell {
  min-width: 0;
}

.smd-topbar {
  padding: 16px 22px 8px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.smd-topbarLead,
.smd-topbarRight {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.smd-topbarLead {
  flex: 1 1 auto;
  min-width: 0;
}

.smd-topbarCopy small {
  display: block;
  color: var(--smd-muted);
  font-size: 13px;
}

.smd-topbarCopy strong {
  display: block;
  margin-top: 2px;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.smd-topbarCopy p {
  margin: 6px 0 0;
  color: #4f5d75;
  font-size: 14px;
}

.smd-menuBtn,
.smd-circleBtn {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(109, 125, 255, 0.1);
  background: rgba(255, 255, 255, 0.9);
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #4c5a73;
  position: relative;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(116, 129, 181, 0.08);
}

.smd-topbarRight {
  flex: 0 0 auto;
  align-items: center;
}

.smd-searchBox {
  min-width: 330px;
  height: 52px;
  padding: 0 16px;
  border-radius: 18px;
  border: 1px solid rgba(107, 124, 255, 0.12);
  background: rgba(255, 255, 255, 0.92);
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 14px 30px rgba(114, 126, 169, 0.08);
}

.smd-searchBox input {
  width: 100%;
  border: none;
  background: transparent;
  outline: none;
  color: #111827;
  font-size: 14px;
  font-weight: 500;
}

.smd-searchIcon {
  color: #6b7280;
}

.smd-diamondPill {
  min-width: 138px;
  height: 52px;
  padding: 0 16px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(107, 124, 255, 0.12);
  box-shadow: 0 14px 30px rgba(114, 126, 169, 0.08);
  color: #2563eb;
}

.smd-diamondPill b,
.smd-profileMini b {
  display: block;
  font-size: 16px;
  font-weight: 800;
}

.smd-diamondPill small,
.smd-profileMini small {
  display: block;
  margin-top: 2px;
  color: var(--smd-muted);
  font-size: 12px;
}

.smd-diamondIcon {
  color: #2563eb;
}

.smd-circleBtn em {
  position: absolute;
  top: -3px;
  right: -3px;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: #ff3b5f;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.smd-profileMini {
  min-width: 196px;
  padding: 8px 14px 8px 10px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(107, 124, 255, 0.12);
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 14px 30px rgba(114, 126, 169, 0.08);
}

.smd-profileMini img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}

.smd-profileMini span {
  min-width: 0;
}

.smd-profileCaret {
  margin-left: auto;
  color: #667085;
}

.smd-mainStage {
  padding: 8px 22px 22px;
}

.smd-mainColumn--full {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.smd-statDeck {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}

.smd-card,
.smd-statCard {
  border: 1px solid var(--smd-border);
  background: var(--smd-card);
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 34px rgba(109, 124, 171, 0.08);
}

.smd-statCard {
  min-width: 0;
  border-radius: 22px;
  padding: 18px 16px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.smd-statCard::after {
  content: "";
  position: absolute;
  inset: auto -16px -16px auto;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  opacity: 0.14;
  background: currentColor;
  filter: blur(16px);
}

.smd-statGlyph {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.66);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
}

.smd-statMeta {
  position: relative;
  z-index: 1;
}

.smd-statMeta span {
  display: block;
  font-size: 13px;
  color: #44506b;
}

.smd-statMeta strong {
  display: block;
  margin-top: 4px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.smd-statMeta small {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #12b76a;
  font-size: 12px;
  font-weight: 700;
}

.smd-statMeta small i svg {
  width: 13px;
  height: 13px;
}

.smd-tone-violet {
  color: #8247ff;
  background: linear-gradient(135deg, rgba(180, 142, 255, 0.28), rgba(255, 255, 255, 0.95));
}

.smd-tone-mint {
  color: #0fb56d;
  background: linear-gradient(135deg, rgba(164, 241, 214, 0.4), rgba(255, 255, 255, 0.95));
}

.smd-tone-pink {
  color: #ff4d8d;
  background: linear-gradient(135deg, rgba(255, 186, 221, 0.42), rgba(255, 255, 255, 0.95));
}

.smd-tone-blue {
  color: #2e7af5;
  background: linear-gradient(135deg, rgba(186, 216, 255, 0.38), rgba(255, 255, 255, 0.95));
}

.smd-tone-gold {
  color: #f59e0b;
  background: linear-gradient(135deg, rgba(255, 229, 168, 0.42), rgba(255, 255, 255, 0.95));
}

.smd-tone-lavender {
  color: #7c5cff;
  background: linear-gradient(135deg, rgba(211, 201, 255, 0.45), rgba(255, 255, 255, 0.95));
}

.smd-analyticsGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(290px, 0.92fr) minmax(300px, 0.95fr);
  gap: 18px;
}

.smd-card {
  border-radius: 24px;
  padding: 20px;
}

.smd-sectionHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}

.smd-sectionHead h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
}

.smd-sectionHead a {
  color: #316aff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
}

.smd-selectGhost,
.smd-pillBtn,
.smd-tab {
  border: 1px solid rgba(108, 124, 255, 0.14);
  background: #fff;
  color: #344054;
  font-size: 13px;
  font-weight: 700;
}

.smd-selectGhost {
  height: 34px;
  padding: 0 12px;
  border-radius: 12px;
}

.smd-chartLegend {
  display: flex;
  gap: 22px;
  color: #475467;
  font-size: 13px;
  font-weight: 700;
}

.smd-chartLegend span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.smd-chartLegend i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.is-purple {
  background: #6f5bff;
}

.is-pink {
  background: #ff4db8;
}

.is-blue {
  background: #39a0ff;
}

.smd-chartShell {
  position: relative;
  margin-top: 18px;
  border-radius: 18px;
  background:
    linear-gradient(rgba(116, 133, 197, 0.09) 1px, transparent 1px) 0 0 / 100% 25%,
    linear-gradient(90deg, rgba(116, 133, 197, 0.06) 1px, transparent 1px) 0 0 / 14.28% 100%;
  min-height: 250px;
  padding: 10px 8px 0;
}

.smd-chartSvg {
  width: 100%;
  height: 250px;
  overflow: visible;
}

.smd-chartLine {
  fill: none;
  stroke-width: 3.5;
}

.smd-chartLine.is-purple {
  stroke: #6f5bff;
}

.smd-chartLine.is-pink {
  stroke: #ff4db8;
}

.smd-chartLine.is-blue {
  stroke: #39a0ff;
}

.smd-chartArea {
  fill: none;
}

.smd-chartTooltip {
  position: absolute;
  top: 58px;
  right: 44px;
  min-width: 138px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 32px rgba(100, 114, 160, 0.14);
  font-size: 12px;
}

.smd-chartTooltip b {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
}

.smd-chartTooltip span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #667085;
}

.smd-chartTooltip span + span {
  margin-top: 4px;
}

.smd-chartTooltip strong {
  color: #111827;
}

.smd-chartLabels {
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.smd-chartLabels span {
  text-align: center;
}

.smd-topStoryLink {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  text-decoration: none;
  color: inherit;
}

.smd-topStoryLink img {
  width: 112px;
  height: 158px;
  border-radius: 18px;
  object-fit: cover;
}

.smd-topStoryMeta h4 {
  margin: 0;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
}

.smd-storyPill {
  display: inline-flex;
  margin-top: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(111, 91, 255, 0.12);
  color: #5b43ff;
  font-size: 11px;
  font-weight: 700;
}

.smd-topStoryStats {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.smd-topStoryStats span,
.smd-rowMetric {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #475467;
  font-size: 13px;
  font-weight: 700;
}

.smd-topStoryRating {
  margin-top: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f59e0b;
}

.smd-topStoryRating strong {
  color: #111827;
  font-size: 18px;
}

.smd-topStoryGrowth {
  margin-top: 18px;
}

.smd-growthBar,
.smd-growthBar i {
  height: 8px;
  border-radius: 999px;
}

.smd-growthBar {
  background: rgba(110, 125, 255, 0.12);
  overflow: hidden;
}

.smd-growthBar i {
  display: block;
  background: linear-gradient(90deg, #6f5bff 0%, #395bff 100%);
}

.smd-topStoryGrowth small {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #12b76a;
  font-size: 13px;
  font-weight: 700;
}

.smd-topStoryGrowth small i svg,
.smd-rowGrowth i svg,
.smd-earningsValue span i svg {
  width: 14px;
  height: 14px;
}

.smd-commentList {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.smd-commentItem {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 18px;
  gap: 12px;
  align-items: flex-start;
}

.smd-commentItem img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  object-fit: cover;
}

.smd-commentHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.smd-commentHead strong {
  font-size: 14px;
}

.smd-commentHead span {
  color: #98a2b3;
  font-size: 12px;
}

.smd-commentCopy p {
  margin: 6px 0 0;
  color: #475467;
  font-size: 14px;
  line-height: 1.55;
}

.smd-commentMenu {
  color: #98a2b3;
}

.smd-lowerGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(320px, 0.72fr);
  gap: 18px;
  align-items: start;
}

.smd-storiesActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.smd-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.smd-tab,
.smd-pillBtn {
  height: 38px;
  padding: 0 14px;
  border-radius: 12px;
}

.smd-tab.is-active,
.smd-pillBtn {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%);
}

.smd-pillBtn {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.smd-storyRows {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.smd-storyRow {
  display: grid;
  grid-template-columns: 114px minmax(220px, 1fr) 88px 88px 96px 82px 20px;
  gap: 14px;
  align-items: center;
  padding: 10px 6px;
  border-radius: 16px;
  text-decoration: none;
  color: inherit;
}

.smd-storyRow:hover {
  background: rgba(110, 125, 255, 0.05);
}

.smd-storyRow img {
  width: 114px;
  height: 68px;
  border-radius: 14px;
  object-fit: cover;
}

.smd-storyRowHead {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.smd-storyRowHead strong {
  font-size: 15px;
  font-weight: 800;
}

.smd-storyRowMeta p {
  margin: 7px 0 0;
  color: #667085;
  font-size: 13px;
}

.smd-statusPill {
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}

.smd-statusPill.is-blue {
  color: #265cff;
  background: rgba(38, 92, 255, 0.12);
}

.smd-statusPill.is-mint {
  color: #0f9f5e;
  background: rgba(15, 159, 94, 0.12);
}

.smd-statusPill.is-gold {
  color: #dd8a00;
  background: rgba(245, 158, 11, 0.14);
}

.smd-rowGrowth {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #12b76a;
  font-size: 13px;
  font-weight: 800;
}

.smd-rowMenu {
  color: #98a2b3;
}

.smd-sideStack {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.smd-earningsValue {
  display: flex;
  align-items: center;
  gap: 12px;
}

.smd-earningsValue strong {
  font-size: 18px;
  font-weight: 900;
}

.smd-earningsValue span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #12b76a;
  font-size: 13px;
  font-weight: 800;
}

.smd-earningsCard > small {
  display: block;
  margin-top: 4px;
  color: #667085;
  font-size: 13px;
}

.smd-earningsBody {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.smd-donut {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: var(--donut-fill);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.smd-donut::before {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.96);
}

.smd-donut > div {
  position: relative;
  z-index: 1;
  text-align: center;
}

.smd-donut strong {
  display: block;
  font-size: 20px;
  font-weight: 900;
}

.smd-donut span {
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.smd-legendList {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.smd-legendItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #344054;
  font-size: 13px;
}

.smd-legendItem span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.smd-legendItem i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.smd-legendItem .is-violet {
  background: #7c5cff;
}

.smd-legendItem .is-pink {
  background: #ff64b0;
}

.smd-legendItem .is-gold {
  background: #ffb320;
}

.smd-legendItem strong {
  font-size: 13px;
}

.smd-quickGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.smd-quickAction {
  min-height: 108px;
  padding: 16px 14px;
  border-radius: 18px;
  text-decoration: none;
  color: #344054;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid rgba(107, 124, 255, 0.1);
}

.smd-quickAction.is-violet {
  background: linear-gradient(135deg, rgba(124, 92, 255, 0.12), rgba(255, 255, 255, 0.95));
}

.smd-quickAction.is-blue {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.12), rgba(255, 255, 255, 0.95));
}

.smd-quickAction.is-pink {
  background: linear-gradient(135deg, rgba(255, 77, 143, 0.12), rgba(255, 255, 255, 0.95));
}

.smd-quickAction.is-mint {
  background: linear-gradient(135deg, rgba(24, 195, 126, 0.12), rgba(255, 255, 255, 0.95));
}

.smd-quickIcon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.smd-quickAction span:last-child {
  font-size: 14px;
  font-weight: 800;
}

.smd-emptyState {
  padding: 18px;
  border-radius: 16px;
  border: 1px dashed rgba(113, 128, 185, 0.26);
  color: #667085;
  text-align: center;
  font-size: 14px;
}

@media (max-width: 1500px) {
  .smd-statDeck {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .smd-analyticsGrid {
    grid-template-columns: minmax(0, 1fr);
  }

  .smd-lowerGrid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 1180px) {
  .smd-dash {
    grid-template-columns: 1fr;
  }

  .smd-sidebar {
    min-height: auto;
  }

  .smd-topbar {
    flex-direction: column;
  }

  .smd-topbarRight {
    width: 100%;
    flex-wrap: wrap;
  }

  .smd-searchBox {
    min-width: 0;
    flex: 1 1 260px;
  }

  .smd-profileMini {
    min-width: 0;
  }

  .smd-storyRow {
    grid-template-columns: 100px minmax(0, 1fr);
  }

  .smd-rowMetric,
  .smd-rowGrowth,
  .smd-rowMenu {
    display: none;
  }
}

@media (max-width: 780px) {
  .smd-topbar,
  .smd-mainStage {
    padding-left: 14px;
    padding-right: 14px;
  }

  .smd-sidebarBody {
    padding-left: 12px;
    padding-right: 12px;
  }

  .smd-statDeck {
    grid-template-columns: 1fr;
  }

  .smd-storyRow {
    grid-template-columns: 1fr;
  }

  .smd-storyRow img {
    width: 100%;
    height: 170px;
  }

  .smd-topStoryLink,
  .smd-earningsBody {
    grid-template-columns: 1fr;
  }

  .smd-donut {
    margin: 0 auto;
  }

  .smd-quickGrid {
    grid-template-columns: 1fr 1fr;
  }
}

/* Flat dashboard refresh */
:root {
  --smd-flat-bg: #f0f2f5;
  --smd-flat-card: #ffffff;
  --smd-flat-border: #dfe3e8;
  --smd-flat-text: #1c1e21;
  --smd-flat-muted: #65676b;
  --smd-flat-blue: #1877f2;
}

.content-container,
#content {
  background: var(--smd-flat-bg) !important;
}

.smd-dash {
  grid-template-columns: 248px minmax(0, 1fr);
  background: var(--smd-flat-bg);
  color: var(--smd-flat-text);
  font-family: Arial, Helvetica, sans-serif;
}

.smd-sidebar {
  background: #fff;
  border-right: 1px solid var(--smd-flat-border);
  backdrop-filter: none;
}

.smd-brand {
  gap: 0;
  color: #111827;
  font-size: 18px;
  font-weight: 700;
}

.smd-brand em {
  color: var(--smd-flat-blue);
  font-style: normal;
}

.smd-newStory {
  height: 40px;
  border-radius: 8px;
  background: var(--smd-flat-blue);
  box-shadow: none;
  font-size: 14px;
}

.smd-navTitle {
  font-size: 11px;
  color: #8a8d91;
  text-transform: uppercase;
}

.smd-navItem {
  min-height: 36px;
  padding: 7px 10px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
}

.smd-navItem:hover,
.smd-navItem.is-active {
  background: #e7f3ff;
  color: var(--smd-flat-blue);
}

.smd-navItem.is-active {
  box-shadow: inset 3px 0 0 var(--smd-flat-blue);
}

.smd-upgradeCard {
  background: #fff;
  border: 1px solid var(--smd-flat-border);
  color: var(--smd-flat-text);
  box-shadow: none;
  background-image: none;
}

.smd-upgradeCard p {
  color: var(--smd-flat-muted);
}

.smd-upgradeBtn {
  height: 36px;
  border: 1px solid var(--smd-flat-border);
  background: #f7f8fa;
  color: var(--smd-flat-blue);
}

.smd-topbar {
  padding: 12px 18px 0;
  align-items: center;
}

.smd-topbarLead,
.smd-topbarRight {
  align-items: center;
}

.smd-menuBtn,
.smd-circleBtn,
.smd-profileMini,
.smd-searchBox,
.smd-writeBtn {
  border-radius: 8px;
  border: 1px solid var(--smd-flat-border);
  background: #fff;
  box-shadow: none;
}

.smd-menuBtn,
.smd-circleBtn {
  width: 36px;
  height: 36px;
}

.smd-searchBox {
  min-width: 420px;
  height: 38px;
  padding: 0 12px;
}

.smd-searchBox input {
  font-size: 14px;
}

.smd-searchHint {
  color: #8a8d91;
  font-size: 12px;
  white-space: nowrap;
}

.smd-writeBtn {
  height: 36px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  background: var(--smd-flat-blue);
  border-color: var(--smd-flat-blue);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.smd-profileMini {
  min-width: 160px;
  padding: 4px 8px 4px 4px;
}

.smd-profileMini b {
  font-size: 13px;
}

.smd-profileMini small {
  font-size: 12px;
  color: var(--smd-flat-muted);
}

.smd-mainStage {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 18px;
  padding: 16px 18px 24px;
}

.smd-mainColumn,
.smd-sideColumn {
  min-width: 0;
}

.smd-sideColumn {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.smd-card,
.smd-heroCard,
.smd-statCard,
.smd-progressRing,
.smd-continueCard {
  box-shadow: none;
}

.smd-heroPanel {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.smd-heroCard,
.smd-card,
.smd-statCard,
.smd-continueCard,
.smd-progressRing {
  border: 1px solid var(--smd-flat-border);
  border-radius: 10px;
  background: var(--smd-flat-card);
}

.smd-heroCard {
  position: relative;
  min-height: 148px;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
}

.smd-heroOverlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 255, 0.96) 36%, rgba(241, 247, 255, 0.72) 58%, rgba(241, 247, 255, 0.24) 78%, rgba(241, 247, 255, 0.06) 100%);
}

.smd-heroCopy {
  position: relative;
  z-index: 1;
  width: min(460px, 100%);
  padding: 24px 18px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.smd-heroCopy h1 {
  margin: 0;
  font-size: 20px;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.smd-heroCopy p {
  margin: 8px 0 0;
  color: #42526b;
  font-size: 14px;
  line-height: 1.65;
}

.smd-heroArt {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 136px;
  overflow: hidden;
}

.smd-heroArt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.smd-statDeck {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.smd-statCard {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
}

.smd-statGlyph {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.smd-tone-blue .smd-statGlyph { background: #e7f3ff; color: var(--smd-flat-blue); }
.smd-tone-mint .smd-statGlyph { background: #e9f8ef; color: #22a447; }
.smd-tone-violet .smd-statGlyph { background: #f1ebff; color: #7b61ff; }
.smd-tone-gold .smd-statGlyph { background: #fff0e1; color: #f57c00; }

.smd-statMeta strong {
  display: block;
  font-size: 16px;
}

.smd-statMeta span,
.smd-statMeta small {
  display: block;
}

.smd-statMeta span {
  margin-top: 2px;
  font-size: 13px;
  color: #444950;
}

.smd-statMeta small {
  margin-top: 6px;
  font-size: 12px;
  color: #22a447;
}

.smd-sectionHead h3 {
  font-size: 14px;
}

.smd-sectionHead a,
.smd-sectionHead button {
  font-size: 12px;
}

.smd-continueSection,
.smd-activityCard,
.smd-recommendedCard,
.smd-rightCard {
  padding: 14px;
}

.smd-continueSection {
  margin-top: 18px;
}

.smd-continueGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.smd-emptyDraft {
  grid-column: 1 / -1;
  min-height: 248px;
  border: 1px solid #dbe4f2;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: stretch;
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
}

.smd-emptyDraftOverlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(248, 251, 255, 0.98) 0%, rgba(242, 247, 255, 0.92) 32%, rgba(236, 244, 255, 0.58) 54%, rgba(236, 244, 255, 0.10) 76%, rgba(236, 244, 255, 0.02) 100%);
}

.smd-emptyDraftBody {
  position: relative;
  z-index: 1;
  width: min(420px, 100%);
  padding: 30px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
}

.smd-emptyDraftBody strong {
  max-width: 260px;
  font-size: 30px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #0f172a;
}

.smd-emptyDraftBody p {
  margin: 0;
  max-width: 320px;
  color: #42526b;
  font-size: 15px;
  line-height: 1.7;
}

.smd-emptyDraftBtn {
  margin-top: 8px;
  width: fit-content;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(135deg, #1877f2 0%, #3d8bff 100%);
  box-shadow: 0 12px 24px rgba(24, 119, 242, 0.22);
  font-size: 14px;
  font-weight: 700;
}

.smd-readingSection {
  margin-top: 16px;
}

.smd-readingGrid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.smd-readingCard .smd-continueMeta span {
  max-width: 132px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.smd-emptyReading {
  grid-column: 1 / -1;
  min-height: 248px;
  border: 1px solid #d5e6ff;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.smd-emptyReading::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(233, 246, 255, 0.10) 48%, rgba(219, 240, 255, 0.46) 67%, rgba(213, 236, 255, 0.78) 100%);
}

.smd-emptyReadingArt {
  position: relative;
  min-height: 248px;
}

.smd-emptyReadingPanel {
  position: relative;
  z-index: 2;
  padding: 28px 34px 28px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
}

.smd-emptyReadingPanel strong {
  max-width: 250px;
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: 0;
  color: #0f172a;
}

.smd-emptyReadingPanel p {
  margin: 0;
  max-width: 280px;
  color: #35506b;
  font-size: 14px;
  line-height: 1.7;
}

.smd-continueCard {
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  position: relative;
}

.smd-continueCard > img {
  width: 100%;
  height: 108px;
  object-fit: cover;
  display: block;
}

.smd-storyPill {
  position: absolute;
  margin: 8px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(28, 30, 33, 0.85);
  color: #fff;
  font-size: 11px;
}

.smd-continueBody {
  padding: 10px 12px 12px;
}

.smd-continueBody strong,
.smd-recommendedMeta strong,
.smd-activityCopy strong,
.smd-trendingMeta b {
  font-size: 13px;
}

.smd-continueBody small,
.smd-recommendedMeta span,
.smd-activityCopy p,
.smd-trendingMeta small {
  font-size: 12px;
  color: var(--smd-flat-muted);
}

.smd-continueMeta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 12px;
  color: var(--smd-flat-muted);
}

.smd-progressTrack {
  height: 6px;
  margin-top: 10px;
  border-radius: 999px;
  background: #e4e6eb;
}

.smd-progressTrack i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--smd-flat-blue);
}

.smd-lowerGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
  gap: 18px;
  margin-top: 18px;
}

.smd-homeFeed {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.smd-feedSection {
  padding: 16px;
}

.smd-sectionSub {
  margin: 4px 0 0;
  color: var(--smd-flat-muted);
  font-size: 12px;
}

.smd-feedHeadActions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.smd-railControls {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.smd-railArrow {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid var(--smd-flat-border);
  background: #fff;
  color: #1f2937;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.smd-railArrow:hover {
  transform: translateY(-1px);
  border-color: rgba(37, 99, 235, 0.26);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

.smd-railArrowIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.smd-railArrowIcon.is-left {
  transform: rotate(180deg);
}

.smd-railArrow svg {
  width: 16px;
  height: 16px;
}

.smd-bannerRail,
.smd-middleBannerRail,
.smd-horizontalRail {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 2px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 4px;
  min-width: 0;
}

.smd-bannerRail::-webkit-scrollbar,
.smd-middleBannerRail::-webkit-scrollbar,
.smd-horizontalRail::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.smd-bannerCard,
.smd-middleBannerCard,
.smd-horizontalCard {
  overflow: hidden;
  border: 1px solid var(--smd-flat-border);
  border-radius: 14px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  display: block;
  flex: 0 0 auto;
  scroll-snap-align: start;
}

.smd-bannerCard img,
.smd-middleBannerCard img,
.smd-horizontalCard img {
  width: 100%;
  object-fit: cover;
  display: block;
}

.smd-bannerCard img,
.smd-middleBannerCard img {
  aspect-ratio: 16 / 9;
}

.smd-bannerCard,
.smd-middleBannerCard {
  width: min(720px, calc(100% - 32px));
}

.smd-horizontalCard {
  width: 188px;
}

.smd-horizontalCard img {
  aspect-ratio: 2 / 3;
}

.smd-horizontalBody {
  padding: 12px;
  display: flex;
  flex-direction: column;
}

.smd-feedGenre {
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 8px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef4ff;
  color: var(--smd-flat-blue);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: anywhere;
}

.smd-horizontalBody strong {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.smd-horizontalBody small {
  display: block;
  margin-top: 6px;
  color: var(--smd-flat-muted);
  font-size: 12px;
  line-height: 1.45;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.smd-feedMeta {
  margin-top: 10px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 12px;
  color: var(--smd-flat-muted);
}

.smd-feedMeta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  line-height: 1;
}

.smd-feedMeta svg {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
}

.smd-activityList,
.smd-recommendedList,
.smd-trendingList,
.smd-eventsList {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.smd-activityItem,
.smd-recommendedItem,
.smd-trendingItem,
.smd-eventItem {
  display: grid;
  align-items: center;
  gap: 10px;
}

.smd-activityItem {
  grid-template-columns: 40px minmax(0, 1fr) auto;
}

.smd-activityItem img,
.smd-recommendedItem img,
.smd-trendingItem img {
  border-radius: 8px;
}

.smd-activityItem img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 999px;
}

.smd-activityTime {
  font-size: 12px;
  color: var(--smd-flat-muted);
}

.smd-recommendedItem {
  grid-template-columns: 86px minmax(0, 1fr);
  color: inherit;
  text-decoration: none;
}

.smd-recommendedItem img {
  width: 86px;
  height: 64px;
  object-fit: cover;
}

.smd-recommendedMeta small {
  color: var(--smd-flat-blue);
}

.smd-recommendedStats {
  display: flex;
  gap: 10px;
  margin-top: 6px;
  font-size: 12px;
  color: var(--smd-flat-muted);
}

.smd-rightCard .smd-sectionHead {
  margin-bottom: 14px;
}

.smd-progressWrap {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.smd-progressRing {
  --progress-size: 100px;
  width: var(--progress-size);
  height: var(--progress-size);
  margin: 0 auto;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
  position: relative;
  display: grid;
  place-items: center;
  background: conic-gradient(var(--smd-flat-blue) calc(var(--progress) * 1%), #e8edf5 0);
}

.smd-progressRing > div {
  position: relative;
  z-index: 1;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}

.smd-progressRing strong {
  display: block;
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
  color: var(--smd-flat-blue);
}

.smd-progressRing span {
  display: block;
  margin-top: 5px;
  max-width: 58px;
  font-size: 10px;
  line-height: 1.15;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
}

.smd-progressRow {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 8px;
  align-items: center;
  font-size: 12px;
}

.smd-progressRow small {
  color: #22a447;
}

.smd-goalBlock {
  margin-top: 16px;
}

.smd-eventItem {
  grid-template-columns: 40px minmax(0, 1fr);
}

.smd-eventBadge {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
}

.smd-eventBadge.is-gold { background: #fff4db; color: #d48806; }
.smd-eventBadge.is-pink { background: #ffe5ef; color: #d63384; }
.smd-eventBadge.is-mint { background: #e6f7ee; color: #1f9d55; }

.smd-trendingItem {
  grid-template-columns: 18px 48px minmax(0, 1fr) auto;
  color: inherit;
  text-decoration: none;
}

.smd-trendingItem img {
  width: 48px;
  height: 48px;
  object-fit: cover;
}

.smd-trendingRank,
.smd-trendingValue {
  font-size: 12px;
  color: var(--smd-flat-muted);
}

.smd-routeLoader[hidden] {
  display: none !important;
}

.smd-routeLoader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(240, 242, 245, 0.35);
}

.smd-routeSpinner {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 3px solid #d0d7de;
  border-top-color: var(--smd-flat-blue);
  animation: smdSpin .8s linear infinite;
}

@keyframes smdSpin {
  to { transform: rotate(360deg); }
}

@media (max-width: 1280px) {
  .smd-mainStage,
  .smd-lowerGrid,
  .smd-statDeck,
  .smd-continueGrid,
  .smd-readingGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .smd-sideColumn {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .smd-dash,
  .smd-mainStage,
  .smd-lowerGrid,
  .smd-statDeck,
  .smd-continueGrid,
  .smd-readingGrid,
  .smd-sideColumn,
  .smd-progressWrap,
  .smd-heroCard,
  .smd-emptyDraft,
  .smd-emptyReading {
    grid-template-columns: 1fr;
  }

  .smd-emptyReading {
    background-position: center center;
  }

  .smd-emptyReadingArt {
    display: none;
  }

  .smd-emptyReadingPanel::before {
    display: none;
  }

  .smd-bannerCard,
  .smd-middleBannerCard {
    width: calc(100% - 20px);
  }

  .smd-searchBox {
    min-width: 0;
    flex: 1 1 auto;
  }

  .smd-topbar {
    flex-direction: column;
    align-items: stretch;
  }
}

/* Dashboard interaction fixes */
.smd-dash {
  height: 100vh;
  overflow: hidden;
}

.smd-sidebar {
  height: 100vh;
  overflow: hidden;
}

.smd-sidebarBody {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.smd-sidebarBody::-webkit-scrollbar,
.smd-appShell::-webkit-scrollbar,
.smd-mainColumn::-webkit-scrollbar,
.smd-sideColumn::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.smd-appShell {
  height: 100vh;
  min-height: 0;
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
}

.smd-topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  padding: 10px 18px;
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid var(--smd-flat-border);
  backdrop-filter: blur(10px);
}

.smd-mainStage {
  min-height: 0;
  padding-top: 14px;
  overflow: hidden;
}

.smd-mainColumn,
.smd-sideColumn {
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-right: 4px;
}

.smd-mainColumn.is-shellEmbeddedPage {
  display: block;
}

.smd-mainStage.is-routeFull {
  grid-template-columns: minmax(0, 1fr) !important;
}

.smd-mainStage.is-routeFull .smd-mainColumn {
  padding-right: 0;
}

.smd-sideColumn[hidden] {
  display: none !important;
}

.smd-progressSummary {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.smd-progressSummary strong {
  font-size: 34px;
  line-height: 1;
  font-weight: 800;
  color: var(--smd-flat-blue);
}

.smd-progressSummary span {
  font-size: 12px;
  font-weight: 700;
  color: var(--smd-flat-muted);
  text-transform: uppercase;
  letter-spacing: .04em;
}

.smd-progressBar,
.smd-progressBar i {
  height: 9px;
  border-radius: 999px;
}

.smd-progressBar {
  margin-top: 14px;
  background: #e8edf5;
  overflow: hidden;
}

.smd-progressBar i {
  display: block;
  background: linear-gradient(90deg, #1877f2 0%, #4f8dff 100%);
}

.smd-progressStats {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.smd-progressRow {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.smd-progressRow span {
  color: #3f4650;
}

.smd-progressRow strong {
  font-size: 13px;
}

.smd-goalMeta {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.smd-goalMeta small {
  color: var(--smd-flat-blue);
  font-weight: 700;
}

.smd-goalBlock > small {
  display: block;
  margin-top: 8px;
  color: var(--smd-flat-muted);
}

.smd-continueGrid {
  align-items: stretch;
}

.smd-continueBody small {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 32px;
}

.smd-recommendedMeta strong,
.smd-activityCopy strong,
.smd-trendingMeta b,
.smd-eventMeta b {
  display: block;
}

.smd-sidebar .smd-newStory {
  width: 100%;
  min-height: 44px;
  height: 44px;
  padding: 0 16px;
  flex: 0 0 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  line-height: 1;
  color: #fff;
  background: linear-gradient(135deg, #1677ff 0%, #2563eb 100%);
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.18);
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}

.smd-sidebar .smd-newStory span {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.smd-sidebar .smd-newStoryPlus {
  font-size: 19px;
  font-weight: 800;
  transform: translateY(-1px);
}

@media (max-width: 900px) {
  .smd-dash,
  .smd-sidebar,
  .smd-appShell {
    height: auto;
    overflow: visible;
  }

  .smd-mainColumn,
  .smd-sideColumn,
  .smd-sidebarBody {
    overflow: visible;
  }

  .smd-topbar {
    position: static;
  }

  .smd-emptyDraft {
    min-height: 220px;
    background-position: 72% center;
  }

  .smd-heroCard {
    min-height: 132px;
    background-position: 70% center;
  }

  .smd-horizontalCard {
    width: 152px;
  }
}