/* Policy Pulse — LPEN Academy roll of government updates.
 *
 * EVERY SELECTOR IN THIS FILE IS ANCHORED on #lpen-pp, #lpen-pp-intro, or a
 * body.postid- class generated from policy-pulse/pages.json.
 * build_policy_pulse.py::assert_anchored() FAILS THE BUILD if one is not.
 * lpen-assets/ is enqueued site wide, so an id anchor is the difference between
 * a file that loads everywhere and a file that CHANGES everywhere.
 *
 * NO GOLD IN HERE, DELIBERATELY. LPEN-Design-System.md 3.1 reserves gold for
 * accreditation and urgency, and across this site a gold chip reads as "a credit
 * you can still earn". An effective date is neither, so the strongest chip is
 * navy fill instead.
 */

/* ---------------------------------------------------------- course page intro */
#lpen-pp-intro h1 { margin: 0 0 12px; font-size: 2rem; line-height: 1.2; color: #022E48; }
#lpen-pp-intro p  { margin: 0 0 10px; max-width: 68ch; line-height: 1.6; color: #3F4B57; }
#lpen-pp-intro p:last-child { font-size: .875rem; color: #5B6B7A; }

/* ------------------------------------------------------------------- the roll */
#lpen-pp { margin: 24px 0 0; }

#lpen-pp .lpen-pp__sum {
	margin: 0 0 4px; font-size: .75rem; font-weight: 600; letter-spacing: .08em;
	text-transform: uppercase; color: #5B6B7A;
}

#lpen-pp .lpen-pp__list { margin: 0; padding: 0; list-style: none; }

#lpen-pp .lpen-pp__item {
	display: grid; grid-template-columns: 88px 1fr; gap: 0 24px;
	padding: 20px 0; border-top: 1px solid #E3E8EC;
}
#lpen-pp .lpen-pp__item:last-child { border-bottom: 1px solid #E3E8EC; }

/* tabular-nums so the dates line up as a column rather than a ragged edge */
#lpen-pp .lpen-pp__when {
	margin: 0; font-size: .9375rem; font-weight: 700; line-height: 1.5;
	color: #022E48; font-variant-numeric: tabular-nums;
}
#lpen-pp .lpen-pp__yr { display: block; font-size: .8125rem; font-weight: 400; color: #5B6B7A; }

#lpen-pp .lpen-pp__body { min-width: 0; }

#lpen-pp .lpen-pp__tags { margin: 0 0 6px; display: flex; flex-wrap: wrap; gap: 6px; }
#lpen-pp .lpen-pp__topic,
#lpen-pp .lpen-pp__eff {
	font-size: .6875rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
	padding: 3px 8px; border-radius: 3px; white-space: nowrap; line-height: 1.4;
}
#lpen-pp .lpen-pp__topic { background: #E8EFF5; color: #0F5C96; }
#lpen-pp .lpen-pp__eff   { background: #022E48; color: #FFFFFF; }

#lpen-pp .lpen-pp__line { margin: 0 0 8px; max-width: 72ch; line-height: 1.6; color: #111820; }

/* the theme underlines every <a>; carry the affordance on a border instead */
#lpen-pp .lpen-pp__src { margin: 0; }
#lpen-pp .lpen-pp__src a {
	font-size: .875rem; font-weight: 600; color: #0F5C96; text-decoration: none;
	border-bottom: 1px solid rgba(15, 92, 150, .35);
}
#lpen-pp .lpen-pp__src a:hover,
#lpen-pp .lpen-pp__src a:focus { border-bottom-color: #0F5C96; }

@media (max-width: 600px) {
	#lpen-pp .lpen-pp__item { grid-template-columns: 1fr; gap: 6px; }
	#lpen-pp .lpen-pp__when { display: flex; align-items: baseline; gap: 6px; }
	#lpen-pp .lpen-pp__yr   { display: inline; }
	#lpen-pp-intro h1       { font-size: 1.625rem; }
}

/* ------------------------------------------------- course page, added 2026-09-21 */
#lpen-pp-intro .lpen-pp__scope {
	margin: 0 0 10px; padding-left: 12px; border-left: 3px solid #D5DDE4;
	font-size: .9375rem; color: #5B6B7A;
}
#lpen-pp-intro .lpen-pp__checked { font-size: .875rem; color: #5B6B7A; }
#lpen-pp .lpen-pp__arch {
	margin: 28px 0 0; padding-top: 20px; border-top: 1px solid #E3E8EC;
	font-size: 1.25rem; line-height: 1.3; color: #022E48;
}

/* Reads as a note about access, not as body copy. A non-member sees nothing
 * below it, so this sentence is the only thing telling them the archive exists. */
#lpen-pp .lpen-pp__more {
	margin: 10px 0 0; padding: 12px 14px; border-left: 3px solid #0F5C96;
	background: #F2F6FA; font-size: .9375rem; color: #3F4B57;
}
#lpen-pp .lpen-pp__more a { font-weight: 600; color: #0F5C96; text-decoration: none;
	border-bottom: 1px solid rgba(15, 92, 150, .35); }
#lpen-pp .lpen-pp__more a:hover,
#lpen-pp .lpen-pp__more a:focus { border-bottom-color: #0F5C96; }

/* GENERATED from pages.json, do not edit by hand.
 * Anchored per post id, so none of it can reach another course or
 * lesson on the site. */
body.postid-52127 .sfwd-mark-complete, body.postid-52127 .learndash_mark_complete_button,
body.postid-52126 .ld-course-status, body.postid-52126 .ld-progress,
body.postid-52126 .ld-section-heading h2 { display: none; }