/* MODULIQ Newsroom v1.2.1 — editorial comments + typography balance */

/* Homepage composer: keep headlines editorial, not poster-sized. */
.mq-v048-overlay h3{
  font-size:clamp(16px,1.25vw,21px)!important;
  line-height:1.16!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  text-wrap:pretty;
}
.mq-v048-size-1x1:not(.is-dominant) .mq-v048-overlay h3{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
}
.mq-v048-tile.is-dominant .mq-v048-overlay h3{
  font-size:clamp(26px,2.6vw,39px)!important;
  line-height:1.06!important;
  font-weight:800!important;
}
.mq-v048-overlay{padding:15px!important}
.mq-v048-tile.is-dominant .mq-v048-overlay{padding:22px!important}

/* Related stories: quieter hierarchy before discussion. */
.mq-v053-related-card h3{
  font-size:16.5px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:-.018em!important;
  text-wrap:pretty;
}
.mq-v053-related-card .mq-meta{font-size:11.5px!important;font-weight:500!important}

/* Comments — same content rail as the article, but visually separate. */
.mq-single-layout .mq-comments,
.mq-comments{
  width:100%;
  max-width:none!important;
  margin:64px 0 0!important;
  padding:32px 0 8px;
  border-top:1px solid var(--mq-line);
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  color:var(--mq-text);
}
.mq-comments-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:0 0 22px;
}
.mq-comments-eyebrow{
  display:block;
  margin-bottom:5px;
  color:var(--mq-accent);
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.mq-comments-header h2{
  margin:0;
  font-size:clamp(26px,2.4vw,34px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.035em;
}
.mq-comments-jump{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 13px;
  border:1px solid var(--mq-line);
  border-radius:999px;
  background:var(--mq-surface);
  color:var(--mq-text);
  font-size:13px;
  font-weight:700;
  text-decoration:none!important;
}
.mq-comments-jump:hover{border-color:var(--mq-accent);color:var(--mq-accent)}

.mq-comment-list,
.mq-comment-list .children{
  list-style:none;
  margin:0;
  padding:0!important;
}
.mq-comment-list{display:grid;gap:14px}
.mq-comment-list .children{
  margin:14px 0 0 58px;
  display:grid;
  gap:12px;
}
.mq-comment-card{
  padding:20px;
  border:1px solid var(--mq-line);
  border-radius:calc(var(--mq-radius) * .9);
  background:var(--mq-surface);
  box-shadow:0 1px 0 rgba(15,23,42,.02);
}
:root[data-mq-mode="dark"] .mq-comment-card{box-shadow:0 1px 0 rgba(255,255,255,.015)}
.mq-comment-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.mq-comment-avatar{flex:0 0 48px;width:48px;height:48px}
.mq-comment-avatar img{display:block;width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--mq-soft);box-shadow:0 0 0 1px var(--mq-line)}
.mq-comment-identity{min-width:0;display:grid;gap:3px}
.mq-comment-author-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mq-comment-author-name,.mq-comment-author-name a{color:var(--mq-text);font-size:15px;font-weight:800;text-decoration:none!important}
.mq-comment-author-name a:hover{color:var(--mq-accent)}
.mq-comment-author-badge{
  display:inline-flex;
  padding:3px 7px;
  border-radius:999px;
  background:color-mix(in srgb,var(--mq-accent) 12%,transparent);
  color:var(--mq-accent);
  font-size:10px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.mq-comment-date{color:var(--mq-muted);font-size:12px;font-weight:500;text-decoration:none!important}
.mq-comment-date:hover{color:var(--mq-text)}
.mq-comment-content{font-size:16px;line-height:1.72;font-weight:400;color:var(--mq-text)}
.mq-comment-content p{margin:0 0 .9em;font:inherit!important}
.mq-comment-content p:last-child{margin-bottom:0}
.mq-comment-content strong,.mq-comment-content b{font-weight:700}
.mq-comment-actions{display:flex;align-items:center;gap:8px;margin-top:15px}
.mq-comment-reply a,.mq-comment-edit a{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  text-decoration:none!important;
}
.mq-comment-reply a{background:var(--mq-soft);color:var(--mq-text)}
.mq-comment-reply a:hover{background:color-mix(in srgb,var(--mq-soft) 80%,var(--mq-accent) 20%);color:var(--mq-accent)}
.mq-comment-edit a{color:var(--mq-muted)}
.mq-comment-edit a:hover{color:var(--mq-text)}
.mq-comment-moderation{
  margin:0 0 13px;
  padding:10px 12px;
  border-radius:10px;
  background:color-mix(in srgb,#f59e0b 12%,var(--mq-surface));
  color:var(--mq-text);
  font-size:13px;
  font-weight:600;
}
.mq-comment-ping{list-style:none}
.mq-comment-ping-inner{padding:12px 14px;border:1px dashed var(--mq-line);border-radius:10px;color:var(--mq-muted);font-size:13px}

.mq-comments-navigation{display:flex;justify-content:space-between;gap:12px;margin:18px 0 0}
.mq-comments-navigation a{font-size:13px;font-weight:700;text-decoration:none!important}
.mq-comments-empty{
  display:flex;
  align-items:baseline;
  gap:8px;
  margin:0 0 20px;
  padding:16px 18px;
  border:1px dashed var(--mq-line);
  border-radius:var(--mq-radius);
  color:var(--mq-muted);
  font-size:14px;
  font-weight:400;
}
.mq-comments-empty strong{color:var(--mq-text);font-weight:700}

/* Comment form — compact editorial card instead of raw WP form. */
.mq-comment-respond,
.mq-comments .comment-respond{
  margin:28px 0 0;
  padding:24px;
  border:1px solid var(--mq-line);
  border-radius:var(--mq-radius);
  background:var(--mq-soft);
}
.mq-comment-respond .comment-reply-title,
.mq-comments .comment-reply-title{
  margin:0 0 7px;
  font-size:22px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.025em;
}
.mq-comments #cancel-comment-reply-link{margin-left:8px;color:var(--mq-accent);font-size:12px;font-weight:700;text-decoration:none}
.mq-comment-form,.mq-comments .comment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:16px}
.mq-comment-form>p,.mq-comments .comment-form>p{margin:0;font-size:14px;font-weight:400}
.mq-comment-form .comment-notes,.mq-comment-form .logged-in-as,.mq-comments .comment-notes,.mq-comments .logged-in-as{grid-column:1/-1;color:var(--mq-muted);font-size:13px;line-height:1.5;font-weight:400!important}
.mq-comments .logged-in-as strong{color:var(--mq-text);font-weight:700}
.mq-comments .logged-in-as a{color:var(--mq-muted);font-weight:600;text-decoration:none}
.mq-comments .logged-in-as a:hover{color:var(--mq-accent)}
.mq-comment-form .comment-form-comment,.mq-comments .comment-form-comment,.mq-comments .form-submit,.mq-comments .comment-form-cookies-consent{grid-column:1/-1}
.mq-comments label{display:block;margin:0 0 7px;color:var(--mq-text);font-size:13px;line-height:1.3;font-weight:700}
.mq-comments .required{color:var(--mq-accent)}
.mq-comments input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.mq-comments textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid var(--mq-line);
  border-radius:12px;
  background:var(--mq-surface);
  color:var(--mq-text);
  padding:12px 14px;
  font:400 15px/1.5 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  box-shadow:none;
}
.mq-comments input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]){min-height:46px}
.mq-comments textarea{min-height:160px;max-height:420px;resize:vertical}
.mq-comments textarea::placeholder,.mq-comments input::placeholder{color:var(--mq-muted);opacity:.78}
.mq-comments input:focus,.mq-comments textarea:focus{border-color:var(--mq-accent);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--mq-accent) 18%,transparent)}
.mq-comments .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:9px;color:var(--mq-muted);font-size:12px!important}
.mq-comments .comment-form-cookies-consent input{width:auto!important;margin-top:2px;accent-color:var(--mq-accent)}
.mq-comments .comment-form-cookies-consent label{margin:0;font-size:12px;font-weight:500;color:var(--mq-muted)}
.mq-comments .form-submit{margin-top:2px!important}
.mq-comments .submit,
.mq-comments button[type="submit"]{
  width:auto!important;
  min-height:44px;
  padding:0 18px;
  border:0;
  border-radius:999px;
  background:var(--mq-accent);
  color:#fff;
  font-size:14px;
  line-height:44px;
  font-weight:800;
  cursor:pointer;
  box-shadow:none;
}
.mq-comments .submit:hover,.mq-comments button[type="submit"]:hover{filter:brightness(.96);transform:translateY(-1px)}
.mq-comments-closed{margin-top:18px;padding:14px 16px;border-radius:12px;background:var(--mq-soft);color:var(--mq-muted);font-size:13px}

@media(max-width:900px){
  .mq-v048-overlay h3{font-size:18px!important}
  .mq-v048-tile.is-dominant .mq-v048-overlay h3{font-size:30px!important}
}
@media(max-width:640px){
  .mq-comments{margin-top:42px!important;padding-top:24px}
  .mq-comments-header{align-items:flex-start;flex-direction:column;margin-bottom:18px}
  .mq-comments-header h2{font-size:27px}
  .mq-comments-jump{display:none}
  .mq-comment-list .children{margin-left:18px;padding-left:12px!important;border-left:2px solid var(--mq-line)}
  .mq-comment-card{padding:16px}
  .mq-comment-avatar,.mq-comment-avatar img{width:42px;height:42px;flex-basis:42px}
  .mq-comment-content{font-size:15.5px}
  .mq-comment-respond,.mq-comments .comment-respond{padding:18px}
  .mq-comment-form,.mq-comments .comment-form{grid-template-columns:1fr;gap:13px}
  .mq-comment-form>p,.mq-comments .comment-form>p{grid-column:1!important}
  .mq-comments textarea{min-height:145px}
  .mq-comments-empty{display:grid;gap:2px}
  .mq-v053-related-card h3{font-size:15px!important}
}