/* ── Brentwood single Course view (inc/brentwood-course.php) ──────────────────
   Mirrors brentwood.ca's course description: title, taxonomy/flag tag pills,
   description, and the Ministry-Credit line. Content sits to the RIGHT of the
   33% red accent line (the left third is empty, like the live course page and
   the blog/staff singles), with consistent padding so text never hugs the line
   or the page edge. */

.bw-course {
	box-sizing: border-box;
	padding: 1.5rem 1rem 3rem;     /* mobile: top | sides | bottom */
}
.bw-course * { box-sizing: border-box; }

/* Title — matches the light page-title style used elsewhere (.bw-post-header h1). */
.bw-course__title {
	margin: 0 0 .75rem;
	font-size: 1.875rem;
	font-weight: 300;
	line-height: 1.2;
	color: #4b5563;
}

/* Tag pills: subject / grade / category + AP / Elective flags. */
.bw-course__tags {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 0 0 1.5rem;
}
.bw-course__tag {
	display: inline-block;
	padding: .2rem .7rem;
	font-size: .8125rem;
	font-weight: 600;
	line-height: 1.5;
	color: #4b5563;
	background: #f3f4f6;
	border-radius: 999px;
}
/* Advanced Placement stands out in brand red. */
.bw-course__tag--ap {
	color: #fff;
	background: var( --global-palette1, #c8272c );
}

/* Description body. */
.bw-course__body p { margin: 0 0 1em; }
.bw-course__body p:last-child { margin-bottom: 0; }

/* Ministry Credit line — hairline rule below, like the live course pop-up. */
.bw-course__credit {
	margin-top: 1.5rem;
	padding: .5rem 0;
	border-bottom: 2px solid #d1d5db;
}
.bw-course__credit-label { font-weight: 600; padding-right: .25rem; }

/* Desktop: offset into the right two-thirds, starting at the 33% line, padded
   so the text isn't tight to the line (left) or the page edge (right). */
@media ( min-width: 768px ) {
	.bw-course {
		margin-left: 33.9%;
		padding: 2.5rem 3rem 4rem 3rem;   /* top | right | bottom | left(gap from line) */
	}
}