:root{--smmup-text:#111418;--smmup-muted:#6b7280;--smmup-border:#ececec;--smmup-soft:#f8f8f6}
.smmup-top-cta{position:fixed;top:10px;right:104px;z-index:99999;font-family:inherit}.admin-bar .smmup-top-cta{top:42px}.smmup-get-app{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;background:#111;color:#fff;padding:10px 15px;font-size:13px;line-height:1;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.12)}.smmup-app-dropdown{display:none;position:absolute;right:0;top:calc(100% + 8px);width:158px;background:#fff;border:1px solid var(--smmup-border);border-radius:14px;padding:8px;box-shadow:0 18px 50px rgba(15,23,42,.14)}.smmup-app-dropdown.is-open{display:grid;gap:4px}.smmup-app-dropdown a{color:var(--smmup-text);text-decoration:none;font-weight:700;padding:10px 12px;border-radius:10px}.smmup-app-dropdown a:hover{background:var(--smmup-soft)}
.smmup-left-rail,.smmup-right-rail{position:fixed;top:92px;bottom:0;z-index:20;overflow-y:auto;background:#fff}.admin-bar .smmup-left-rail,.admin-bar .smmup-right-rail{top:124px}.smmup-left-rail{left:0;width:216px;border-right:1px solid var(--smmup-border);padding:26px 22px}.smmup-left-rail nav{display:grid;gap:4px}.smmup-left-rail nav a{display:flex;align-items:center;gap:13px;color:var(--smmup-text);text-decoration:none;font-weight:700;padding:10px 8px;border-radius:10px}.smmup-left-rail nav a span{width:20px;text-align:center;opacity:.75}.smmup-left-rail nav a:hover,.smmup-left-rail nav a.is-active{background:#f7f7f4}.smmup-left-note{margin-top:36px;padding-top:24px;border-top:1px solid var(--smmup-border)}.smmup-left-note strong{display:block;font-size:.95rem}.smmup-left-note p{margin:6px 0 10px;color:var(--smmup-muted);line-height:1.45;font-size:.9rem}.smmup-left-note a{color:var(--smmup-text);font-weight:800}
.smmup-right-rail{right:0;width:360px;border-left:1px solid var(--smmup-border);padding:26px 30px 46px}.smmup-right-card{margin-bottom:34px}.smmup-right-card h3{margin:0 0 17px;font-size:1rem;letter-spacing:-.01em}.smmup-pick-list{display:grid;gap:20px}.smmup-pick{display:grid;gap:6px;text-decoration:none;color:var(--smmup-text)}.smmup-author-row{display:flex;align-items:center;gap:8px;color:var(--smmup-muted);font-size:.82rem}.smmup-author-row img{border-radius:999px}.smmup-author-row em{font-style:normal}.smmup-pick strong{font-size:.98rem;line-height:1.25}.smmup-pick small{color:var(--smmup-muted);font-size:.82rem}.smmup-see-full{display:inline-block;margin-top:16px;color:var(--smmup-muted);font-size:.9rem;text-decoration:none}
.smmup-popular-list{counter-reset:popular;list-style:none;padding:0;margin:0;display:grid;gap:18px}.smmup-popular-list li{display:grid;grid-template-columns:28px 1fr;gap:12px}.smmup-popular-list li:before{counter-increment:popular;content:counter(popular);color:#d0d5dd;font-size:1.5rem;line-height:1;font-weight:800}.smmup-popular-list a{display:grid;gap:5px;text-decoration:none;color:var(--smmup-text)}.smmup-popular-list strong{line-height:1.25;font-size:.96rem}.smmup-popular-list small{color:var(--smmup-muted);font-size:.82rem}.smmup-topic-cloud{display:flex;flex-wrap:wrap;gap:10px}.smmup-topic-cloud a{text-decoration:none;color:var(--smmup-text);background:#f3f3f1;padding:9px 13px;border-radius:999px;font-weight:700;font-size:.9rem}
.smmup-feed-enabled .sm-site-header,.smmup-feed-enabled header.sm-site-header{border-bottom:1px solid var(--smmup-border);background:#fff}.smmup-feed-enabled .sm-home,.smmup-feed-enabled .site-main,.smmup-feed-enabled main.sm-home{max-width:none!important}.smmup-feed-enabled .sm-home>section,.smmup-feed-enabled .sm-feed-home>section,.smmup-feed-enabled main>section{margin-left:216px;margin-right:360px}.smmup-feed-enabled .sm-wrap{max-width:760px!important;margin-left:auto!important;margin-right:auto!important}.smmup-feed-enabled .sm-home-tabs{border-bottom:1px solid var(--smmup-border)}.smmup-feed-enabled .sm-tabs{display:flex;gap:34px;border-bottom:0;padding-top:18px}.smmup-feed-enabled .sm-tabs a{color:var(--smmup-muted);font-weight:700;text-decoration:none;padding:14px 0;border-bottom:1px solid transparent}.smmup-feed-enabled .sm-tabs a.is-active{color:var(--smmup-text);border-bottom-color:var(--smmup-text)}
.smmup-feed-enabled .sm-feed-intro,.smmup-feed-enabled .sm-home-intro{max-width:760px;color:var(--smmup-muted);font-size:1rem;line-height:1.55}.smmup-feed-enabled .sm-feed-item,.smmup-feed-enabled .sm-post-card,.smmup-feed-enabled article.post{border-bottom:1px solid var(--smmup-border)!important;border-top:0!important;border-left:0!important;border-right:0!important;border-radius:0!important;box-shadow:none!important;padding:34px 0!important;background:transparent!important}.smmup-feed-enabled .sm-feed-item h2,.smmup-feed-enabled .sm-post-card h2,.smmup-feed-enabled article.post h2,.smmup-feed-enabled .entry-title{font-size:clamp(1.4rem,2.4vw,2.05rem)!important;line-height:1.12!important;letter-spacing:-.04em!important}.smmup-feed-enabled .sm-feed-item p,.smmup-feed-enabled .sm-post-card p,.smmup-feed-enabled article.post p{color:var(--smmup-muted);line-height:1.48}.smmup-feed-enabled .sm-post-thumb img,.smmup-feed-enabled .post-thumbnail img,.smmup-feed-enabled .wp-post-image{border-radius:4px!important;object-fit:cover}
.single-post .sm-wrap,.single-post .entry-header,.single-post .entry-content,.single-post .sm-single-header,.single-post .sm-single-content,.single-post .sm-post-content{max-width:min(980px,calc(100vw - 40px))!important;margin-left:auto!important;margin-right:auto!important}.single-post .entry-title,.single-post .sm-single-title{font-size:clamp(2.3rem,5.8vw,5rem)!important;line-height:1.02!important;letter-spacing:-.06em!important;max-width:900px}.single-post .entry-content,.single-post .sm-single-content,.single-post .sm-post-content{font-size:clamp(1.08rem,1.35vw,1.28rem);line-height:1.78}.single-post .entry-content p,.single-post .sm-single-content p,.single-post .sm-post-content p{max-width:760px}
.smmup-post-app-card{max-width:min(980px,calc(100vw - 40px));margin:48px auto 0;display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center;border:1px solid var(--smmup-border);border-radius:24px;padding:clamp(22px,4vw,34px);background:#fffdf5}.smmup-post-app-card span{display:inline-block;color:var(--smmup-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:900;margin-bottom:8px}.smmup-post-app-card h3{margin:0 0 8px;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.05;letter-spacing:-.04em}.smmup-post-app-card p{color:var(--smmup-muted);margin:0}.smmup-post-app-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.smmup-post-app-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 16px;background:#111;color:#fff!important;text-decoration:none;font-weight:800}.smmup-post-app-actions a:nth-child(2){background:#f2f2ef;color:#111!important}
.comments-area,#comments,.comment-respond{max-width:min(920px,calc(100vw - 40px))!important;margin-left:auto!important;margin-right:auto!important}.comments-area,#comments{margin-top:60px;padding-top:34px;border-top:1px solid var(--smmup-border)}.comments-title,#comments h2,.comment-reply-title{font-size:clamp(1.7rem,3vw,2.6rem)!important;line-height:1.06!important;letter-spacing:-.045em!important;margin-bottom:22px!important}.comment-list{list-style:none;margin:0 0 36px;padding:0}.comment{margin:0 0 18px}.comment-body{border:1px solid var(--smmup-border);border-radius:22px;padding:20px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.04)}.comment-author{display:flex;align-items:center;gap:10px;font-weight:800}.comment-author .avatar{width:42px;height:42px;border-radius:999px}.comment-metadata,.comment-meta{color:var(--smmup-muted);font-size:.86rem}.comment-content{margin-top:14px;font-size:1rem;line-height:1.65}.comment-reply-link,.reply a{display:inline-flex;margin-top:12px;border-radius:999px;padding:8px 13px;background:#f3f3f1;color:#111;text-decoration:none;font-weight:800}.comment-respond{border:1px solid var(--smmup-border);border-radius:26px;padding:clamp(22px,4vw,36px);background:#fff;box-shadow:0 16px 45px rgba(15,23,42,.06)}.comment-form{display:grid;gap:16px}.comment-form label{font-weight:800;color:var(--smmup-text)}.comment-form-comment,.comment-form-author,.comment-form-email,.comment-form-url{display:grid;gap:8px;margin:0}.comment-form textarea,.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url]{width:100%;border:1px solid var(--smmup-border);border-radius:16px;padding:14px 16px;font:inherit;background:#fff}.comment-form textarea{min-height:170px;resize:vertical}.form-submit .submit,.comment-form input[type=submit]{border:0;border-radius:999px;background:#111;color:#fff;font-weight:900;padding:14px 22px;cursor:pointer}
.smmup-footer-grid{max-width:min(1180px,calc(100vw - 40px));margin:48px auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.smmup-footer-grid article{border:1px solid var(--smmup-border);border-radius:22px;padding:22px;background:#fff}.smmup-footer-grid p{color:var(--smmup-muted);margin:8px 0 0}
@media(max-width:1180px){.smmup-left-rail,.smmup-right-rail{display:none}.smmup-feed-enabled .sm-home>section,.smmup-feed-enabled .sm-feed-home>section,.smmup-feed-enabled main>section{margin-left:0;margin-right:0}.smmup-feed-enabled .sm-wrap{max-width:min(780px,calc(100vw - 36px))!important}}@media(max-width:780px){.smmup-top-cta{top:auto;bottom:18px;right:18px}.admin-bar .smmup-top-cta{top:auto}.smmup-post-app-card{grid-template-columns:1fr}.smmup-post-app-actions{justify-content:flex-start}.smmup-footer-grid{grid-template-columns:1fr}}
.sm-dark .smmup-left-rail,.sm-dark .smmup-right-rail,.sm-dark .smmup-app-dropdown,.sm-dark .comment-body,.sm-dark .comment-respond,.sm-dark .smmup-post-app-card,.sm-dark .smmup-footer-grid article{background:#11161d;border-color:#27303a}.sm-dark .smmup-left-rail nav a,.sm-dark .smmup-pick,.sm-dark .smmup-popular-list a,.sm-dark .smmup-app-dropdown a{color:#fff}.sm-dark .smmup-topic-cloud a,.sm-dark .comment-reply-link,.sm-dark .reply a{background:#1b222c;color:#fff}


/* =========================================================
   v4 additions: view count, seamless comments, anti-spam UI
========================================================= */
.smmup-view-count {
  max-width: min(920px, calc(100vw - 40px));
  margin: 18px auto 10px;
  color: #6b7280;
  font-size: 14px;
  font-weight: 700;
}

.comment-respond {
  max-width: min(920px, calc(100vw - 40px)) !important;
  margin: 40px auto !important;
  border: 1px solid #ececec;
  border-radius: 26px;
  padding: clamp(22px, 4vw, 36px);
  background: #fff;
  box-shadow: 0 16px 45px rgba(15, 23, 42, .06);
}

.comment-reply-title {
  font-size: clamp(1.7rem, 3vw, 2.6rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -.045em !important;
  margin-bottom: 18px !important;
}

.comment-form {
  display: grid;
  gap: 16px;
}

.comment-form label {
  font-weight: 800;
}

.comment-form textarea {
  width: 100%;
  min-height: 160px;
  border: 1px solid #ddd;
  border-radius: 18px;
  padding: 16px;
  font: inherit;
  resize: vertical;
  background: #fff;
}

.comment-form textarea:focus {
  outline: none;
  border-color: #111;
  box-shadow: 0 0 0 4px rgba(0,0,0,.05);
}

.comment-form .submit,
.comment-form input[type="submit"] {
  border: 0;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-weight: 900;
  padding: 14px 22px;
  cursor: pointer;
}

.comment-list {
  list-style: none;
  padding: 0;
  max-width: min(920px, calc(100vw - 40px));
  margin-left: auto;
  margin-right: auto;
}

.comment {
  margin-bottom: 16px;
}

.comment-body {
  border: 1px solid #ececec;
  padding: 20px;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(15,23,42,.04);
}

.comment-author {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
}

.comment-author .avatar {
  width: 42px;
  height: 42px;
  border-radius: 999px;
}

.comment-metadata,
.comment-meta {
  color: #6b7280;
  font-size: .86rem;
}

.comment-content {
  margin-top: 14px;
  font-size: 1rem;
  line-height: 1.65;
}

.comment-reply-link,
.reply a {
  display: inline-flex;
  margin-top: 12px;
  border-radius: 999px;
  padding: 8px 13px;
  background: #f3f3f1;
  color: #111;
  text-decoration: none;
  font-weight: 800;
}

.smmup-hp-wrap {
  position: absolute !important;
  left: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.sm-dark .comment-respond,
.sm-dark .comment-body {
  background: #11161d;
  border-color: #27303a;
}

.sm-dark .comment-form textarea {
  background: #11161d;
  border-color: #27303a;
  color: #fff;
}