/* =============================================================
   WITOO — single.css
   Single ownership-post layout.
   ============================================================= */

.witoo-post { max-width: var(--wt-wide); margin: 0 auto; padding: 24px 20px 48px; }
.witoo-post-header { max-width: var(--wt-content); margin: 0 auto 24px; }

.witoo-post-eyebrow {
	display: inline-block; font-family: var(--wt-font-mono);
	font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
	color: var(--wt-gold); margin: 0 0 12px;
}

.witoo-post-title {
	font-family: var(--wt-font-display); color: var(--wt-navy);
	font-weight: 800; font-size: clamp(28px, 4.5vw, 44px); line-height: 1.1;
	letter-spacing: -0.025em; margin: 0 0 8px;
}

.witoo-post-hero {
	margin: 24px 0; max-width: var(--wt-wide);
	border-radius: var(--wt-radius-lg); overflow: hidden;
}
.witoo-post-hero img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.witoo-post-hero figcaption {
	font-size: 13px; color: var(--wt-slate); padding: 8px 12px; background: var(--wt-bg-alt);
	font-family: var(--wt-font-mono);
}

.witoo-post-body { min-width: 0; }
.witoo-post-content {
	font-size: 17px; line-height: 1.75;
	color: var(--wt-text);
}
.witoo-post-content h2 {
	font-size: 28px; margin: 2em 0 0.5em;
	padding-top: 0.4em; border-top: 2px solid var(--wt-navy);
}
.witoo-post-content h3 { font-size: 22px; margin: 1.5em 0 0.4em; }
.witoo-post-content h4 { font-size: 18px; margin: 1.4em 0 0.3em; }
.witoo-post-content > p:first-of-type {
	font-size: 19px; line-height: 1.6; color: var(--wt-charcoal);
}

.witoo-post-content ul, .witoo-post-content ol { padding-left: 1.4em; }
.witoo-post-content li { margin-bottom: 6px; }

.witoo-post-content a { color: var(--wt-link); border-bottom: 1px dotted currentColor; }
.witoo-post-content a:hover { border-bottom-style: solid; text-decoration: none; }

.witoo-post-content figure { margin: 1.5em 0; }
.witoo-post-content img { border-radius: var(--wt-radius); }

/* Sidebar */
.witoo-sidebar { min-width: 0; }
.witoo-sidebar .widget {
	background: #fff; border: 1px solid var(--wt-line); border-radius: var(--wt-radius-lg);
	padding: 18px; margin: 0 0 20px;
}
.witoo-sidebar .widget-title {
	font-family: var(--wt-font-display); font-size: 16px; font-weight: 700;
	color: var(--wt-navy); margin: 0 0 12px;
}
.witoo-sidebar a { color: var(--wt-charcoal); }
.witoo-sidebar a:hover { color: var(--wt-link); }

/* Comments */
.witoo-comments {
	max-width: var(--wt-content); margin: 48px auto 0;
	padding-top: 32px; border-top: 1px solid var(--wt-line);
}
.witoo-comments-title {
	font-family: var(--wt-font-display); font-size: 22px; color: var(--wt-navy); margin: 0 0 24px;
}
.witoo-comment-list { list-style: none; padding: 0; }
.witoo-comment-list li.comment { margin: 0 0 24px; padding: 16px; background: #fff; border: 1px solid var(--wt-line); border-radius: var(--wt-radius-lg); }
.witoo-comment-list .comment-author { font-weight: 600; color: var(--wt-navy); }
.witoo-comment-list .comment-meta { font-size: 12px; color: var(--wt-slate); font-family: var(--wt-font-mono); }
.witoo-comment-form label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 4px; color: var(--wt-charcoal); }
.witoo-comment-form .submit { background: var(--wt-navy); color: #fff; border: none; padding: 12px 24px; border-radius: var(--wt-radius); font-weight: 600; cursor: pointer; }

/* Pagination of multi-page post */
.witoo-link-pages { font-size: 14px; padding: 16px 0; border-top: 1px dashed var(--wt-line); margin-top: 24px; }
.witoo-link-pages span { padding: 6px 10px; background: var(--wt-bg-alt); border-radius: var(--wt-radius); margin: 0 2px; }