/* ═══════════════════════════════════════════════════
   aihaber — News Single (Mockup C · 3-col)
   ═══════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,600;1,400;1,600&display=swap');

/* Reading progress bar */
.ns-progress {
  position: fixed; top: 0; left: 0; right: 0;
  height: 3px; z-index: 999;
  background: rgba(0,0,0,.05);
  pointer-events: none;
}
.ns-progress__fill {
  height: 100%; width: 0;
  background: var(--c-acc-lime, #cdfa00);
  transition: width .12s ease;
}

/* ═══ ROOT ════════════════════════════════════════════ */
.hpC-news {
  --hpC-fg:           #0a0a0a;
  --hpC-fg-mute:      #444;
  --hpC-fg-soft:      #888;
  --hpC-fg-faint:     #999;
  --hpC-bg:           #ffffff;
  --hpC-bg-soft:      #fafaf5;
  --hpC-bg-tag:       #f5f4ef;
  --hpC-line:         #ebeae5;
  --hpC-line-soft:    #f0efea;
  --hpC-line-strong:  #0a0a0a;

  font-family: var(--font-body, 'Inter', sans-serif);
  color: var(--hpC-fg);
  background: var(--paper, #fff);
  padding: 36px 32px 48px;
}

[data-theme="dark"] .hpC-news {
  --hpC-fg:           #f5f5f0;
  --hpC-fg-mute:      #b8b8b0;
  --hpC-fg-soft:      #888;
  --hpC-fg-faint:     #777;
  --hpC-bg:           #1c1c1c;
  --hpC-bg-soft:      #242424;
  --hpC-bg-tag:       #2a2a2a;
  --hpC-line:         #2a2a2a;
  --hpC-line-soft:    #1f1f1f;
  --hpC-line-strong:  #f5f5f0;
}

.hpC-news__layout {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr) 280px;
  gap: 24px;
  max-width: 1360px;
  margin: 0 auto;
  align-items: start;
}

/* ═══ AI ICONS / SOCIAL ICONS shared ═══════════════════ */
.hpC-news .ai-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 800 13px/1 var(--font-display, 'Plus Jakarta Sans');
  flex-shrink: 0;
  letter-spacing: -.3px;
}
.hpC-news .ai-gpt     { background: #0d8a72; color: #fff; }
.hpC-news .ai-claude  { background: #cc785c; color: #fff; }
.hpC-news .ai-perp    { background: #20b8cd; color: #fff; }
.hpC-news .ai-gemini  { background: #4285f4; color: #fff; }
.hpC-news .ai-grok    { background: #0a0a0a; color: #fff; }
.hpC-news .ai-mistral { background: #fa520f; color: #fff; }
.hpC-news .so-x       { background: #0a0a0a; color: #fff; }
.hpC-news .so-li      { background: #0a66c2; color: #fff; }
.hpC-news .so-fb      { background: #1877f2; color: #fff; }
.hpC-news .so-wa      { background: #25d366; color: #fff; }
.hpC-news .so-tg      { background: #26a5e4; color: #fff; }
.hpC-news .so-rd      { background: #ff4500; color: #fff; }
.hpC-news .so-cp      { background: #444;    color: #fff; }

/* ═══ DOCK (left share rail) ═══════════════════════════ */
.hpC-dock {
  position: sticky;
  top: 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-self: start;
}
.hpC-dock__lab {
  font: 900 9px/1.2 var(--font-display, 'Plus Jakarta Sans');
  letter-spacing: 1.5px;
  color: var(--hpC-fg-soft);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 8px;
}
.hpC-dock__b {
  position: relative;
  width: 54px;
  height: 54px;
  background: var(--hpC-bg);
  border: 1.5px solid var(--hpC-line);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font: 800 9px/1 var(--font-body);
  color: var(--hpC-fg-mute);
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  transition: background .15s, color .15s, border-color .15s;
}
.hpC-dock__b:hover {
  border-color: #0a0a0a;
  background: #0a0a0a;
  color: var(--c-acc-lime, #cdfa00);
}
.hpC-dock__b .ai-ic {
  width: 22px;
  height: 22px;
  font-size: 10px;
}
.hpC-dock__b-lbl { line-height: 1; }
.hpC-dock__div {
  height: 1px;
  background: var(--hpC-line);
  margin: 5px 4px;
}
.hpC-dock__so {
  width: 54px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 800 13px/1 var(--font-body);
  color: #fff;
  font-style: normal;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  transition: filter .15s;
}
.hpC-dock__so:hover { filter: brightness(1.15); }

/* ═══ ARTICLE ══════════════════════════════════════════ */
.hpC-article {
  min-width: 0;
  max-width: 760px;
  margin: 0 auto;
  width: 100%;
}

.hpC-meta-top {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  font: 600 11px/1 var(--font-mono, 'JetBrains Mono');
  color: var(--hpC-fg-soft);
  margin-bottom: 20px;
  letter-spacing: .5px;
  text-transform: uppercase;
}
.hpC-meta-top__cat {
  background: var(--c-acc-lime, #cdfa00);
  color: #0a0a0a;
  padding: 6px 9px;
  font: 800 11px/1 var(--font-body);
  letter-spacing: 2px;
}
.hpC-meta-top__iss { color: var(--hpC-fg); font-weight: 800; }
.hpC-meta-top__breaking {
  background: #b03030;
  color: #fff;
  padding: 5px 8px;
  letter-spacing: 1.5px;
  font-weight: 800;
}

.hpC-article__title {
  font: 900 44px/1.1 var(--font-display, 'Plus Jakarta Sans');
  letter-spacing: -1.5px;
  margin: 0 0 14px;
  text-wrap: balance;
  color: var(--hpC-fg);
}

.hpC-article__deck {
  font: 500 19px/1.55 var(--font-body);
  color: var(--hpC-fg-mute);
  margin: 0 0 28px;
  max-width: 680px;
  text-wrap: pretty;
}

/* BY ROW */
.hpC-by {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid var(--hpC-line);
  border-bottom: 1px solid var(--hpC-line);
  margin-bottom: 28px;
  flex-wrap: wrap;
}
.hpC-by__av {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0a0a0a, #444);
  color: var(--c-acc-lime, #cdfa00);
  display: flex;
  align-items: center;
  justify-content: center;
  font: 800 14px/1 var(--font-display);
  overflow: hidden;
  flex-shrink: 0;
}
.hpC-by__av img { width: 100%; height: 100%; object-fit: cover; }
.hpC-by__info { flex: 1; min-width: 120px; }
.hpC-by__nm { font: 800 14px/1.3 var(--font-body); color: var(--hpC-fg); }
.hpC-by__nm a { color: inherit; text-decoration: none; }
.hpC-by__role { font: 500 11px/1 var(--font-body); color: var(--hpC-fg-soft); margin-top: 2px; }
.hpC-by__stats {
  display: flex;
  gap: 14px;
  font: 600 11px/1 var(--font-mono);
  color: var(--hpC-fg-soft);
  flex-wrap: wrap;
}
.hpC-by__stats b { color: var(--hpC-fg); font-weight: 800; margin-right: 4px; }

/* HERO IMAGE */
.hpC-hero {
  margin: 0 0 28px;
  border: 1px solid var(--hpC-line);
}
.hpC-hero__img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 480px;
  object-fit: cover;
}
.hpC-hero__cap {
  font: 500 12px/1.5 var(--font-body);
  color: var(--hpC-fg-soft);
  padding: 10px 14px;
  background: var(--hpC-bg-soft);
  border-top: 1px solid var(--hpC-line);
}

.hpC-sponsor {
  background: var(--c-acc-purple, #8B5CF6);
  color: #fff;
  font: 800 10px/1 var(--font-body);
  letter-spacing: 2px;
  padding: 7px 10px;
  margin-bottom: 20px;
  display: inline-block;
  text-transform: uppercase;
}

.hpC-source {
  font: 700 11px/1.4 var(--font-mono);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--hpC-fg-soft);
  margin: 0 0 20px;
}
.hpC-source a {
  color: var(--hpC-fg);
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1.5px solid var(--c-acc-lime, #cdfa00);
}

/* ═══ ARTICLE BODY (the_content) ═══════════════════════ */
.hpC-body {
  font: 400 18px/1.75 'Crimson Pro', Georgia, serif;
  color: var(--hpC-fg);
}
.hpC-body p {
  margin: 0 0 20px;
  text-wrap: pretty;
}
.hpC-body > p:first-child::first-letter,
.hpC-body p.has-drop-cap::first-letter {
  font: 900 56px/.95 var(--font-display, 'Plus Jakarta Sans');
  float: left;
  margin: 5px 10px 0 0;
  color: var(--hpC-fg);
  letter-spacing: -2px;
}
.hpC-body h2 {
  font: 900 24px/1.2 var(--font-display, 'Plus Jakarta Sans');
  letter-spacing: -.6px;
  margin: 30px 0 12px;
  color: var(--hpC-fg);
  scroll-margin-top: 20px;
}
.hpC-body h3 {
  font: 900 20px/1.25 var(--font-display, 'Plus Jakarta Sans');
  letter-spacing: -.4px;
  margin: 26px 0 10px;
  color: var(--hpC-fg);
  scroll-margin-top: 20px;
}
.hpC-body a {
  border-bottom: 1.5px solid var(--c-acc-lime, #cdfa00);
  color: var(--hpC-fg);
  font-weight: 600;
  text-decoration: none;
}
.hpC-body blockquote {
  margin: 24px 0;
  padding: 18px 22px;
  border-left: 4px solid var(--c-acc-lime, #cdfa00);
  background: var(--hpC-bg-soft);
  font: italic 600 19px/1.45 'Crimson Pro', Georgia, serif;
  color: var(--hpC-fg);
  text-wrap: pretty;
}
.hpC-body blockquote cite {
  display: block;
  margin-top: 8px;
  font: 600 11px/1 var(--font-mono);
  font-style: normal;
  color: var(--hpC-fg-soft);
  letter-spacing: .5px;
  text-transform: uppercase;
}
.hpC-body ul, .hpC-body ol {
  margin: 0 0 20px;
  padding-left: 22px;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.65;
  color: var(--hpC-fg);
}
.hpC-body ul li, .hpC-body ol li { margin-bottom: 6px; }
.hpC-body img,
.hpC-body figure {
  max-width: 100%;
  height: auto;
  margin: 24px 0;
}
.hpC-body figure figcaption {
  font: 500 12px/1.5 var(--font-body);
  color: var(--hpC-fg-soft);
  margin-top: 8px;
  text-align: center;
}

/* Responsive embeds / videos (YouTube, Vimeo, Gutenberg) */
.hpC-body .wp-block-embed,
.hpC-body .wp-block-embed__wrapper,
.hpC-body .wp-has-aspect-ratio,
.hpC-body .jetpack-video-wrapper,
.article-content .wp-block-embed,
.article-content .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 24px 0;
}
.hpC-body iframe,
.hpC-body video,
.hpC-body embed,
.hpC-body object,
.article-content iframe,
.article-content video {
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
  aspect-ratio: 16 / 9;
  border: 0;
}
.hpC-body .wp-block-embed__wrapper iframe,
.hpC-body .wp-has-aspect-ratio iframe,
.article-content .wp-block-embed__wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto;
}
.hpC-body .wp-block-embed__wrapper,
.hpC-body .wp-block-embed.is-type-video > .wp-block-embed__wrapper {
  aspect-ratio: 16 / 9;
  height: auto;
  padding: 0;
}

.hpC-related-entities {
  margin: 28px 0;
  padding: 20px;
  border: 1px solid var(--hpC-line, #ebeae5);
  background: var(--hpC-bg-soft, #fafaf5);
}
.hpC-related-entities__block + .hpC-related-entities__block { margin-top: 18px; }
.hpC-related-entities h3 {
  margin: 0 0 10px;
  font: 800 13px/1.2 var(--font-body);
  letter-spacing: .6px;
  text-transform: uppercase;
  color: var(--hpC-fg-soft, #888);
}
.hpC-related-entities ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.hpC-related-entities a {
  display: block;
  padding: 10px 12px;
  background: var(--hpC-bg, #fff);
  border: 1px solid var(--hpC-line, #ebeae5);
  text-decoration: none;
  color: inherit;
}
.hpC-related-entities a:hover { border-color: #0a0a0a; }
.hpC-related-entities strong { display: block; font-size: 14px; margin-bottom: 2px; }
.hpC-related-entities span { display: block; font-size: 12px; color: var(--hpC-fg-mute, #666); line-height: 1.4; }

.hpC-body code {
  font: 500 14px/1.4 var(--font-mono);
  background: var(--hpC-bg-tag);
  padding: 2px 6px;
  border-radius: 2px;
  color: var(--hpC-fg);
}
.hpC-body pre {
  background: #0a0a0a;
  color: var(--c-acc-lime, #cdfa00);
  padding: 16px 20px;
  margin: 22px 0;
  font: 500 13px/1.65 var(--font-mono);
  overflow: auto;
  border-left: 3px solid var(--c-acc-lime, #cdfa00);
}

/* INFOBOX (TLDR) */
.hpC-infobox {
  margin: 28px 0;
  background: #0a0a0a;
  color: #fff;
  padding: 22px 24px;
  font-family: var(--font-body);
}
.hpC-infobox h4 {
  font: 900 11px/1 var(--font-display);
  letter-spacing: 2px;
  margin: 0 0 14px;
  color: var(--c-acc-lime, #cdfa00);
  text-transform: uppercase;
}
.hpC-infobox ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hpC-infobox ul li {
  padding-left: 16px;
  position: relative;
  color: #ddd;
  line-height: 1.5;
}
.hpC-infobox ul li::before {
  content: '›';
  position: absolute;
  left: 0;
  color: var(--c-acc-lime, #cdfa00);
  font-weight: 800;
}
.hpC-infobox ul li b { color: #fff; }

/* TAGS */
.hpC-tags {
  margin: 24px 0;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.hpC-tags a {
  font: 700 11px/1 var(--font-body);
  padding: 7px 11px;
  background: var(--hpC-bg-tag);
  color: var(--hpC-fg-mute);
  letter-spacing: .5px;
  text-decoration: none;
  transition: background .15s, color .15s;
}
.hpC-tags a:hover {
  background: #0a0a0a;
  color: var(--c-acc-lime, #cdfa00);
}

/* END SHARE */
.hpC-end-share {
  margin: 36px 0 0;
  padding: 24px;
  border-top: 3px solid var(--hpC-line-strong);
  border-bottom: 1px solid var(--hpC-line);
  background: var(--hpC-bg-soft);
}
.hpC-end-share__lab {
  font: 900 10px/1 var(--font-display);
  letter-spacing: 2px;
  color: var(--hpC-fg);
  text-transform: uppercase;
  margin-bottom: 6px;
}
.hpC-end-share h3 {
  font: 900 20px/1.2 var(--font-display);
  letter-spacing: -.5px;
  margin: 0 0 16px;
  color: var(--hpC-fg);
}
.hpC-end-share__sub {
  font: 600 10px/1 var(--font-mono);
  color: var(--hpC-fg-soft);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 14px 0 8px;
}
.hpC-end-share__sub:first-of-type { margin-top: 0; }

.hpC-share-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}
.hpC-share-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--hpC-bg);
  border: 1px solid var(--hpC-line);
  cursor: pointer;
  font: 700 12px/1 var(--font-body);
  color: var(--hpC-fg);
  text-decoration: none;
  transition: background .12s, color .12s, border-color .12s;
}
.hpC-share-btn:hover {
  border-color: #0a0a0a;
  background: #0a0a0a;
  color: #fff;
}
.hpC-share-btn .ai-ic {
  width: 22px;
  height: 22px;
  font-size: 10px;
}
.hpC-share-sq {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 800 14px/1 var(--font-body);
  cursor: pointer;
  font-style: normal;
  border: 0;
  text-decoration: none;
  transition: filter .15s;
}
.hpC-share-sq:hover { filter: brightness(1.15); }

/* ═══ COMMENTS ═════════════════════════════════════════ */
.hpC-comments {
  padding: 0;
  margin: 48px 0 0;
}
.hpC-comments .comments-section {
  background: transparent;
  padding: 0;
  border: 0;
}

/* Header */
.hpC-comments .comments-header {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0 0 18px;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--hpC-line-strong);
  flex-wrap: wrap;
}
.hpC-comments .comments-title {
  font: 900 20px/1 var(--font-display);
  letter-spacing: -.4px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--hpC-fg);
}
.hpC-comments .comments-title svg { color: var(--hpC-fg); }
.hpC-comments .comments-count-badge {
  font: 700 12px/1 var(--font-mono);
  color: var(--hpC-fg-soft);
  background: var(--hpC-bg-tag);
  padding: 4px 8px;
}
.hpC-comments .comment-sort {
  margin-left: auto;
  display: flex;
  gap: 4px;
}
.hpC-comments .comment-sort-btn {
  font: 700 11px/1 var(--font-body);
  color: var(--hpC-fg-mute);
  background: transparent;
  border: 0;
  padding: 6px 10px;
  letter-spacing: .5px;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.hpC-comments .comment-sort-btn.is-active {
  color: var(--hpC-fg);
  font-weight: 800;
  border-bottom-color: var(--c-acc-lime, #cdfa00);
}

/* Buzz reactions kept compact in sidebar style */
.hpC-comments .buzz-reactions {
  margin-bottom: 24px;
}

/* Comment form */
.hpC-comments .comment-form-wrap {
  background: var(--hpC-bg-soft);
  border: 1px solid var(--hpC-line);
  padding: 16px;
  margin-bottom: 24px;
}
.hpC-comments .comment-form-editorial,
.hpC-comments .comment-form { display: block; }
.hpC-comments .comment-form-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 10px;
}
.hpC-comments .comment-form-field input,
.hpC-comments .comment-form input[type="text"],
.hpC-comments .comment-form input[type="email"],
.hpC-comments .comment-form input[type="url"],
.hpC-comments .comment-form .comment-textarea,
.hpC-comments .comment-form textarea {
  width: 100%;
  border: 1px solid var(--hpC-line);
  background: var(--hpC-bg);
  color: var(--hpC-fg);
  padding: 11px 14px;
  font: 500 13px/1.5 var(--font-body);
  outline: none;
}
.hpC-comments .comment-form .comment-textarea {
  min-height: 80px;
  resize: vertical;
}
.hpC-comments .comment-toolbar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
}
.hpC-comments .btn-comment-submit,
.hpC-comments .comment-form .form-submit input[type="submit"],
.hpC-comments .comment-form button[type="submit"] {
  font: 800 11px/1 var(--font-body);
  padding: 11px 16px;
  background: #0a0a0a;
  color: var(--c-acc-lime, #cdfa00);
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.hpC-comments .btn-comment-submit:hover {
  filter: brightness(1.05);
}

/* Suggested quick replies */
.hpC-comments .suggested-replies {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}
.hpC-comments .suggested-label {
  font: 700 10px/1 var(--font-mono);
  color: var(--hpC-fg-soft);
  letter-spacing: .5px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.hpC-comments .suggested-btn {
  font: 700 11px/1 var(--font-body);
  background: var(--hpC-bg);
  border: 1px solid var(--hpC-line);
  color: var(--hpC-fg);
  padding: 6px 10px;
  cursor: pointer;
  transition: background .15s, color .15s, border-color .15s;
}
.hpC-comments .suggested-btn:hover {
  background: #0a0a0a;
  color: var(--c-acc-lime, #cdfa00);
  border-color: #0a0a0a;
}

/* Comment list & items */
.hpC-comments .comment-list,
.hpC-comments ol.comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hpC-comments .comment-item,
.hpC-comments .comment {
  margin-bottom: 22px;
  padding: 0;
  background: transparent;
  border: 0;
  list-style: none;
}
.hpC-comments .comment-body {
  display: block;
  padding: 14px;
  background: var(--hpC-bg);
  border: 1px solid var(--hpC-line);
}
.hpC-comments .comment-badges {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.hpC-comments .comment-badge {
  font: 800 9px/1 var(--font-body);
  letter-spacing: 1px;
  padding: 4px 7px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.hpC-comments .comment-badge-author {
  background: var(--c-acc-lime, #cdfa00);
  color: #0a0a0a;
}
.hpC-comments .comment-badge-pinned {
  background: #0a0a0a;
  color: var(--c-acc-lime, #cdfa00);
}

.hpC-comments .comment-author-row {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
.hpC-comments .comment-avatar {
  flex-shrink: 0;
}
.hpC-comments .comment-author-info {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.hpC-comments .comment-author-name {
  font: 800 13px/1 var(--font-body);
  color: var(--hpC-fg);
}
.hpC-comments .comment-verified { color: var(--c-acc-lime, #cdfa00); }
.hpC-comments .comment-time {
  font: 500 11px/1 var(--font-mono);
  color: var(--hpC-fg-soft);
}

.hpC-comments .comment-text,
.hpC-comments .comment-text p {
  font: 500 14px/1.55 var(--font-body);
  color: var(--hpC-fg);
  text-wrap: pretty;
  margin: 0 0 10px;
}
.hpC-comments .comment-text :last-child { margin-bottom: 0; }

.hpC-comments .comment-actions {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-top: 10px;
  flex-wrap: wrap;
}
.hpC-comments .comment-action-btn,
.hpC-comments .comment-action-btn a {
  font: 700 11px/1 var(--font-body);
  color: var(--hpC-fg-soft);
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  letter-spacing: .3px;
  text-decoration: none;
  transition: color .15s;
}
.hpC-comments .comment-action-btn:hover,
.hpC-comments .comment-action-btn.is-liked,
.hpC-comments .comment-action-btn a:hover {
  color: var(--hpC-fg);
}
.hpC-comments .like-count { font-weight: 800; }

.hpC-comments .comment-awaiting-notice {
  font: 600 11px/1.4 var(--font-body);
  color: #b03030;
  background: #fff5f2;
  padding: 8px 10px;
  margin-bottom: 8px;
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

/* Threaded children */
.hpC-comments .children,
.hpC-comments .comment .children {
  list-style: none;
  margin: 16px 0 0 28px;
  padding-left: 14px;
  border-left: 2px solid var(--hpC-line);
}

/* Empty state */
.hpC-comments .comment-list-empty {
  padding: 32px 18px;
  text-align: center;
  background: var(--hpC-bg-soft);
  border: 1px dashed var(--hpC-line);
}
.hpC-comments .comment-list-empty p {
  font: 600 14px/1.4 var(--font-body);
  color: var(--hpC-fg-soft);
  margin: 12px 0 0;
}
.hpC-comments .comment-list-empty svg { color: var(--hpC-fg-soft); }

/* Load more */
.hpC-comments .load-more-comments,
.hpC-comments .comment-nav-wrap button {
  display: block;
  width: 100%;
  margin: 16px 0 0;
  text-align: center;
  padding: 14px;
  border: 1px dashed var(--hpC-line);
  background: transparent;
  font: 700 12px/1 var(--font-body);
  color: var(--hpC-fg-mute);
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
}
.hpC-comments .load-more-comments:hover {
  background: var(--hpC-bg-soft);
}

/* Community guidelines */
.hpC-comments .community-rules {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  padding: 12px;
  background: var(--hpC-bg-soft);
  border: 1px solid var(--hpC-line);
  font: 500 12px/1.5 var(--font-body);
  color: var(--hpC-fg-soft);
}
.hpC-comments .community-rules a {
  color: var(--hpC-fg);
  text-decoration: none;
  border-bottom: 1.5px solid var(--c-acc-lime, #cdfa00);
  font-weight: 600;
}

/* Hide WP default labels */
.hpC-comments .comment-form .comment-notes,
.hpC-comments .comment-form .logged-in-as,
.hpC-comments .comment-form label { display: none; }

/* ═══ SIDEBAR ══════════════════════════════════════════ */
.hpC-sidebar {
  position: sticky;
  top: 20px;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 18px;
  font-family: var(--font-body);
  min-width: 0;
}

.hpC-box {
  background: var(--hpC-bg);
  border: 1px solid var(--hpC-line);
  padding: 16px;
}
.hpC-box h4 {
  font: 900 11px/1 var(--font-display);
  letter-spacing: 2px;
  margin: 0 0 14px;
  color: var(--hpC-fg);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
}
.hpC-box h4::before {
  content: '';
  width: 4px;
  height: 13px;
  background: var(--c-acc-lime, #cdfa00);
}

/* TOC */
.hpC-toc { background: var(--hpC-bg-soft); }
.hpC-toc ol {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: toc-c;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.hpC-toc ol li {
  counter-increment: toc-c;
  display: flex;
  gap: 10px;
  padding: 9px 8px;
  font: 600 12px/1.4 var(--font-body);
  color: var(--hpC-fg-mute);
  cursor: pointer;
  border-left: 2px solid transparent;
  align-items: flex-start;
}
.hpC-toc ol li::before {
  content: counter(toc-c, decimal-leading-zero);
  font: 800 10px/1.4 var(--font-mono);
  color: var(--hpC-fg-faint);
  letter-spacing: .5px;
  flex-shrink: 0;
  width: 20px;
}
.hpC-toc ol li:hover { background: var(--hpC-bg); color: var(--hpC-fg); }
.hpC-toc ol li.is-active {
  background: var(--hpC-bg);
  border-left-color: var(--c-acc-lime, #cdfa00);
  color: var(--hpC-fg);
  font-weight: 800;
}
.hpC-toc ol li.is-active::before { color: var(--hpC-fg); }
.hpC-toc ol li a {
  color: inherit;
  text-decoration: none;
  display: block;
  flex: 1;
  min-width: 0;
}
.hpC-toc__empty {
  font: 500 11px/1.5 var(--font-body);
  color: var(--hpC-fg-soft);
  font-style: italic;
  padding: 8px 4px;
}
.hpC-toc__progress {
  margin-top: 14px;
  height: 3px;
  background: var(--hpC-line);
  position: relative;
  overflow: hidden;
}
.hpC-toc__progress-fill {
  position: absolute;
  left: 0; top: 0;
  height: 100%;
  width: 0;
  background: var(--c-acc-lime, #cdfa00);
  transition: width .15s;
}
.hpC-toc__progress-text {
  font: 600 10px/1 var(--font-mono);
  color: var(--hpC-fg-soft);
  letter-spacing: .5px;
  margin-top: 7px;
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
}
.hpC-toc__progress-text b { color: var(--hpC-fg); font-weight: 800; }

/* RELATED */
.hpC-related__row {
  display: flex;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--hpC-line);
  text-decoration: none;
  color: inherit;
}
.hpC-related__row:last-child { border: 0; padding-bottom: 0; }
.hpC-related__row:first-of-type { padding-top: 0; }
.hpC-related__ph {
  position: relative;
  width: 60px;
  height: 54px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #0a2a1a, #3a4a2a);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: flex-end;
  padding: 4px;
  overflow: hidden;
}
.hpC-related__ph::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.35);
}
.hpC-related__lbl {
  position: relative;
  font: 700 7px/1 var(--font-display);
  letter-spacing: .8px;
  text-transform: uppercase;
  color: #fff;
  background: rgba(0,0,0,.55);
  padding: 2px 4px;
}
.hpC-related__b { flex: 1; min-width: 0; }
.hpC-related__cat {
  font: 700 9px/1 var(--font-body);
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--hpC-fg-soft);
  margin-bottom: 4px;
}
.hpC-related__b h5 {
  font: 700 12px/1.3 var(--font-body);
  margin: 0 0 4px;
  letter-spacing: -.2px;
  color: var(--hpC-fg);
}
.hpC-related__meta {
  font: 500 9px/1 var(--font-mono);
  color: var(--hpC-fg-faint);
}

/* POPULAR */
.hpC-popular ol {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: pop;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.hpC-popular ol li {
  counter-increment: pop;
  display: flex;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--hpC-line);
}
.hpC-popular ol li:last-child { border: 0; padding-bottom: 0; }
.hpC-popular ol li::before {
  content: counter(pop);
  font: 900 18px/1 var(--font-display);
  color: var(--c-acc-lime, #cdfa00);
  flex-shrink: 0;
  width: 22px;
  letter-spacing: -1px;
  -webkit-text-stroke: 1px var(--hpC-fg);
}
.hpC-popular__b {
  flex: 1;
  min-width: 0;
  text-decoration: none;
  color: inherit;
}
.hpC-popular__cat {
  font: 700 9px/1 var(--font-body);
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--hpC-fg-soft);
  margin-bottom: 4px;
}
.hpC-popular__b h5 {
  font: 700 12px/1.3 var(--font-body);
  margin: 0 0 4px;
  letter-spacing: -.2px;
  color: var(--hpC-fg);
}
.hpC-popular__meta {
  font: 500 9px/1 var(--font-mono);
  color: var(--hpC-fg-faint);
  display: flex;
  gap: 8px;
}
.hpC-popular__meta b { color: var(--hpC-fg); font-weight: 800; margin-right: 3px; }

/* NEWSLETTER */
.hpC-nl {
  background: #0a0a0a;
  color: #fff;
  border: 0;
}
.hpC-nl h4 { color: var(--c-acc-lime, #cdfa00); }
.hpC-nl h4::before { background: var(--c-acc-lime, #cdfa00); }
.hpC-nl p {
  font: 500 12px/1.55 var(--font-body);
  color: #bbb;
  margin: 0 0 12px;
  text-wrap: pretty;
}
.hpC-nl p b { color: var(--c-acc-lime, #cdfa00); font-weight: 800; }
.hpC-nl__row {
  display: flex;
  gap: 0;
}
.hpC-nl__row input {
  flex: 1;
  background: #1a1a1a;
  border: 1px solid #222;
  padding: 10px 11px;
  color: #fff;
  font: 500 12px/1 var(--font-body);
  outline: none;
  min-width: 0;
}
.hpC-nl__row input:focus { border-color: var(--c-acc-lime, #cdfa00); }
.hpC-nl__send {
  background: var(--c-acc-lime, #cdfa00);
  color: #0a0a0a;
  padding: 10px 13px;
  font: 800 11px/1 var(--font-body);
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  border: 0;
}
.hpC-nl__stats {
  font: 500 10px/1 var(--font-mono);
  color: #666;
  margin-top: 10px;
  letter-spacing: .5px;
  text-transform: uppercase;
}
.hpC-nl__stats b { color: var(--c-acc-lime, #cdfa00); font-weight: 800; margin-right: 3px; }

/* HOT TAGS */
.hpC-tags-box__cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.hpC-tags-box__cloud a {
  font: 700 11px/1 var(--font-body);
  padding: 6px 9px;
  background: var(--hpC-bg-tag);
  color: var(--hpC-fg-mute);
  letter-spacing: .3px;
  text-decoration: none;
  transition: background .15s, color .15s;
}
.hpC-tags-box__cloud a:hover { background: #0a0a0a; color: var(--c-acc-lime, #cdfa00); }
.hpC-tags-box__cloud a.is-hot {
  background: var(--c-acc-lime, #cdfa00);
  color: #0a0a0a;
  font-weight: 800;
}

/* ═══ RESPONSIVE ════════════════════════════════════════ */
@media (max-width: 1100px) {
  .hpC-news__layout { grid-template-columns: 60px minmax(0, 1fr); }
  .hpC-sidebar { display: none; }
}

@media (max-width: 900px) {
  .hpC-news { padding: 24px 18px 36px; }
  .hpC-news__layout { grid-template-columns: 1fr; gap: 18px; }
  .hpC-dock {
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-start;
    margin-bottom: 12px;
  }
  .hpC-dock__lab { display: none; }
  .hpC-dock__b {
    width: 70px;
    height: 44px;
    flex-direction: row;
    gap: 6px;
    padding: 0 8px;
    font-size: 10px;
  }
  .hpC-dock__b .ai-ic { width: 18px; height: 18px; font-size: 9px; }
  .hpC-dock__div { display: none; }
  .hpC-dock__so { width: 40px; height: 40px; }
  .hpC-article__title { font-size: 32px; letter-spacing: -1px; }
  .hpC-article__deck { font-size: 16px; }
  .hpC-body { font-size: 17px; }
}

@media (max-width: 560px) {
  .hpC-article__title { font-size: 26px; line-height: 1.18; }
  .hpC-meta-top { font-size: 10px; gap: 10px; }
  .hpC-meta-top__cat { font-size: 9px; padding: 5px 7px; }
  .hpC-by { gap: 10px; }
  .hpC-by__stats { gap: 10px; }
  .hpC-share-btn { flex: 1; justify-content: center; }
}