/* =============================================================================
 * tti-course-mobile.css  —  v8 (h2 class hooks + :has() scoping)
 * Mobile (<=767px) inside <main class="tti-course">.
 * Section cards are applied via :has() on Droip wrappers containing a tagged
 * h2 (e.g. h2.tti-h-learn). Robust — no DOM surgery.
 * ============================================================================= */

/* Hard isolation wrapper: every rule in this file applies ONLY at <=767px.
   Added 2026-04-24 to prevent mobile CSS from bleeding into tablet/desktop. */
@media (max-width: 599px){

.tti-course{
	--tti-brand:       #7a0012;
	--tti-brand-deep:  #5a000d;
	--tti-brand-tint:  #fbf3f2;
	--tti-ink:         #0f0f10;
	--tti-ink-2:       #2b2b2e;
	--tti-muted:       #5a5a63;
	--tti-line:        #e8e1d6;
	--tti-line-2:      #d8cfbf;
	--tti-surface:     #ffffff;
	--tti-chip:        #f2ece1;
	--tti-check:       #0a5c36;
	--tti-gold:        #b58100;
	--sh-1: 0 1px 2px rgba(14,10,8,0.05);
	--sh-2: 0 6px 20px rgba(14,10,8,0.08);
	--sh-3: 0 16px 38px rgba(14,10,8,0.14);
	--s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px;
	--s-5:20px; --s-6:24px; --s-7:32px; --s-8:40px;
	--rad:14px; --rad-s:10px; --rad-xs:6px; --rad-sq:4px;
}

.tti-course{
	display:block;
	box-sizing:border-box;
	color:var(--tti-ink);
	font-family:"Epilogue",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
}
.tti-course *,
.tti-course *::before,
.tti-course *::after{
	box-sizing:border-box !important;
	max-width:100% !important;
	min-width:0 !important;
	text-decoration:none;
}
.tti-course img,
.tti-course video,
.tti-course iframe,
.tti-course svg{max-width:100% !important;height:auto;display:block}
.tti-course a{color:var(--tti-brand);text-decoration:none}
.tti-course a:hover{color:var(--tti-brand-deep)}
.tti-course a:focus-visible,
.tti-course button:focus-visible{
	outline:3px solid #ffffff;
	outline-offset:3px;
	border-radius:6px;
}

@media (max-width: 599px){

	html,body{
		overflow-x:hidden !important;
		background:linear-gradient(180deg, #500000 0%, #4c0404 100%) !important;
		background-attachment:fixed !important;
		background-color:#4e0202 !important;
	}

	/* =============================================================
	 * SECTION LAYOUT FIX — mobile (2026-04-24)
	 * Root cause: section.post-3206-section is display:flex/row with 3
	 * children — (1) droip-container (main column), (2) script, (3)
	 * dpbojbtd (a 64px right sidebar/TOC designed for desktop). At
	 * mobile, the sidebar pushes the main column to 279px, cascading
	 * narrow widths down through dped6anj/dptbqvj2/dp8h97bx.
	 *
	 * Fix:
	 *  1. Hide the direct-child dpbojbtd sidebar at mobile (only the
	 *     one that IS a sidebar — others are legitimate module cards
	 *     elsewhere in the DOM, so selector uses ":scope > " pattern).
	 *  2. Force section.post-3206-section to display:block so the
	 *     remaining main column fills the full 343px viewport width.
	 *  3. Force the inner Droip wrapper chain to width:auto (block
	 *     default) so they cascade to 100% naturally.
	 * ============================================================ */
	main.tti-course section[class*="post-3206-section"]{
		display:block !important;
	}
	/* Hide ONLY the TOC sidebar (dpbojbtd that contains no module).
	   Module wrappers also use dpbojbtd class — preserve them. */
	main.tti-course section[class*="post-3206-section"] > [class*="dpbojbtd"]:not(:has([class*="dp794i0s"])){
		display:none !important;
	}
	main.tti-course [class*="droip-container"],
	main.tti-course [class*="dped6anj"],
	main.tti-course [class*="dptbqvj2"],
	main.tti-course [class*="dp8h97bx"],
	main.tti-course [class*="dp8h97bx"] > [class*="dp5zr5at"],
	main.tti-course [class*="dp8h97bx"] > [class*="dp436lui"],
	main.tti-course [class*="dp8h97bx"] > [class*="dpad2ibs"],
	main.tti-course [class*="dp8h97bx"] > h2,
	main.tti-course [class*="dpwcywdl"],
	main.tti-course [class*="dp0lc8fb"]{
		width:auto !important;
		max-width:none !important;
	}

	/* Droip ships dp4unl3r (the accordion body wrapper) with
	   `background-color: rgb(237, 240, 255)` — a lavender/periwinkle
	   that shows behind the lesson list text. Force transparent so
	   only explicit styling (badge chip, hover) provides color.
	   Also cap the expanded body to 50vh with vertical scroll so a
	   module with many lessons can't blow out the page height. Text
	   wraps normally inside. */
	main.tti-course [class*="dp794i0s"] [class*="dp4unl3r"]{
		background:transparent !important;
		background-color:transparent !important;
		max-height:50vh !important;
		overflow-y:auto !important;
		overflow-x:hidden !important;
		-webkit-overflow-scrolling:touch;
	}
	main.tti-course [class*="dp794i0s"] [class*="dp4unl3r"] *{
		white-space:normal !important;
		word-break:break-word !important;
		overflow-wrap:break-word !important;
	}
	main.tti-course .tti-module-detail,
	main.tti-course .tti-module-lessons,
	main.tti-course .tti-module-lessons li,
	main.tti-course .tti-module-lessons__title{
		background:transparent !important;
		background-color:transparent !important;
	}

	/* =============================================================
	 * POLISH PASS — instructor / reviews / similar section cards
	 * (2026-04-24). These 3 sections render as direct children of
	 * main.tti-course (outside the dp8h97bx main card), so they
	 * inherit the body maroon gradient and show maroon-on-maroon
	 * text. Wrap each in a white card with proper contrast.
	 * ============================================================ */
	main.tti-course .tti-instructor-card,
	main.tti-course [class*="dpwcywdl"]{
		background:#ffffff !important;
		border:1px solid #e8e1d6 !important;
		border-radius:14px !important;
		padding:22px 18px !important;
		margin:20px 0 24px !important;
		box-shadow:0 6px 20px rgba(14,10,8,0.08) !important;
		color:var(--tti-ink) !important;
	}
	/* Related Training section — cream/beige background per user request
	   to distinguish visually from the other white-card sections. */
	main.tti-course [class*="dp0lc8fb"]{
		background:#faf6ee !important;
		border:1px solid #efe7d6 !important;
		border-radius:14px !important;
		padding:22px 18px !important;
		margin:20px 0 24px !important;
		box-shadow:0 6px 20px rgba(14,10,8,0.08) !important;
		color:var(--tti-ink) !important;
	}
	/* Ensure dark text inside each card (override any maroon-on-maroon
	   inheritance from the body gradient). */
	main.tti-course .tti-instructor-card h2,
	main.tti-course .tti-instructor-card h3,
	main.tti-course .tti-instructor-card p,
	main.tti-course .tti-instructor-card span,
	main.tti-course [class*="dpwcywdl"] h2,
	main.tti-course [class*="dpwcywdl"] h3,
	main.tti-course [class*="dpwcywdl"] p,
	main.tti-course [class*="dp0lc8fb"] h2,
	main.tti-course [class*="dp0lc8fb"] h3,
	main.tti-course [class*="dp0lc8fb"] p{
		color:var(--tti-ink) !important;
	}
	/* Reset the Droip lavender bg rgb(237,240,255) AND the purple
	   border rgb(170,182,238) on nested wrappers inside the instructor
	   card (dpxycwag ships with both). */
	main.tti-course .tti-instructor-card [class*="dpad2ibs"],
	main.tti-course .tti-instructor-card [class*="dp4unl3r"],
	main.tti-course .tti-instructor-card [class*="dp97md4s"],
	main.tti-course .tti-instructor-card [class*="dpp0wwpi"],
	main.tti-course .tti-instructor-card [class*="dpxycwag"],
	main.tti-course .tti-instructor-card [class*="dpbuia8v"],
	main.tti-course .tti-instructor-card [class*="dppn95td"],
	main.tti-course .tti-instructor-card [class*="dptf4zew"]{
		background:transparent !important;
		background-color:transparent !important;
		border:0 !important;
		border-color:transparent !important;
		box-shadow:none !important;
		outline:none !important;
	}
	/* v25 (2026-04-24) — DOM is two siblings, NOT one: dp97md4s[0] is
	   the avatar wrapper (img only), dp97md4s[1] is the bio text
	   wrapper (text only). Style each separately:
	   - [0] (:first-child) — flex-center the 140px avatar
	   - [1] (:not(:first-child)) — bio with spatial clamp + fade */
	main.tti-course .tti-instructor-card [class*="dpad2ibs"] [class*="dp97md4s"]:first-child{
		display:flex !important;
		justify-content:center !important;
		align-items:center !important;
		width:100% !important;
		max-width:100% !important;
		padding:8px 0 !important;
		margin:0 !important;
		background:transparent !important;
		border:0 !important;
		overflow:visible !important;
	}
	main.tti-course .tti-instructor-card [class*="dpad2ibs"] [class*="dp97md4s"]:first-child > img{
		position:static !important;
		display:block !important;
		width:140px !important;
		height:140px !important;
		min-width:140px !important;
		max-width:140px !important;
		margin:0 auto !important;
		transform:none !important;
		border-radius:50% !important;
		object-fit:cover !important;
		border:4px solid #ffffff !important;
		box-shadow:0 0 0 1px rgba(122,0,18,0.15), 0 6px 18px rgba(14,10,8,0.1) !important;
	}
	/* Bio paragraph — second dp97md4s sibling. Clean spatial clamp with
	   gradient fade-out at the bottom, no padding-top since avatar
	   lives in a different sibling above. */
	main.tti-course .tti-instructor-card [class*="dpad2ibs"] [class*="dp97md4s"]:not(:first-child){
		display:block !important;
		width:100% !important;
		max-width:100% !important;
		max-height:200px !important;
		overflow:hidden !important;
		padding:0 !important;
		margin:14px 0 0 !important;
		color:var(--tti-ink-2) !important;
		font-size:14.5px !important;
		line-height:1.6 !important;
		text-align:left !important;
		mask-image:linear-gradient(to bottom, #000 0, #000 165px, transparent 100%);
		-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 165px, transparent 100%);
	}

	/* ===== INSTRUCTOR SECTION — v23 production polish (2026-04-24) =====
	   Tighten typography, center the name row, refine credential chips,
	   frame the avatar as a clean circular portrait above the bio. */
	main.tti-course .tti-instructor-card{
		text-align:center !important;
	}
	main.tti-course .tti-instructor-card h2.tti-h-instructor{
		text-align:left !important;
		margin:0 0 18px !important;
	}
	main.tti-course .tti-instructor-card h2.tti-h-instructor::before{
		text-align:left !important;
	}
	main.tti-course .tti-instructor-name,
	main.tti-course .tti-instructor-card h3,
	main.tti-course .tti-instructor-card [class*="tti-instructor-name"]{
		font-size:20px !important;
		font-weight:800 !important;
		color:var(--tti-ink) !important;
		margin:0 0 6px !important;
		letter-spacing:-0.01em !important;
	}
	main.tti-course .tti-instructor-card [class*="tti-instructor-role"],
	main.tti-course .tti-instructor-card p[class*="tti-instructor"],
	main.tti-course .tti-instructor-card [class*="tti-instructor-card__role"]{
		font-size:12px !important;
		text-transform:uppercase !important;
		letter-spacing:0.08em !important;
		color:var(--tti-muted) !important;
		font-weight:600 !important;
		margin:2px 0 12px !important;
	}
	/* Credential chips (MS, GSP) — refine to cream pill with maroon text */
	main.tti-course .tti-instructor-card .tti-instructor-name__chip,
	main.tti-course .tti-instructor-card [class*="tti-instructor-name__chip"]{
		display:inline-flex !important;
		align-items:center !important;
		padding:3px 10px !important;
		background:var(--tti-chip) !important;
		color:var(--tti-brand) !important;
		border:1px solid rgba(122,0,18,0.15) !important;
		border-radius:999px !important;
		font-size:10.5px !important;
		font-weight:800 !important;
		letter-spacing:0.08em !important;
		line-height:1.2 !important;
		text-transform:uppercase !important;
		margin:0 3px !important;
	}
	/* v23 avatar rule removed — its `position: static !important`
	   was overriding the v24 absolute-positioned avatar block above
	   (line ~220). Avatar now renders per the v24 rule: 140px
	   absolute-positioned portrait hoisted above the bio text. */
	/* Bio paragraph left-aligned (text-align:center is only for the
	   name/role/avatar block above). */
	main.tti-course .tti-instructor-card [class*="dp97md4s"]{
		text-align:left !important;
	}

	/* =============================================================
	 * MODULE NUMBERING FIX (2026-04-24)
	 * Existing `counter-reset: mod` lives on dp436lui (~line 592),
	 * which only scopes Module 1 (the one module inside that card).
	 * Modules 2-28 live at other DOM depths (section-child, main-child)
	 * so they don't see the reset — each increments from 0, displaying
	 * "01" for every module.
	 *
	 * Fix: add counter-reset at main.tti-course scope so the `mod`
	 * counter spans all 28 modules. The innermost reset on dp436lui
	 * still fires but we neutralize it with the higher-specificity
	 * !important override below.
	 * ============================================================ */
	main.tti-course{counter-reset:mod}
	main.tti-course [class*="dp436lui"]{counter-reset:none !important}

	/* =============================================================
	 * SYLLABUS CARD VISUAL UNIFICATION (2026-04-24)
	 * Module 1 is nested inside dp436lui (syllabus card inside dp8h97bx),
	 * Module 2 is direct child of section, Modules 3-28 are direct
	 * children of main. The outer white card (dp8h97bx with the syllabus
	 * h2) ends after Module 1, then maroon gap, then separate floaters.
	 *
	 * Fix: bleed the outer card's white bg downward by (a) killing its
	 * bottom border/radius/margin when it contains the syllabus h2, (b)
	 * removing section.post-3206-section's inter-block margin, and (c)
	 * giving every main > dpbojbtd that contains a module the same
	 * white bg + side borders with zero margins so they visually connect.
	 * ============================================================ */
	/* When dp8h97bx contains syllabus h2, don't visually close at its
	   bottom — let the card continue into following modules. */
	main.tti-course [class*="dp8h97bx"]:has(h2.tti-h-syllabus){
		border-bottom:none !important;
		border-bottom-left-radius:0 !important;
		border-bottom-right-radius:0 !important;
		margin-bottom:0 !important;
		box-shadow:none !important;
		padding-bottom:0 !important;
	}
	/* section.post-3206-section: eliminate any margin that would create
	   a gap before the next module wrapper. */
	main.tti-course section[class*="post-3206-section"]{
		margin:0 !important;
		padding:0 !important;
	}
	/* Zero out margins on the Droip chain wrappers above dp8h97bx so
	   the card's bottom edge flows directly into Module 2's dpbojbtd. */
	main.tti-course section[class*="post-3206-section"] > .droip-container,
	main.tti-course [class*="dped6anj"],
	main.tti-course [class*="dptbqvj2"]{
		margin-bottom:0 !important;
		padding-bottom:0 !important;
	}
	/* Inner module accordion (dp794i0s) — within the unified syllabus
	   strip, remove its individual card outer border + radius so rows
	   look like a list inside ONE big card, not nested cards. Keep the
	   maroon left-border to indicate module boundary. */
	main.tti-course > [class*="dpbojbtd"] > [class*="dp794i0s"],
	main.tti-course section[class*="post-3206-section"] > [class*="dpbojbtd"] > [class*="dp794i0s"]{
		border-top:none !important;
		border-right:none !important;
		border-radius:0 0 6px 6px !important;
		box-shadow:none !important;
		margin:0 0 4px !important;
	}
	/* Every dpbojbtd that wraps a module (whether inside section or
	   direct child of main) gets the continuing white card treatment:
	   white bg, side borders, no top/bottom radius, zero margins. */
	main.tti-course [class*="dpbojbtd"]:has(> [class*="dp794i0s"]){
		background:#ffffff !important;
		border-left:1px solid #e8e1d6 !important;
		border-right:1px solid #e8e1d6 !important;
		border-top:none !important;
		border-bottom:none !important;
		border-radius:0 !important;
		padding:0 18px !important;
		margin:0 !important;
		box-shadow:none !important;
		display:block !important;
	}
	/* Dp436lui (syllabus card) houses all 28 modules after PHP move.
	   Force its inner layout to be gap-controlled flex column so we
	   get a deterministic 4px gap between every module wrapper. */
	main.tti-course [class*="dp436lui"]:has(h2.tti-h-syllabus){
		display:flex !important;
		flex-direction:column !important;
		gap:0 !important;
	}
	/* Close the unified card with rounded bottom + shadow on the very
	   last module wrapper (Module 28). */
	main.tti-course > [class*="dpbojbtd"]:has(> [class*="dp794i0s"]):last-of-type{
		border-bottom:1px solid #e8e1d6 !important;
		border-radius:0 0 14px 14px !important;
		padding-bottom:18px !important;
		margin-bottom:24px !important;
		box-shadow:0 6px 20px rgba(14,10,8,0.08) !important;
	}

	.tti-course{
		width:100% !important;
		max-width:100vw !important;
		margin:0 !important;
		padding:var(--s-5) var(--s-4) 108px !important;
		overflow-x:clip;
		font-size:16px;
		background:transparent !important;
	}

	/* Kill Droip inline widths — but DO NOT force flex-column; that breaks
	   inline content layouts (icon + text rows collapsed to invisible). */
	.tti-course [class*="droip-"],
	.tti-course [class*="post-"],
	.tti-course [data-droip],
	.tti-course [style*="width"]{
		width:auto !important;
		max-width:100% !important;
		margin-left:0 !important;
		margin-right:0 !important;
		padding-left:0 !important;
		padding-right:0 !important;
		float:none !important;
	}
	.tti-course [style*="grid-template-columns"]{
		grid-template-columns:1fr !important;
	}

	.tti-course table{width:100% !important;table-layout:fixed;border-collapse:collapse}
	.tti-course td,.tti-course th{word-wrap:break-word;overflow-wrap:anywhere}

	/* Hide stale Droip meta + "Updated:" wrapper chain. We DO NOT hide all
	   "-meta-" classes because outcome items use meta-16-r-3. Keep narrow. */
	.tti-course [class*="-updated"],
	.tti-course [class*="dpdawsr5"],
	.tti-course [class*="dpxzxlyj"],
	.tti-course [class*="dp8zj229"],
	.tti-course [class*="dp37j8s2"],
	.tti-course [class*="dpkl52hs"],
	.tti-course [class*="dpjppmhx"]{display:none !important}
	/* Meta variants that carry stale junk: date span, student count span, title dup. */
	.tti-course [class*="-meta-16"]:not([class*="meta-16-r-"]){display:none !important}

	/* Hide the "Updated:"-chain dp436lui — it's the orphan junk wrapper.
	   It renders empty (all its children are hidden) yet would still get
	   divider treatment below. We detect it as the dp436lui that does NOT
	   contain a <h2> (real syllabus dp436lui has "Course Syllabus" h2). */
	.tti-course [class*="dp8h97bx"] > [class*="dp436lui"]:has([class*="dp37j8s2"]),
	.tti-course [class*="dp8h97bx"] > [class*="dp436lui"]:not(:has(h2.tti-h-syllabus)):not(:has([class*="dpwy7tt7"])){display:none !important}

	/* Outcome list items ("What You'll Learn?") — make text ink + bigger */
	.tti-course [class*="meta-16-r-"]{
		color:#0f0f10 !important;
		font-size:15px !important;
		line-height:1.55 !important;
		font-weight:500 !important;
		display:inline-block !important;
	}
	/* Collapse Droip grid wrappers around the outcomes — force block flow */
	.tti-course [class*="dp2yrjh1"],
	.tti-course [class*="dp6tfcba"]{
		display:block !important;
		grid-template-columns:none !important;
		grid-template-rows:none !important;
		width:100% !important;
		max-width:100% !important;
		min-height:0 !important;
		height:auto !important;
		padding:0 !important;
		margin:0 !important;
		gap:0 !important;
	}
	/* Each outcome row (dpft5oys) — clean flex row with check */
	.tti-course [class*="dpft5oys"]{
		display:flex !important;
		align-items:flex-start !important;
		gap:10px !important;
		padding:10px 0 !important;
		margin:0 !important;
		min-height:0 !important;
		height:auto !important;
		border-bottom:1px solid #f1ece3 !important;
		width:100% !important;
		max-width:100% !important;
	}
	.tti-course [class*="dpft5oys"]:last-child{border-bottom:0 !important}
	.tti-course [class*="dpft5oys"]::before{
		content:"";
		flex:0 0 20px;
		width:20px; height:20px;
		margin-top:3px;
		background:#7a0012;
		-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.55 17.45 4.1 12l1.41-1.41 4.04 4.04 9.04-9.04 1.41 1.41z" fill="black"/></svg>') center/contain no-repeat;
		mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.55 17.45 4.1 12l1.41-1.41 4.04 4.04 9.04-9.04 1.41 1.41z" fill="black"/></svg>') center/contain no-repeat;
	}
	/* Hide the original svg/icon inside dpft5oys (our ::before replaces it) */
	.tti-course [class*="dpft5oys"] > [class*="dpr80ali"] > svg,
	.tti-course [class*="dpft5oys"] > [class*="dpr80ali"] > img,
	.tti-course [class*="dpft5oys"] svg:first-child,
	.tti-course [class*="dpft5oys"] img:first-child{ display:none !important }
	/* Flatten inner dpr80ali — let content flow naturally */
	.tti-course [class*="dpft5oys"] [class*="dpr80ali"]{
		display:block !important;
		padding:0 !important;
		border:0 !important;
		margin:0 !important;
		flex:1 1 auto !important;
	}
	/* Unify all check icons inside outcome rows to a single accent color + size */
	.tti-course [class*="dpr80ali"] svg,
	.tti-course [class*="dpr80ali"] img,
	.tti-course [class*="dpr80ali"] i{
		flex:0 0 20px !important; width:20px !important; height:20px !important;
		display:none !important;
	}
	/* Replace default icon with a unified checkmark glyph (maroon) */
	.tti-course [class*="dpr80ali"]::before{
		content:"";
		flex:0 0 20px;
		width:20px; height:20px;
		margin-top:2px;
		background:#7a0012;
		-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.55 17.45 4.1 12l1.41-1.41 4.04 4.04 9.04-9.04 1.41 1.41z" fill="black"/></svg>') center/contain no-repeat;
		mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.55 17.45 4.1 12l1.41-1.41 4.04 4.04 9.04-9.04 1.41 1.41z" fill="black"/></svg>') center/contain no-repeat;
	}

	/* Hide duplicate h2s — scope to DIRECT children of dp8h97bx only so
	   we don't nuke module titles (which are h2 deep inside dpwy7tt7). */
	.tti-course [class*="dp8h97bx"] > h2:not(.tti-h-learn):not(.tti-h-syllabus):not(.tti-h-certificate):not(.tti-h-instructor):not(.tti-h-reviews):not(.tti-h-similar){display:none !important}
	.tti-course [class*="dp8h97bx"] > h3{display:none !important}
	/* Kill the orphan title h2 "OSHA 30 Hour GENERAL Industry" emitted by Droip. */
	.tti-course [class*="dp3ywrmr"]{display:none !important}

	/* =============================================================
	 * SECTION CARDS — apply to any Droip wrapper that contains a
	 * tagged h2 (modern browsers: Chrome 105+, Safari 15.4+).
	 * ============================================================ */
	body main.tti-course [class*="dp8h97bx"]{
		background:#ffffff !important;
		border:1px solid #e8e1d6 !important;
		border-radius:14px !important;
		padding:22px 18px !important;
		margin:0 0 24px !important;
		box-shadow:0 6px 20px rgba(14,10,8,0.08) !important;
		color:#0f0f10 !important;
	}
	/* Inner wrappers: no double card, just spacing + dividers.
	   NOTE: dpad2ibs NOT in this selector — it follows an h2 (learn/instructor)
	   whose accent bar already provides the visual section boundary. Adding a
	   divider above it would stack with the accent bar and create a 200px gap. */
	.tti-course [class*="dp8h97bx"] > [class*="dpwcywdl"],
	.tti-course [class*="dp8h97bx"] > [class*="dp0lc8fb"],
	.tti-course [class*="dp8h97bx"] > [class*="dp436lui"]{
		background:transparent !important;
		border:0 !important;
		border-top:1px solid #e8e1d6 !important;
		border-radius:0 !important;
		padding:20px 0 0 !important;
		margin:20px 0 0 !important;
		box-shadow:none !important;
	}
	/* dpad2ibs — minimal spacing, no divider. h2 accent bar is the boundary. */
	.tti-course [class*="dp8h97bx"] > [class*="dpad2ibs"]{
		background:transparent !important;
		border:0 !important;
		border-radius:0 !important;
		padding:0 !important;
		margin:4px 0 0 !important;
		box-shadow:none !important;
	}
	/* Stub for older section-h2 hook selectors — keep no-op */
	.tti-course [class*="dp9876xx_unused"]{
		background:var(--tti-surface) !important;
		border:1px solid var(--tti-line) !important;
		border-radius:var(--rad) !important;
		padding:var(--s-5) !important;
		margin:0 0 var(--s-6) !important;
		box-shadow:var(--sh-2) !important;
		color:var(--tti-ink) !important;
	}

	/* Section eyebrow injected before each known h2 */
	.tti-course h2.tti-h-learn::before,
	.tti-course h2.tti-h-syllabus::before,
	.tti-course h2.tti-h-certificate::before,
	.tti-course h2.tti-h-instructor::before,
	.tti-course h2.tti-h-reviews::before,
	.tti-course h2.tti-h-similar::before{
		display:block;
		font-size:11px;
		font-weight:700;
		letter-spacing:0.14em;
		text-transform:uppercase;
		color:var(--tti-brand);
		margin:0 0 var(--s-2);
		border:0 !important;
		position:static;
		width:auto;
		height:auto;
		background:transparent;
	}
	.tti-course h2.tti-h-learn::before{content:"Key outcomes"}
	.tti-course h2.tti-h-syllabus::before{content:"Curriculum"}
	.tti-course h2.tti-h-certificate::before{content:"Certification"}
	.tti-course h2.tti-h-instructor::before{content:"Your instructor"}
	.tti-course h2.tti-h-reviews::before{content:"What students say"}
	.tti-course h2.tti-h-similar::before{content:"Related training"}

	/* H2 typography for all tagged headings */
	.tti-course h2.tti-h-learn,
	.tti-course h2.tti-h-syllabus,
	.tti-course h2.tti-h-certificate,
	.tti-course h2.tti-h-instructor,
	.tti-course h2.tti-h-reviews,
	.tti-course h2.tti-h-similar{
		font-size:clamp(20px, 5.6vw, 24px) !important;
		line-height:1.2 !important;
		font-weight:800 !important;
		color:var(--tti-ink) !important;
		letter-spacing:-0.015em;
		margin:0 0 var(--s-4) !important;
		padding:0 0 var(--s-3) !important;
		border:0 !important;
		border-bottom:1px solid var(--tti-line) !important;
		position:relative;
		overflow-wrap:normal !important;
		word-break:normal !important;
		hyphens:none !important;
	}
	.tti-course h2.tti-h-learn::after,
	.tti-course h2.tti-h-syllabus::after,
	.tti-course h2.tti-h-certificate::after,
	.tti-course h2.tti-h-instructor::after,
	.tti-course h2.tti-h-reviews::after,
	.tti-course h2.tti-h-similar::after{
		content:"" !important;
		position:absolute !important;
		left:0 !important; bottom:-1px !important;
		width:48px !important; height:2px !important;
		background:var(--tti-brand) !important;
	}

	/* Generic h2 fallback (untagged) */
	.tti-course h2:not(.tti-hero__title):not(.tti-course-final-cta__title):not(.tti-h-learn):not(.tti-h-syllabus):not(.tti-h-certificate):not(.tti-h-instructor):not(.tti-h-reviews):not(.tti-h-similar){
		font-size:clamp(18px, 5vw, 22px);
		line-height:1.25;
		font-weight:700;
		color:var(--tti-ink);
		margin:var(--s-5) 0 var(--s-3);
		overflow-wrap:normal;
		word-break:normal;
	}

	.tti-course h3{
		font-size:clamp(15px, 4.3vw, 17px);
		line-height:1.32;
		font-weight:700;
		color:var(--tti-ink);
		margin:var(--s-4) 0 var(--s-2);
		overflow-wrap:normal;
	}
	.tti-course p{
		margin:0 0 var(--s-3);
		font-size:16px;
		line-height:1.68;
		color:var(--tti-ink-2);
		hyphens:auto;
		max-width:62ch;
	}
	.tti-course p:last-child{margin-bottom:0}
	.tti-course strong,.tti-course b{color:var(--tti-ink);font-weight:700}

	.tti-syllabus-stats{
		display:block !important;
		margin:calc(var(--s-3) * -1) 0 var(--s-4) !important;
		font-size:12px !important;
		font-weight:600 !important;
		letter-spacing:0.06em;
		text-transform:uppercase;
		color:var(--tti-muted) !important;
		font-variant-numeric:tabular-nums;
	}

	/* =============================================================
	 * HERO (PHP-injected .tti-hero)
	 * ============================================================ */
	.tti-hero{
		position:relative;
		background:var(--tti-surface);
		border:1px solid var(--tti-line);
		border-radius:var(--rad);
		padding:var(--s-6) var(--s-5) var(--s-5);
		margin:0 0 var(--s-6);
		box-shadow:var(--sh-3);
		overflow:hidden;
	}
	.tti-hero::before{
		content:"";
		position:absolute;
		top:0;left:0;right:0;
		height:4px;
		background:var(--tti-brand);
	}
	.tti-hero__eyebrow{
		display:inline-block !important;
		font-size:11px !important;
		font-weight:700 !important;
		letter-spacing:0.14em !important;
		text-transform:uppercase !important;
		color:#ffffff !important;
		background:#7a0012 !important;
		background-color:#7a0012 !important;
		padding:6px 12px !important;
		border-radius:var(--rad-sq) !important;
		margin:0 0 var(--s-3) !important;
		border:0 !important;
		box-shadow:none !important;
	}
	.tti-hero__title{
		font-size:clamp(26px, 8vw, 34px);
		line-height:1.08;
		font-weight:800;
		letter-spacing:-0.025em;
		color:var(--tti-ink);
		margin:0 0 var(--s-3);
		text-wrap:balance;
	}
	.tti-hero__lede{
		font-size:15px;
		line-height:1.55;
		color:var(--tti-ink-2);
		margin:0 0 var(--s-5);
	}
	.tti-hero__facts{
		list-style:none !important;
		padding:0 !important;
		margin:0 0 var(--s-5) !important;
		display:grid !important;
		grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
		gap:var(--s-2) !important;
	}
	.tti-hero__facts .tti-hero__fact{
		background:var(--tti-chip);
		border:1px solid var(--tti-line);
		border-radius:var(--rad-s);
		padding:var(--s-3);
		font-size:13px;
		font-weight:600;
		color:var(--tti-ink-2);
		line-height:1.3;
	}
	.tti-hero__facts .tti-hero__fact::before,
	.tti-hero__facts .tti-hero__fact::after{display:none !important;content:none !important}
	.tti-hero__facts .tti-hero__fact strong{
		display:block;
		color:var(--tti-ink);
		font-size:18px;
		font-weight:800;
		letter-spacing:-0.01em;
		margin-bottom:2px;
		font-variant-numeric:tabular-nums;
	}
	.tti-hero__cta{
		display:flex;
		flex-direction:column;
		gap:var(--s-3);
		padding:var(--s-4) 0 0;
		border-top:1px solid var(--tti-line);
	}
	.tti-hero__price{
		font-size:28px;
		font-weight:800;
		color:var(--tti-ink);
		letter-spacing:-0.02em;
		line-height:1;
		font-variant-numeric:tabular-nums;
	}
	.tti-hero__price small{
		display:block;
		margin-top:4px;
		font-size:11px;
		font-weight:600;
		letter-spacing:0.08em;
		text-transform:uppercase;
		color:var(--tti-muted);
	}
	.tti-hero__enroll{
		display:flex;
		align-items:center;
		justify-content:center;
		gap:6px;
		min-height:54px;
		padding:var(--s-3) var(--s-5);
		background:var(--tti-brand);
		color:#ffffff !important;
		font-weight:700;
		font-size:16px;
		border-radius:var(--rad-s);
		border:0;
		text-decoration:none !important;
		box-shadow:0 1px 0 rgba(0,0,0,0.04), 0 6px 16px rgba(122,0,18,0.24);
	}
	.tti-hero__enroll::after{content:"→";font-size:18px;line-height:1}
	.tti-hero__enroll:hover{background:var(--tti-brand-deep)}
	.tti-hero__proof{
		list-style:none !important;
		display:flex !important;
		flex-wrap:wrap;
		gap:var(--s-2) !important;
		padding:var(--s-4) 0 0 !important;
		margin:var(--s-4) 0 0 !important;
		border-top:1px solid var(--tti-line);
	}
	.tti-hero__proof li{
		font-size:11px;
		font-weight:700;
		letter-spacing:0.06em;
		text-transform:uppercase;
		padding:6px 10px;
		border-radius:var(--rad-sq);
		background:var(--tti-chip);
		color:var(--tti-ink) !important;
		border:1px solid var(--tti-line);
	}
	.tti-hero__proof li::before,
	.tti-hero__proof li::after{content:none !important;display:none !important}
	.tti-hero__proof .tti-hero__proof-rating{
		background:var(--tti-brand) !important;
		color:#fff !important;
		border-color:var(--tti-brand) !important;
	}

	/* =============================================================
	 * MODULE CARDS (dpwy7tt7)
	 * ============================================================ */
	.tti-course [class*="dp436lui"]{counter-reset:mod}
	/* Real module accordion = droip-dropdown.dp794i0s. Style THIS as the card. */
	.tti-course .droip-dropdown[class*="dp794i0s"],
	.tti-course [class*="dp794i0s"]{
		counter-increment:mod;
		background:#ffffff !important;
		border:1px solid #e8e1d6 !important;
		border-left:4px solid #7a0012 !important;
		border-radius:10px !important;
		padding:14px 14px 14px 54px !important;
		margin:0 0 4px !important;
		box-shadow:0 2px 6px rgba(14,10,8,0.04) !important;
		position:relative;
	}
	/* The "01" badge injected via counter */
	.tti-course [class*="dp794i0s"]::before{
		content:counter(mod, decimal-leading-zero) !important;
		position:absolute !important;
		left:12px !important; top:14px !important;
		width:32px !important; height:32px !important;
		border-radius:6px !important;
		background:rgba(122,0,18,0.08) !important;
		color:#7a0012 !important;
		font-weight:800 !important;
		font-size:12px !important;
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;
		letter-spacing:0.02em !important;
	}
	/* Kill any stray ::after from prior rules */
	.tti-course [class*="dp794i0s"]::after{content:none !important}
	/* Force all inner layers transparent so ONLY the outer card bg shows */
	.tti-course [class*="dp794i0s"] [class*="dpwy7tt7"],
	.tti-course [class*="dp794i0s"] [class*="dpdkfvn5"],
	.tti-course [class*="dp794i0s"] [class*="dp1icnsr"]{
		background:transparent !important;
		border:0 !important;
		box-shadow:none !important;
		padding:0 !important;
		margin:0 !important;
		border-radius:0 !important;
	}
	/* Module header row layout (dpwy7tt7 = title row) */
	.tti-course [class*="dpwy7tt7"]{
		display:flex !important;
		align-items:center !important;
		min-height:32px !important;
	}
	.tti-course [class*="dpwy7tt7"] h2{
		font-size:15px !important;
		line-height:1.35 !important;
		font-weight:700 !important;
		color:#0f0f10 !important;
		margin:0 !important;
		padding:0 !important;
		border:0 !important;
		display:block !important;
	}
	.tti-course [class*="dpwy7tt7"] h2::before,
	.tti-course [class*="dpwy7tt7"] h2::after{display:none !important;content:none !important}
	/* Meta row (dp1icnsr): 1 Lesson · 0 Quiz ⬇ */
	.tti-course [class*="dp1icnsr"]{
		display:flex !important;
		align-items:center !important;
		gap:14px !important;
		margin-top:8px !important;
		font-size:12px !important;
		color:#5a5a63 !important;
		font-weight:500 !important;
	}
	/* Hide the floating check icon above each module */
	.tti-course [class*="dp794i0s"] > svg:first-child,
	.tti-course [class*="dp794i0s"] > img:first-child,
	.tti-course [class*="dp794i0s"] > i:first-child{display:none !important}
	/* Tame chevron */
	.tti-course [class*="dpgq8fyv"]{
		width:14px !important;
		height:14px !important;
		color:#5a5a63 !important;
		fill:#5a5a63 !important;
		margin-left:auto !important;
	}
	/* Kill any dp1icnsr bullet dots (replace with middots) */
	.tti-course [class*="dp1icnsr"] svg,
	.tti-course [class*="dp1icnsr"] .dot,
	.tti-course [class*="dp1icnsr"] [class*="bullet"]{display:none !important}

	/* =============================================================
	 * REVIEWS — remove periwinkle, kill faint distribution bars
	 * ============================================================ */
	.tti-course [class*="dpwcywdl"] *{
		background-color:transparent !important;
	}
	.tti-course [class*="dpwcywdl"] > [class*="dp9oioq3"]{
		display:block !important;
		padding:0 !important;
	}
	/* Rating row: 5.0 + stars */
	.tti-course [class*="dpwcywdl"] [class*="dpf3si3h"]{
		display:flex !important;
		align-items:center !important;
		gap:12px !important;
	}
	/* Hide the low-contrast "1 Rating 5 stars / 0 Rating 4 stars" distribution */
	.tti-course [class*="dpwcywdl"] [class*="dp30s7z"],
	.tti-course [class*="dpwcywdl"] [class*="dp4dah7m"] ~ *:not(h2):not([class*="dpf3si3h"]):not([class*="dprev"]){
		display:none !important;
	}
	/* Reviewer card — clean white card, no overflow */
	.tti-course [class*="dpwcywdl"] [class*="-review-"],
	.tti-course [class*="dpwcywdl"] [class*="droip-collection"]{
		background:#fafaf7 !important;
		border:1px solid #e8e1d6 !important;
		border-radius:10px !important;
		padding:14px !important;
		margin-top:14px !important;
		max-width:100% !important;
		overflow:hidden !important;
	}
	.tti-course [class*="dpwcywdl"] img{
		max-width:48px !important;
		max-height:48px !important;
		border-radius:50% !important;
		object-fit:cover !important;
	}
	.tti-course [class*="dpwcywdl"] h2,
	.tti-course [class*="dpwcywdl"] h3,
	.tti-course [class*="dpwcywdl"] h4{
		font-size:15px !important;
		line-height:1.3 !important;
		margin:0 !important;
	}

	/* =============================================================
	 * SIMILAR COURSES — force single-column card stack
	 * ============================================================ */
	/* REAL card wrapper is dpfenovj — contains h2 title + price row.
	   dpc4dq03 is just an inner strip with hidden rating content.
	   Force the visible card wrapper to be dpfenovj. Card structure:
	   thumbnail image bleeds to edges of card (16:9), title + price
	   sit below with 14px padding. */
	.tti-course [class*="dp0lc8fb"] [class*="dpfenovj"]{
		display:flex !important;
		flex-direction:column !important;
		background:#ffffff !important;
		border:1px solid #e8e1d6 !important;
		border-radius:12px !important;
		padding:0 !important;
		margin:0 0 14px !important;
		box-shadow:0 2px 6px rgba(14,10,8,0.04) !important;
		width:100% !important;
		max-width:100% !important;
		overflow:hidden !important;
		box-sizing:border-box !important;
		transition:box-shadow 0.18s ease, transform 0.18s ease;
	}
	.tti-course [class*="dp0lc8fb"] [class*="dpfenovj"]:hover{
		box-shadow:0 8px 22px rgba(14,10,8,0.12) !important;
		transform:translateY(-2px);
	}
	/* Thumbnail: full-bleed 16:9 top of card */
	.tti-course [class*="dp0lc8fb"] img[class*="dpv8oqt2"]{
		display:block !important;
		width:100% !important;
		height:auto !important;
		aspect-ratio:16 / 9 !important;
		object-fit:cover !important;
		border-radius:12px 12px 0 0 !important;
		margin:0 !important;
	}
	/* Title + price get inner 14px padding since card itself has padding:0 */
	.tti-course [class*="dp0lc8fb"] [class*="dpfenovj"] h2,
	.tti-course [class*="dp0lc8fb"] [class*="dpfenovj"] h3,
	.tti-course [class*="dp0lc8fb"] [class*="dpfenovj"] a{
		padding:14px 14px 0 !important;
		margin:0 !important;
		font-size:15px !important;
		font-weight:700 !important;
		line-height:1.35 !important;
		color:var(--tti-ink) !important;
		display:-webkit-box !important;
		-webkit-line-clamp:2 !important;
		-webkit-box-orient:vertical !important;
		overflow:hidden !important;
	}
	.tti-course [class*="dp0lc8fb"] [class*="dpfenovj"] [class*="price"],
	.tti-course [class*="dp0lc8fb"] [class*="dpfenovj"] [class*="amount"]{
		padding:8px 14px 14px !important;
		margin:0 !important;
		font-size:15px !important;
		font-weight:800 !important;
		color:var(--tti-brand) !important;
	}
	/* Inner dp2fgknj (link wrapper) — transparent, full width */
	.tti-course [class*="dp0lc8fb"] [class*="dp2fgknj"]{
		background:transparent !important;
		border:0 !important;
		box-shadow:none !important;
		padding:0 !important;
		margin:0 !important;
		border-radius:0 !important;
		width:100% !important;
		max-width:100% !important;
		display:block !important;
	}
	/* dpc4dq03 (inner rating + author strip) — SHOW at mobile to match
	   the home page course card layout (rating + "by Jose Zepeda…" +
	   Add to cart button). Prior v6 hid this entirely; v22 unhides.
	   `order: 2` ensures this row appears AFTER the title (which gets
	   order:1 via the rule on dpfenovj h2/h3). */
	.tti-course [class*="dp0lc8fb"] [class*="dpc4dq03"]{
		display:flex !important;
		flex-direction:column !important;
		gap:6px !important;
		padding:6px 14px 0 !important;
		background:transparent !important;
		border:0 !important;
		margin:0 !important;
		order:2 !important;
	}
	/* Title goes above rating (order 1) — matches home page card order */
	.tti-course [class*="dp0lc8fb"] [class*="dpfenovj"] h2,
	.tti-course [class*="dp0lc8fb"] [class*="dpfenovj"] h3,
	.tti-course [class*="dp0lc8fb"] [class*="dpfenovj"] > a{
		order:1 !important;
	}
	.tti-course [class*="dp0lc8fb"] [class*="dpfenovj"] img{
		order:0 !important;
	}
	/* Price + cart row stays last (order 3) */
	.tti-course [class*="dp0lc8fb"] [class*="dpaykrfk"],
	.tti-course [class*="dp0lc8fb"] [class*="dpfenovj"] > div:has([class*="price"]),
	.tti-course [class*="dp0lc8fb"] [class*="dpfenovj"] > div:has(button){
		order:3 !important;
	}
	/* Rating row: "5.0" number + 5 gold stars */
	.tti-course [class*="dp0lc8fb"] [class*="dpuqrw01"]{
		display:flex !important;
		align-items:center !important;
		gap:6px !important;
		font-size:14px !important;
		font-weight:700 !important;
		color:var(--tti-ink) !important;
	}
	.tti-course [class*="dp0lc8fb"] [class*="dpmtsiz0"]{
		display:inline-flex !important;
		color:var(--tti-ink) !important;
		font-weight:700 !important;
	}
	/* Author "by Jose Zepeda, MS, GSP…" */
	.tti-course [class*="dp0lc8fb"] [class*="dp54a86x"],
	.tti-course [class*="dp0lc8fb"] [class*="dphdbeec"]{
		display:block !important;
		font-size:12px !important;
		color:var(--tti-muted) !important;
		margin:0 !important;
	}
	.tti-course [class*="dp0lc8fb"] [class*="dp54a86x"]{
		display:flex !important;
		gap:4px !important;
		align-items:center !important;
	}
	.tti-course [class*="dp0lc8fb"] [class*="dpsg9jw3"]{
		color:var(--tti-muted) !important;
		font-size:12px !important;
		margin:0 !important;
	}
	/* Add to cart button — unhide + style */
	.tti-course [class*="dp0lc8fb"] button[class*="dpp1ouz9"]{
		display:inline-flex !important;
		align-items:center !important;
		justify-content:center !important;
		background:rgba(122,0,18,0.08) !important;
		color:var(--tti-brand) !important;
		border:1px solid rgba(122,0,18,0.2) !important;
		padding:6px 14px !important;
		border-radius:6px !important;
		font-size:12px !important;
		font-weight:700 !important;
		letter-spacing:0.02em !important;
		cursor:pointer !important;
		text-transform:none !important;
		white-space:nowrap !important;
	}
	.tti-course [class*="dp0lc8fb"] button[class*="dpp1ouz9"]:hover{
		background:var(--tti-brand) !important;
		color:#fff !important;
	}
	/* Truncate the button's raw JSON textarea if it leaks */
	.tti-course [class*="dp0lc8fb"] button[class*="dpp1ouz9"] textarea,
	.tti-course [class*="dp0lc8fb"] [class*="dp8e6yri"] textarea{
		display:none !important;
	}
	/* Force outer collection grid wrappers to column flow + full width */
	.tti-course [class*="dp0lc8fb"] [class*="dpkrudh6"],
	.tti-course [class*="dp0lc8fb"] [class*="dp7vcqm5"],
	.tti-course [class*="dp0lc8fb"] [class*="dpj03hg2"]{
		display:flex !important;
		flex-direction:column !important;
		width:100% !important;
		max-width:100% !important;
		background:transparent !important;
		border:0 !important;
		padding:0 !important;
	}
	/* Hide the Droip config textarea (raw JSON schema) — NOT a visible element */
	.tti-course [class*="dpu7rh63"] > textarea,
	.tti-course textarea[class*="dpu7rh63"],
	.tti-course [class*="dp0lc8fb"] textarea{display:none !important}
	/* Force the grid wrapping all similar cards into column */
	.tti-course [class*="dpixfqu2"],
	.tti-course [class*="dp0lc8fb"] [class*="dp4p00dx"],
	.tti-course [class*="dp0lc8fb"] [class*="droip-collection"]{
		display:flex !important;
		flex-direction:column !important;
		grid-template-columns:none !important;
		gap:0 !important;
		width:100% !important;
	}
	/* Kill secondary nested card border — only ONE wrapper is the card */
	.tti-course [class*="dp0lc8fb"] [class*="dpc4dq03"] [class*="dpc4dq03"],
	.tti-course [class*="dp0lc8fb"] [class*="droip-collection-item"] [class*="droip-collection-item"]{
		border:0 !important;
		background:transparent !important;
		padding:0 !important;
		box-shadow:none !important;
	}
	/* Thumbnail: full-width rectangle, not circular */
	.tti-course [class*="dp0lc8fb"] img{
		width:100% !important;
		max-width:100% !important;
		height:auto !important;
		aspect-ratio:16/10 !important;
		object-fit:cover !important;
		border-radius:10px !important;
		margin:0 0 12px !important;
		display:block !important;
		border:0 !important;
	}
	/* v22 (2026-04-24): removed the broad `[class*="rating"]` hide which
	   was also eating `post-3206-rating-text-2` (the 5-star SVG wrapper).
	   Keep only explicit duplicates hidden (dp4dah7m/dphf1qxd were extra
	   rating numerals that duplicated the dpuqrw01 value). */
	.tti-course [class*="dp0lc8fb"] [class*="dp4dah7m"],
	.tti-course [class*="dp0lc8fb"] [class*="dphf1qxd"]{display:none !important}
	/* Show the star row + size stars appropriately */
	.tti-course [class*="dp0lc8fb"] [class*="rating-text-"]{
		display:inline-flex !important;
		align-items:center !important;
		gap:2px !important;
	}
	.tti-course [class*="dp0lc8fb"] [class*="rating-text-"] svg{
		width:14px !important;
		height:14px !important;
		fill:#f0b400 !important;
		color:#f0b400 !important;
	}
	.tti-course [class*="dp0lc8fb"] [class*="rating-text-"] svg path{
		fill:#f0b400 !important;
	}
	/* v22 (2026-04-24): show rating + author row to match home page cards.
	   (Duplicate-hide rules consolidated above at line ~1042). */
	/* Force the outer card to flex-column so content stacks naturally */
	.tti-course [class*="dp0lc8fb"] [class*="dp2fgknj"]{
		display:flex !important;
		flex-direction:column !important;
		align-items:stretch !important;
		gap:6px !important;
	}
	.tti-course [class*="dp0lc8fb"] [class*="dp2fgknj"] > *{
		grid-column:unset !important;
		grid-row:unset !important;
		width:100% !important;
		max-width:100% !important;
	}
	/* Force images back to visible if they exist */
	.tti-course [class*="dp0lc8fb"] img{display:block !important;visibility:visible !important}

	/* =============================================================
	 * REVIEWS — keep only the "5.0 ★★★★★ (1 Review)" summary row.
	 * Hide the distribution histogram and any reviewer collection.
	 * ============================================================ */
	/* Distribution histogram rows */
	.tti-course [class*="dpwcywdl"] [class*="dpr6xbt0"],
	.tti-course [class*="dpwcywdl"] [class*="dp2ycoc4"],
	.tti-course [class*="dpwcywdl"] [class*="dpu4dil7"]{display:none !important}
	/* Reviewer collection (broken avatar + overflow) */
	.tti-course [class*="dpwcywdl"] [class*="droip-collection"],
	.tti-course [class*="dpwcywdl"] [class*="droip-collection-item"]{display:none !important}
	/* Hide all siblings of the summary row inside dp9oioq3 (kills reviewer card) */
	.tti-course [class*="dpwcywdl"] [class*="dp9oioq3"] > *:not([class*="dpc3m14p"]){display:none !important}
	/* Force the stars + (1 Review) block visible */
	.tti-course [class*="dpwcywdl"] [class*="dpfi0pda"]{display:flex !important; align-items:center !important; gap:8px !important}
	/* Rating summary row layout */
	.tti-course [class*="dpwcywdl"] [class*="dp4sd1eo"]{
		display:flex !important;
		align-items:center !important;
		gap:14px !important;
		margin-top:10px !important;
	}
	.tti-course [class*="dpwcywdl"] [class*="dp4dah7m"]{font-size:32px !important; font-weight:800 !important; color:#0f0f10 !important}
	/* Course title inside similar card */
	.tti-course [class*="dp0lc8fb"] h2,
	.tti-course [class*="dp0lc8fb"] h3,
	.tti-course [class*="dp0lc8fb"] a[href*="/courses/"]{
		font-size:15px !important;
		line-height:1.35 !important;
		font-weight:700 !important;
		color:#0f0f10 !important;
		text-decoration:none !important;
		border:0 !important;
		padding:0 !important;
		margin:0 0 6px !important;
	}
	/* Price */
	.tti-course [class*="dp0lc8fb"] [class*="price"],
	.tti-course [class*="dp0lc8fb"] [class*="amount"]{
		font-size:16px !important;
		font-weight:800 !important;
		color:#7a0012 !important;
		letter-spacing:0 !important;
	}
	/* Force the similar-courses collection grid into column flow */
	.tti-course [class*="dp0lc8fb"] [class*="droip-collection"]{
		display:block !important;
		grid-template-columns:none !important;
		width:100% !important;
	}

	/* =============================================================
	 * INSTRUCTOR (identified by h2.tti-h-instructor parent)
	 * ============================================================ */
	.tti-course [class*="post-"]:has(> h2.tti-h-instructor) img{
		width:96px !important;
		height:96px !important;
		aspect-ratio:1/1 !important;
		border-radius:50% !important;
		object-fit:cover;
		border:2px solid var(--tti-line-2);
		margin:0 0 var(--s-3);
	}

	/* =============================================================
	 * REVIEWS (dp7th1rv) — gold stars
	 * ============================================================ */
	.tti-course [class*="dp7th1rv"] svg{
		color:var(--tti-gold) !important;
		fill:var(--tti-gold) !important;
		width:22px !important;
		height:22px !important;
	}

	/* =============================================================
	 * SIMILAR COURSES (dp2fgknj cards)
	 * ============================================================ */
	.tti-course [class*="dp2fgknj"]{
		background:var(--tti-surface) !important;
		border:1px solid var(--tti-line) !important;
		border-radius:var(--rad-s) !important;
		padding:var(--s-3) !important;
		margin:0 0 var(--s-3) !important;
		box-shadow:var(--sh-1) !important;
	}
	.tti-course [class*="dp2fgknj"] h2{
		font-size:15px !important;
		line-height:1.3 !important;
		font-weight:700 !important;
		margin:var(--s-3) 0 var(--s-2) !important;
		padding:0 !important;
		border:0 !important;
	}
	.tti-course [class*="dp2fgknj"] h2::before,
	.tti-course [class*="dp2fgknj"] h2::after{display:none !important;content:none !important}
	.tti-course [class*="dp2fgknj"] img{
		aspect-ratio:16/9 !important;
		object-fit:cover;
		border-radius:var(--rad-xs);
		margin:0 0 var(--s-2);
	}

	/* =============================================================
	 * FINAL CTA BAND (PHP-injected)
	 * ============================================================ */
	.tti-course-final-cta{
		background:linear-gradient(180deg, var(--tti-brand) 0%, var(--tti-brand-deep) 100%);
		border-radius:var(--rad);
		padding:var(--s-6) var(--s-5);
		margin:var(--s-6) 0 0;
		color:#ffffff;
		box-shadow:0 10px 32px rgba(122,0,18,0.28);
		position:relative;
		overflow:hidden;
	}
	.tti-course-final-cta::before{
		content:"";
		position:absolute;
		inset:0;
		background:radial-gradient(circle at 110% -20%, rgba(255,255,255,0.16), transparent 60%);
		pointer-events:none;
	}
	.tti-course-final-cta__eyebrow{
		font-size:11px !important;
		font-weight:700 !important;
		letter-spacing:0.14em;
		text-transform:uppercase;
		color:rgba(255,255,255,0.78) !important;
		margin:0 0 var(--s-2) !important;
	}
	.tti-course-final-cta__title{
		color:#ffffff !important;
		font-size:clamp(22px, 6.5vw, 26px) !important;
		line-height:1.15 !important;
		font-weight:800 !important;
		letter-spacing:-0.02em;
		margin:0 0 var(--s-3) !important;
		padding:0 !important;
		border:0 !important;
	}
	.tti-course-final-cta__title::before,
	.tti-course-final-cta__title::after{display:none !important;content:none !important}
	.tti-course-final-cta__lede{
		font-size:15px !important;
		line-height:1.55 !important;
		color:rgba(255,255,255,0.88) !important;
		margin:0 0 var(--s-5) !important;
		max-width:52ch !important;
	}
	.tti-course-final-cta__buttons{
		display:flex !important;
		flex-direction:column !important;
		gap:var(--s-3) !important;
	}
	.tti-course-final-cta__primary{
		display:flex !important;
		align-items:center;
		justify-content:center;
		gap:6px;
		min-height:52px;
		padding:var(--s-3) var(--s-5);
		background:#ffffff !important;
		color:var(--tti-brand) !important;
		font-weight:800 !important;
		font-size:15px !important;
		border-radius:var(--rad-s) !important;
		border:0 !important;
		text-decoration:none !important;
		box-shadow:0 6px 16px rgba(0,0,0,0.12) !important;
	}
	.tti-course-final-cta__primary::after{content:"→";font-size:17px}
	.tti-course-final-cta__secondary{
		display:flex !important;
		align-items:center;
		justify-content:center;
		gap:6px;
		min-height:52px;
		padding:var(--s-3) var(--s-5);
		background:transparent !important;
		color:#ffffff !important;
		font-weight:700 !important;
		font-size:15px !important;
		border-radius:var(--rad-s) !important;
		border:1.5px solid rgba(255,255,255,0.55) !important;
		text-decoration:none !important;
	}

	.tti-course a[class*="action"]:not(.tti-hero__enroll):not(.tti-course-sticky__cta):not(.tti-course-final-cta__primary):not(.tti-course-final-cta__secondary),
	.tti-course button[type="submit"]{
		display:inline-flex !important;
		align-items:center;
		justify-content:center;
		gap:6px;
		min-height:48px;
		padding:var(--s-3) var(--s-5) !important;
		background:var(--tti-brand) !important;
		color:#ffffff !important;
		font-weight:700 !important;
		font-size:15px !important;
		border-radius:var(--rad-s) !important;
		border:0 !important;
		text-decoration:none !important;
		margin:var(--s-3) 0 !important;
		box-shadow:0 4px 14px rgba(122,0,18,0.22) !important;
	}
	.tti-course a,
	.tti-course button{min-height:44px}

	/* =============================================================
	 * STICKY ENROLL BAR
	 * ============================================================ */
	.tti-course-sticky{
		position:fixed;
		left:0;right:0;bottom:0;
		padding:12px 16px calc(12px + env(safe-area-inset-bottom));
		background:rgba(255,255,255,0.97) !important;
		-webkit-backdrop-filter:saturate(140%) blur(10px);
		backdrop-filter:saturate(140%) blur(10px);
		border-top:1px solid #e8e1d6 !important;
		box-shadow:0 -12px 30px rgba(14,10,8,0.10);
		display:flex;
		align-items:center;
		gap:12px;
		z-index:9999;
	}
	.tti-course-sticky .tti-course-sticky__price{
		flex:1 1 auto;
		min-width:0;
		font-size:17px;
		font-weight:800;
		color:#0f0f10 !important;
		line-height:1.1;
		letter-spacing:-0.015em;
		font-variant-numeric:tabular-nums;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.tti-course-sticky .tti-course-sticky__price small{
		display:block;
		margin-top:3px;
		font-size:10px;
		font-weight:600;
		letter-spacing:0.08em;
		text-transform:uppercase;
		color:#5a5a63 !important;
	}
	.tti-course-sticky__cta{
		flex:0 0 auto;
		display:inline-flex !important;
		align-items:center;
		justify-content:center;
		gap:4px;
		min-height:46px !important;
		padding:8px 16px !important;
		background:#7a0012 !important;
		color:#ffffff !important;
		font-weight:700 !important;
		font-size:15px !important;
		border-radius:10px !important;
		border:0 !important;
		text-decoration:none !important;
		white-space:nowrap;
		box-shadow:0 4px 14px rgba(122,0,18,0.30) !important;
	}
	.tti-course-sticky__cta::after{content:"→";margin-left:2px;font-size:16px}
	.tti-course-sticky__cta:hover{background:#5a000d !important}

	@media (prefers-reduced-motion: reduce){
		.tti-course *{transition:none !important;animation:none !important;transform:none !important}
	}

	/* =============================================================
	 * COURSE INFO STRIP (dptbqvj2) — OSHA logo + stats block
	 * between hero and Key Outcomes. Redesign as clean white card.
	 * ============================================================ */
	body main.tti-course [class*="dptbqvj2"]{
		background:#ffffff !important;
		border:1px solid #e8e1d6 !important;
		border-radius:14px !important;
		padding:20px 18px !important;
		margin:0 0 24px !important;
		box-shadow:0 6px 20px rgba(14,10,8,0.07) !important;
		display:block !important;
	}
	/* Course logo/image in stats strip — fully flush to top of card.
	   v26 2026-04-24: there's a stubborn 40px gap above the image we
	   can't trace through the cascade (no padding/margin/border in
	   probe). Use negative margin-top to physically pull image up to
	   the card's top edge. */
	body main.tti-course [class*="dptbqvj2"]{
		padding-top:0 !important;
		border-top:0 !important;
	}
	.tti-course [class*="dptbqvj2"] [class*="dpg8khjp"],
	.tti-course [class*="dptbqvj2"] > img{
		display:block !important;
		max-width:100% !important;
		width:100% !important;
		max-height:none !important;
		height:auto !important;
		margin:-40px auto 14px !important;
		object-fit:contain !important;
		aspect-ratio:auto !important;
		border-radius:14px 14px 0 0 !important;
		position:relative !important;
		z-index:2 !important;
	}
	/* Hide the orphan price column (already hidden via dpxzxlyj but ensure) */
	.tti-course [class*="dptbqvj2"] [class*="dplqy9ef"]{display:none !important}
	/* Stats stack — convert to tight 2-column grid */
	.tti-course [class*="dptbqvj2"] [class*="dp1rg586"]{
		display:block !important;
		padding:0 !important;
		background:transparent !important;
	}
	.tti-course [class*="dptbqvj2"] [class*="dp9v0niz"]{
		display:grid !important;
		grid-template-columns:1fr 1fr !important;
		grid-template-rows:auto !important;
		grid-auto-rows:auto !important;
		gap:10px !important;
		background:transparent !important;
		border-top:1px solid #e8e1d6 !important;
		padding:20px 0 0 !important;
		margin:8px 0 0 !important;
		height:auto !important;
		min-height:0 !important;
		position:static !important;
		top:auto !important;
	}
	/* Each stat row (dphry4bp) — icon + value only */
	.tti-course [class*="dptbqvj2"] [class*="dphry4bp"]{
		display:flex !important;
		align-items:center !important;
		gap:10px !important;
		background:#faf6ee !important;
		border:1px solid #efe7d6 !important;
		border-radius:8px !important;
		padding:10px 12px !important;
		min-height:52px !important;
		grid-column:span 1 !important;
	}
	/* Hide inner redundant "Level/Lessons/etc" repeat labels. Keep the value */
	.tti-course [class*="dptbqvj2"] [class*="dprk1nio"]{
		display:flex !important;
		flex-direction:column !important;
		gap:2px !important;
		background:transparent !important;
	}
	/* Value (first text) — bold ink */
	.tti-course [class*="dptbqvj2"] [class*="dprk1nio"] > *:first-child{
		color:#0f0f10 !important;
		font-size:14px !important;
		font-weight:700 !important;
		line-height:1.2 !important;
	}
	/* Hide the secondary duplicate label ("Level", "Lessons", etc).
	   Droip's template emits both "All Levels" (value) AND "Level"
	   (duplicate label) inside the same dprk1nio column. The value
	   already reads correctly on its own. */
	.tti-course [class*="dptbqvj2"] [class*="dprk1nio"] > *:nth-child(2){
		display:none !important;
	}
	.tti-course [class*="dptbqvj2"] [class*="dphry4bp"] svg{
		width:18px !important;
		height:18px !important;
		flex:0 0 18px !important;
		color:#7a0012 !important;
		stroke:#7a0012 !important;
	}
	.tti-course [class*="dptbqvj2"] [class*="dphry4bp"] svg *{stroke:#7a0012 !important}
	/* Review row was removed — no span/bg override needed */

	/* =============================================================
	 * CERTIFICATE OF COMPLETION (dpm1ko05) — proper card
	 * ============================================================ */
	.tti-course [class*="dpm1ko05"]{
		background:#ffffff !important;
		border:1px solid #e8e1d6 !important;
		border-radius:12px !important;
		padding:22px 18px !important;
		margin:24px 0 !important;
		box-shadow:0 2px 8px rgba(14,10,8,0.04) !important;
		display:block !important;
		text-align:center !important;
	}
	.tti-course [class*="dpm1ko05"] [class*="dpnjdwkl"],
	.tti-course [class*="dpm1ko05"] [class*="dptk43sj"]{
		background:transparent !important;
		border:0 !important;
		padding:0 !important;
		margin:0 !important;
		display:block !important;
	}
	/* Eyebrow before cert h2 */
	.tti-course [class*="dpm1ko05"] [class*="dpjo0jc7"]::before{
		content:"Certification";
		display:block;
		font-size:11px;
		font-weight:700;
		letter-spacing:0.14em;
		text-transform:uppercase;
		color:#7a0012;
		margin:0 0 6px;
	}
	/* Title */
	.tti-course [class*="dpm1ko05"] [class*="dpjo0jc7"]{
		font-size:22px !important;
		font-weight:800 !important;
		color:#0f0f10 !important;
		line-height:1.2 !important;
		margin:0 0 6px !important;
		padding:0 !important;
		border:0 !important;
	}
	/* Accent bar under title — override the global absolute-positioned
	   h2.tti-h-certificate::after rule which pinned the bar to the h2's
	   bottom edge and read as a strikethrough over short titles. */
	.tti-course [class*="dpm1ko05"] [class*="dpjo0jc7"]::after,
	.tti-course h2.tti-h-certificate::after{
		content:"" !important;
		display:block !important;
		position:static !important;
		width:48px !important;
		height:3px !important;
		background:#7a0012 !important;
		margin:12px auto 14px !important;
		left:auto !important;
		right:auto !important;
		bottom:auto !important;
		top:auto !important;
		border-radius:2px !important;
	}
	/* Body text */
	.tti-course [class*="dpm1ko05"] p,
	.tti-course [class*="dpm1ko05"] [class*="-meta-"]{
		color:#3a3a40 !important;
		font-size:15px !important;
		line-height:1.55 !important;
		margin:0 auto !important;
		max-width:30em;
	}
	/* Laurel wreath icons — scale + center, hide duplicate */
	.tti-course [class*="dpm1ko05"] svg,
	.tti-course [class*="dpm1ko05"] img{
		display:block !important;
		margin:0 auto 8px !important;
		max-width:56px !important;
		max-height:56px !important;
		width:auto !important;
		height:auto !important;
		color:#c9a227 !important;
		fill:#c9a227 !important;
	}
	/* Hide every duplicate img in cert area (keep first) */
	.tti-course [class*="dpm1ko05"] img ~ img{display:none !important}

	/* Cert card: wreath-around-medal composition at TOP, title below */
	.tti-course [class*="dptk43sj"]{
		position:relative !important;
		overflow:visible !important;
		text-align:center !important;
	}
	/* The badge wrapper contains wings span + medallion svg, stacked */
	.tti-course [class*="dptk43sj"] > .tti-cert-badge{
		position:relative !important;
		display:block !important;
		width:96px !important;
		height:96px !important;
		margin:2px auto 14px !important;
		padding:0 !important;
		line-height:0;
	}
	/* Wings fill the badge container */
	.tti-course [class*="dptk43sj"] .tti-cert-wings{
		position:absolute !important;
		inset:0 !important;
		width:96px !important;
		height:96px !important;
		display:block !important;
		margin:0 !important; padding:0 !important;
		background:transparent !important;
		border:0 !important;
		box-shadow:none !important;
		z-index:0 !important;
		pointer-events:none;
		line-height:0;
	}
	.tti-course [class*="dptk43sj"] .tti-cert-wings > svg{
		all:revert !important;
		display:block !important;
		width:96px !important;
		height:96px !important;
		padding:0 !important; margin:0 !important;
		background:transparent !important;
		border:0 !important;
		color:#c9a45a !important;
		filter:drop-shadow(0 2px 4px rgba(100,65,10,0.18));
	}
	.tti-course [class*="dptk43sj"] .tti-cert-wings > svg path{
		fill:#c9a45a !important;
		stroke:none !important;
	}
	/* Medallion: maroon disc with white checkmark, centered over wings */
	.tti-course [class*="dptk43sj"] .tti-cert-badge > svg[class*="dpmxfl1r"]{
		position:absolute !important;
		left:50% !important;
		top:50% !important;
		transform:translate(-50%, -50%) !important;
		width:20px !important;
		height:20px !important;
		padding:11px !important;
		background:#7a0012 !important;
		color:#fff !important;
		border-radius:50% !important;
		box-sizing:content-box !important;
		box-shadow:0 4px 10px rgba(122,0,18,0.22) !important;
		z-index:2 !important;
		display:block !important;
		margin:0 !important;
		max-width:none !important;
		max-height:none !important;
	}
	.tti-course [class*="dptk43sj"] .tti-cert-badge > svg[class*="dpmxfl1r"] *{
		fill:none !important;
		stroke:#fff !important;
		stroke-width:1.6 !important;
	}

	/* =============================================================
	 * INSTRUCTOR — restructure layout
	 * ============================================================ */
	/* Force the 2-col grid inside bio wrapper to stack vertically */
	.tti-course [class*="dpad2ibs"] [class*="dpbuia8v"],
	.tti-course [class*="dpad2ibs"] [class*="dppn95td"],
	.tti-course [class*="dpad2ibs"] [class*="dptf4zew"]{
		display:block !important;
		grid-template-columns:none !important;
		padding:0 !important;
		margin:0 !important;
	}
	/* Avatar column — dp97md4s first child */
	.tti-course [class*="dpad2ibs"] [class*="dp97md4s"]:first-child{
		display:block !important;
		margin:0 auto 14px !important;
		width:110px !important;
		height:110px !important;
		flex:none !important;
	}
	.tti-course [class*="dpad2ibs"] [class*="dp97md4s"]:first-child img{
		width:110px !important;
		height:110px !important;
		border-radius:50% !important;
		object-fit:cover !important;
		border:3px solid #e8e1d6 !important;
	}
	/* Injected instructor name block */
	.tti-course .tti-instructor-name{
		text-align:center;
		margin:0 0 14px;
	}
	.tti-course .tti-instructor-name__name{
		font-size:18px;
		font-weight:800;
		color:#0f0f10;
		line-height:1.2;
		margin:0 0 6px;
	}
	.tti-course .tti-instructor-name__chips{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		gap:6px;
	}
	.tti-course .tti-instructor-name__chip{
		display:inline-flex;
		align-items:center;
		padding:4px 9px;
		font-size:10px;
		font-weight:700;
		color:#7a0012;
		background:rgba(122,0,18,0.06);
		border:1px solid rgba(122,0,18,0.20);
		border-radius:4px;
		letter-spacing:0.06em;
		text-transform:uppercase;
	}
	.tti-course .tti-instructor-name__role{
		font-size:13px;
		color:#5a5a63;
		margin:6px 0 0;
		font-weight:500;
	}
	/* Bio paragraph styling */
	.tti-course [class*="dpad2ibs"] [class*="dp97md4s"]:last-child,
	.tti-course [class*="dpad2ibs"] [class*="dp97md4s"]:not(:first-child){
		color:#3a3a40 !important;
		font-size:15px !important;
		line-height:1.65 !important;
		max-width:62ch;
		margin:0 auto !important;
		text-align:left !important;
	}
	.tti-course [class*="dpad2ibs"] [class*="dp97md4s"] p{
		margin:0 0 10px !important;
	}

	/* =============================================================
	 * REVIEWS — add gold stars + caption next to 5.0
	 * ============================================================ */
	.tti-course [class*="dp4sd1eo"]::after{
		content:"★★★★★";
		color:#e6a317;
		font-size:20px;
		letter-spacing:2px;
		display:inline-block;
		margin-left:6px;
	}
	.tti-course [class*="dpwcywdl"] [class*="dpc3m14p"]::after{
		content:"Based on 1 verified review";
		display:block;
		margin-top:4px;
		font-size:13px;
		color:#5a5a63;
		font-weight:500;
	}

	/* =============================================================
	 * SIMILAR COURSES — kill periwinkle outer, remove empty pill
	 * ============================================================ */
	.tti-course [class*="dp0lc8fb"] [class*="dpfenovj"]{
		border:0 !important;
		background:transparent !important;
		padding:0 !important;
	}
	.tti-course [class*="dp0lc8fb"] [class*="dpj03hg2"],
	.tti-course [class*="dp0lc8fb"] [class*="dp7vcqm5"]{
		border:0 !important;
		background:transparent !important;
		padding:0 !important;
	}
	/* Kill the empty rounded "pill" at top of each similar card.
	   It's an image-container div rendered with border when image missing. */
	.tti-course [class*="dp0lc8fb"] [class*="dpc4dq03"] > div:first-child:empty,
	.tti-course [class*="dp0lc8fb"] [class*="dpc4dq03"] > div[class]:not(:has(*)){display:none !important}
	/* Every similar card the same width */
	.tti-course [class*="dp0lc8fb"] [class*="dpc4dq03"]{
		width:100% !important;
		max-width:100% !important;
		min-height:0 !important;
	}

	/* =============================================================
	 * ISSUE 1: CENTER HERO TILE CONTENT (30 hours, self-paced, etc.)
	 * ============================================================ */
	.tti-hero__fact{
		text-align:center !important;
		align-items:center !important;
		justify-content:center !important;
		display:flex !important;
		flex-direction:column !important;
		gap:4px !important;
	}
	.tti-hero__facts{
		text-align:center !important;
		list-style:none !important;
		padding:0 !important;
	}
	/* Also center the proof chip row */
	.tti-hero__proof{
		justify-content:center !important;
		text-align:center !important;
	}

	/* =============================================================
	 * ISSUE 2: Remove Review row from stats card entirely.
	 * Rating + stars are already rendered in the Student Review section.
	 * The review row is the LAST row in the grid, and it contains
	 * a rating-text span (stars). Kill both selectors for safety. */
	.tti-course [class*="dptbqvj2"] [class*="dphry4bp"]:last-child,
	.tti-course [class*="dptbqvj2"] [class*="dphry4bp"]:has([class*="rating-text"]),
	.tti-course [class*="dptbqvj2"] [class*="dphry4bp"]:has([class*="dpf3si3h"]),
	.tti-course [class*="dptbqvj2"] [class*="dphry4bp"]:has([class*="dpcedydn"]),
	.tti-course [class*="dptbqvj2"] [class*="dphry4bp"]:nth-child(5){
		display:none !important;
	}

	/* =============================================================
	 * ISSUE 3: Close blank space below "What You'll Learn?"
	 * ============================================================ */
	/* h2 tighter bottom + kill border-bottom stacking */
	.tti-course h2.tti-h-learn{
		margin:0 0 8px !important;
		padding:0 !important;
		border-bottom:0 !important;
	}
	.tti-course h2.tti-h-learn::after{
		margin:8px 0 0 !important;
	}
	/* First dpad2ibs after learn h2 — no divider, no margin-top */
	.tti-course [class*="dp8h97bx"] > h2.tti-h-learn + [class*="dpad2ibs"],
	.tti-course [class*="dp8h97bx"] > h2.tti-h-learn ~ [class*="dpad2ibs"]:first-of-type{
		margin-top:4px !important;
		padding-top:0 !important;
		border-top:0 !important;
	}
	/* Also, the Droip dp436lui junk 20px margin/padding still takes no space
	   when hidden, but make sure any nearby empty wrappers don't create gaps */
	.tti-course [class*="dp8h97bx"] > [class*="dp436lui"]:has([class*="dp37j8s2"]){
		display:none !important;
		margin:0 !important; padding:0 !important; height:0 !important;
	}

	/* =============================================================
	 * ISSUE 4: Tighten instructor name → bio spacing.
	 * Kill padding chain inside Droip wrappers that adds 40+ px above avatar.
	 * ============================================================ */
	.tti-course .tti-instructor-name{
		margin:4px 0 8px !important;
		padding:0 !important;
	}
	.tti-course .tti-instructor-name__role{
		margin:4px 0 0 !important;
	}
	/* Bio wrapper: tight spacing, no internal padding stack */
	.tti-course [class*="dp8h97bx"] > h2.tti-h-instructor ~ [class*="dpad2ibs"]{
		margin-top:4px !important;
		padding-top:0 !important;
		border-top:0 !important;
	}
	/* Inner bio wrappers: kill all padding/margin above avatar */
	.tti-course [class*="dp8h97bx"] > h2.tti-h-instructor ~ [class*="dpad2ibs"] [class*="dpp0wwpi"],
	.tti-course [class*="dp8h97bx"] > h2.tti-h-instructor ~ [class*="dpad2ibs"] [class*="dpxycwag"],
	.tti-course [class*="dp8h97bx"] > h2.tti-h-instructor ~ [class*="dpad2ibs"] [class*="dpbuia8v"]{
		padding:0 !important;
		margin:0 !important;
		border:0 !important;
	}
	.tti-course [class*="dp8h97bx"] > h2.tti-h-instructor ~ [class*="dpad2ibs"] [class*="dp97md4s"]:first-child{
		padding-top:0 !important;
	}

	/* =============================================================
	 * ISSUE 5: Reviews + Similar — tighten
	 * ============================================================ */
	/* Shrink reviews caption spacing */
	.tti-course [class*="dpwcywdl"] [class*="dpc3m14p"]::after{
		margin-top:2px !important;
	}
	.tti-course [class*="dpwcywdl"] [class*="dp4sd1eo"]{
		margin-top:4px !important;
	}
	/* Collapse excess vertical space inside reviews (dp7th1rv height shrink) */
	.tti-course [class*="dpwcywdl"] [class*="dp7th1rv"]{
		min-height:0 !important;
		padding:0 !important;
	}
	.tti-course [class*="dpwcywdl"] > *:empty,
	.tti-course [class*="dpwcywdl"] [class*="dpad2ibs"]:empty,
	.tti-course [class*="dpwcywdl"] [class*="dphry4bp"]:empty{
		display:none !important;
	}
	.tti-course [class*="dpwcywdl"]{
		padding-bottom:14px !important;
	}
	/* Similar cards — tighter padding, no empty middle */
	.tti-course [class*="dp0lc8fb"] [class*="dpfenovj"]{
		padding:12px 14px !important;
		min-height:0 !important;
	}
	.tti-course [class*="dp0lc8fb"] [class*="dpfenovj"] > *{
		margin:0 !important;
	}
	.tti-course [class*="dp0lc8fb"] [class*="dp2fgknj"]{
		min-height:0 !important;
		padding:14px !important;
	}
	.tti-course [class*="dp0lc8fb"] [class*="dp2fgknj"] > *:empty,
	.tti-course [class*="dp0lc8fb"] [class*="dp2fgknj"] [class*="dphry4bp"]:empty{
		display:none !important;
	}
	/* Unhide the per-course thumbnail (Droip ships it display:none).
	   Re-style as a 16:9 card header image. */
	.tti-course [class*="dp0lc8fb"] img[class*="dpv8oqt2"]{
		display:block !important;
		width:100% !important;
		height:auto !important;
		aspect-ratio:16/9;
		object-fit:cover;
		border-radius:12px 12px 0 0 !important;
		margin:0 0 12px !important;
		background:#f3eee8;
	}
	.tti-course [class*="dp0lc8fb"] [class*="dpkrudh6"]{
		overflow:hidden;
		border-radius:12px !important;
		border:1px solid #e8e1d6 !important;
		background:#fff !important;
		padding:0 !important;
		box-shadow:0 2px 12px rgba(14,10,8,0.05);
	}
	.tti-course [class*="dp0lc8fb"] [class*="dpkrudh6"] > *:not(:first-child){
		padding:0 14px !important;
	}
	.tti-course [class*="dp0lc8fb"] [class*="dpkrudh6"] > *:last-child{
		padding-bottom:14px !important;
	}
	.tti-course [class*="dp0lc8fb"] h2{
		font-size:15px !important;
		font-weight:700 !important;
		line-height:1.3 !important;
		margin:0 0 6px !important;
	}
	.tti-course [class*="dp0lc8fb"] [class*="price"],
	.tti-course [class*="dp0lc8fb"] [class*="amount"]{
		margin-top:4px !important;
	}

	/* =============================================================
	 * ISSUE 6: Orphan star strip outside main + maroon gap
	 * ============================================================ */
}
/* Globally hide the stray Droip rating-text-* blocks that render OUTSIDE
   the main landmark (directly in body). They ship floating 5-star
   glyph rows on the maroon backdrop below the similar-courses block. */
body > [class*="rating-text-"],
body > [class*="-rating-text-"],
body > div[class*="rating-text"]{display:none !important}

/* Force the deep Droip wrapper chain visible when it contains our injected
   final CTA. Droip ships these as display:none but PHP concatenation nests
   the CTA inside them. Scoped to :has() to avoid unhiding unrelated
   template parts. */
main.tti-course [class*="dp1rg588"]:has(.tti-course-final-cta),
main.tti-course [class*="dplqy9ef"]:has(.tti-course-final-cta),
main.tti-course [class*="dp9v0niz"]:has(.tti-course-final-cta),
main.tti-course [class*="dphry4bp"]:has(.tti-course-final-cta),
main.tti-course [class*="dpuqrw05"]:has(.tti-course-final-cta){
	display:block !important;
	visibility:visible !important;
	height:auto !important;
	min-height:0 !important;
	max-height:none !important;
	opacity:1 !important;
	overflow:visible !important;
	padding:0 !important;
	margin:0 !important;
	background:transparent !important;
}
/* Inside the unhidden chain, hide every sibling that ISN'T our CTA
   (so the redundant Droip template content above "Ready to get
   certified" doesn't render). */
main.tti-course [class*="dp1rg588"]:has(.tti-course-final-cta) > *:not(:has(.tti-course-final-cta)):not(.tti-course-final-cta),
main.tti-course [class*="dplqy9ef"]:has(.tti-course-final-cta) > *:not(:has(.tti-course-final-cta)):not(.tti-course-final-cta),
main.tti-course [class*="dp9v0niz"]:has(.tti-course-final-cta) > *:not(:has(.tti-course-final-cta)):not(.tti-course-final-cta),
main.tti-course [class*="dphry4bp"]:has(.tti-course-final-cta) > *:not(:has(.tti-course-final-cta)):not(.tti-course-final-cta),
main.tti-course [class*="dpuqrw05"]:has(.tti-course-final-cta) > *:not(:has(.tti-course-final-cta)):not(.tti-course-final-cta){
	display:none !important;
}
@media (max-width: 599px){
	/* Any rating-text div outside .tti-course scope — hide */
	body :not(.tti-course):not(main) > [class*="rating-text-"]:not(.tti-course *){display:none !important}
	/* CTA/footer spacing: the CTA's ancestor chain (dp9v0niz → dplqy9ef)
	   has a height constraint that makes the CTA overflow the ancestor
	   by 40px, which causes the footer (section.droip-s1994-pathwise_-
	   section-blue-4) to start at main.tti-course's nominal bottom —
	   40px BEFORE the CTA's actual bottom. Push the CTA's flow box down
	   with 48px bottom margin and add 24px main padding so the footer
	   starts below the CTA with clean breathing room. */
	main.tti-course{margin-bottom:0 !important;padding-bottom:24px !important}
	.tti-course-final-cta{margin-bottom:48px !important}
}

} /* end @media (max-width: 599px) outer isolation wrapper */