/* CellQual — blog-specific tweaks layered over sections.css. */
.cq-posts--wide { grid-template-columns: repeat(auto-fill, minmax(360px,1fr)); }
.cq-prose figure { margin: 0; }
.cq-prose figcaption { margin-top: 10px; font-size: 12.5px; color: var(--muted-dark); }
.cq-prose img { border-radius: var(--r-card); }
.cq-prose .wp-caption-text { font-size: 12.5px; color: var(--muted-dark); }
.comment-respond, .comments-area { max-width: var(--measure); margin-top: 48px; }

/* ====================================================== Roles & comments */
.cq-facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 1px;
	margin: 0;
	background: rgba(255,255,255,.07);
	border: 1px solid rgba(255,255,255,.07);
	border-radius: var(--r-card);
	overflow: hidden;
}
.cq-facts__i { padding: 18px 20px; background: var(--void); }
.cq-facts dt {
	font-family: var(--font-head);
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--green-br);
}
.cq-facts dd {
	margin: 8px 0 0;
	font-size: 14.5px;
	color: #fff;
}

.cq-comments { max-width: var(--measure); margin-top: clamp(40px, 5vw, 72px); }
.cq-comments__title {
	font-family: var(--font-head);
	font-size: clamp(20px, 2.2vw, 28px);
	font-weight: 700;
	color: #fff;
	margin: 0 0 22px;
}
.cq-comments__list { list-style: none; margin: 0 0 32px; padding: 0; }
.cq-comments__list .children { list-style: none; padding-inline-start: clamp(16px, 3vw, 40px); }
.cq-comments__list li { padding-block: 20px; border-top: 1px solid rgba(255,255,255,.07); }
.cq-comments__list .comment-author { display: flex; align-items: center; gap: 10px; }
.cq-comments__list .comment-author img { border-radius: 50%; }
.cq-comments__list .fn { font-family: var(--font-head); font-weight: 600; color: #fff; font-style: normal; }
.cq-comments__list .comment-metadata { font-size: 12px; color: var(--muted-dark); margin-top: 4px; }
.cq-comments__list .comment-metadata a { color: var(--muted-dark); }
.cq-comments__list .reply { margin-top: 10px; }
.cq-comments__list .comment-reply-link {
	font-family: var(--font-head);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--green-br);
}
.cq-comments__closed { font-size: 13.5px; color: var(--muted-dark); }
.cq-comments__form .cq-field { margin-bottom: 16px; }
.cq-comments .comment-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.cq-comments .comment-form > p,
.cq-comments .comment-form .cq-field--full { grid-column: 1 / -1; }
.cq-comments .comment-form label:not(.cq-field) { display: block; font-size: 12px; color: var(--muted-dark); }
.cq-comments .comment-form input[type="text"],
.cq-comments .comment-form input[type="email"],
.cq-comments .comment-form input[type="url"],
.cq-comments .comment-form textarea {
	width: 100%;
	padding: 13px 15px;
	background: var(--ink3);
	border: 1px solid rgba(255,255,255,.1);
	border-radius: var(--r-btn);
	font: inherit;
	font-size: 14.5px;
	color: #fff;
}
.cq-comments .comment-form :is(input, textarea):focus { outline: none; border-color: var(--green-br); }
.cq-comments .comment-notes,
.cq-comments .comment-form-cookies-consent { font-size: 12.5px; color: var(--muted-dark); }

/* The optional aside — hidden unless a widget is actually placed in it. */
.cq-aside { display: grid; gap: 22px; }
.cq-aside__t {
	font-family: var(--font-head);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 12px;
}
.cq-aside__w ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.cq-aside__w a { font-size: 13.5px; color: var(--muted-dark); }
.cq-aside__w a:hover { color: var(--green-br); }

@media (max-width: 620px) {
	.cq-comments .comment-form { grid-template-columns: 1fr; }
}