/* ==========================================================================
   SkilD · course.css — the COURSE-L / COURSE-S page layer (Tranche A, 24 Aug 2026)
   Built on the homepage base: same tokens, same section grammar, same craft.
   Every value reads a theme.json token. Loads after home.css.
   ========================================================================== */

/* ---- COURSE HERO · copy left, fee card right ---- */
.skild-chero{ background:var(--wp--preset--color--white);
	padding:var(--wp--preset--spacing--y) 0; }
.skild-chero__in{ max-width:calc(1180px + 2 * var(--wp--preset--spacing--gutter));
	margin:0 auto; padding:0 var(--wp--preset--spacing--gutter);
	display:grid; grid-template-columns:1.15fr .85fr;
	column-gap:var(--wp--preset--spacing--y-tight); row-gap:0; align-items:start; }
.skild-chero__in > *{ grid-column:1; }
.skild-chero__in > .skild-feecard{ grid-column:2; grid-row:1 / span 6; margin-top:6px; }
.skild-chero .skild-eyebrow{ color:var(--wp--preset--color--crimson); }
.skild-chero h1{ margin:0; max-width:18ch;
	font-size:var(--wp--preset--font-size--h-1);
	letter-spacing:var(--wp--custom--tracking--heading);
	line-height:var(--wp--custom--leading--heading);
	font-weight:var(--wp--custom--weight--display);
	color:var(--wp--preset--color--ink); }
.skild-chero__lead{ font-size:var(--wp--preset--font-size--lead);
	line-height:var(--wp--custom--leading--lead); color:var(--wp--preset--color--body-2);
	max-width:var(--wp--custom--measure--lead); margin:18px 0 0; }
.skild-chips--facts{ display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.skild-chips--facts .skild-chip{ font-variant-numeric:tabular-nums; }

/* the fee card — the buying object, above the fold (FEE-01) */
.skild-feecard{ background:var(--wp--preset--color--ink);
	border-radius:var(--wp--custom--radius--xl); padding:30px 28px;
	color:var(--wp--custom--ramp--panel-text); }
.skild-feecard .skild-eyebrow{ color:var(--wp--preset--color--amber); }
.skild-feecard__price{ display:flex; align-items:baseline; gap:10px; margin-top:10px;
	color:var(--wp--preset--color--white); font-variant-numeric:tabular-nums; }
.skild-feecard__price b{ font-size:var(--wp--preset--font-size--h-2);
	font-weight:var(--wp--custom--weight--display);
	letter-spacing:var(--wp--custom--tracking--heading); }
.skild-feecard__price span{ font-size:.85rem; }
.skild-feecard ul{ list-style:none; margin:18px 0 0; padding:0; display:grid; gap:10px; }
.skild-feecard li{ display:flex; justify-content:space-between; gap:12px; font-size:.9rem;
	padding-bottom:10px; border-bottom:1px solid var(--wp--custom--line--on-dark);
	font-variant-numeric:tabular-nums; }
.skild-feecard li:last-child{ border-bottom:0; }
.skild-feecard li b{ color:var(--wp--preset--color--white);
	font-weight:var(--wp--custom--weight--tablehead); white-space:nowrap; }
.skild-feecard .skild-btn{ width:100%; justify-content:center; margin-top:16px;
	background:var(--wp--preset--color--white); color:var(--wp--preset--color--crimson);
	box-shadow:none; display:inline-flex; }
.skild-feecard .skild-btn:hover{ background:var(--wp--preset--color--crimson-wash); }
.skild-feecard__note{ margin-top:12px; font-size:.78rem; }
@media(max-width:1023px){ .skild-chero__in{ grid-template-columns:1fr; }
	.skild-chero__in > .skild-feecard{ grid-column:1; grid-row:auto;
		margin-top:var(--wp--preset--spacing--gap); } }

/* ---- CONTRACT BLOCK · the terms as a grid of facts ---- */
.skild-cterms{ display:grid; grid-template-columns:repeat(3,1fr);
	gap:var(--wp--preset--spacing--gap); margin-top:var(--wp--preset--spacing--gap); }
.skild-cterm{ background:var(--wp--preset--color--crimson-tint);
	border-radius:var(--wp--custom--radius--xl); padding:22px 24px;
	display:flex; flex-direction:column; gap:6px; }
.skild-cterm b{ font-size:.72rem; text-transform:uppercase; letter-spacing:.1em;
	font-weight:var(--wp--custom--weight--label); color:var(--wp--custom--ramp--c-700); }
.skild-cterm span{ font-size:.98rem; color:var(--wp--preset--color--body);
	font-variant-numeric:tabular-nums; }
@media(max-width:900px){ .skild-cterms{ grid-template-columns:1fr 1fr; } }
@media(max-width:540px){ .skild-cterms{ grid-template-columns:1fr; } }

/* ---- TRACK SELECTOR · three clouds, all in DOM, CSS-only swap ---- */
.skild-tracks{ margin-top:var(--wp--preset--spacing--gap); }
.skild-tracks input[type=radio]{ position:absolute; opacity:0; pointer-events:none; }
.skild-tracks__tabs{ display:flex; gap:8px; flex-wrap:wrap; }
.skild-tracks__tabs label{ padding:10px 20px; border-radius:var(--wp--custom--radius--pill);
	border:1px solid var(--wp--custom--line--base); cursor:pointer; font-size:.92rem;
	font-weight:var(--wp--custom--weight--label); color:var(--wp--preset--color--body);
	min-height:var(--wp--custom--target--min); display:inline-flex; align-items:center;
	transition:background var(--wp--custom--duration--fast) var(--wp--custom--ease--out),
	           color var(--wp--custom--duration--fast) var(--wp--custom--ease--out); }
.skild-tracks__tabs label:hover{ background:var(--wp--preset--color--crimson-wash); }
.skild-track{ display:none; margin-top:18px; background:var(--wp--preset--color--light);
	border-radius:var(--wp--custom--radius--lg); padding:22px 24px; font-size:.95rem; }
#trk-aws:checked ~ .skild-tracks__tabs label[for=trk-aws],
#trk-az:checked  ~ .skild-tracks__tabs label[for=trk-az],
#trk-gcp:checked ~ .skild-tracks__tabs label[for=trk-gcp]{
	background:var(--wp--preset--color--crimson); color:var(--wp--preset--color--white);
	border-color:var(--wp--preset--color--crimson); }
#trk-aws:checked ~ .skild-track--aws,
#trk-az:checked  ~ .skild-track--az,
#trk-gcp:checked ~ .skild-track--gcp{ display:block; }
.skild-tracks input:focus-visible + .skild-tracks__tabs label,
.skild-tracks__tabs label:focus-within{ box-shadow:var(--wp--custom--focus--ring); }

/* ---- CURRICULUM · the 16-module accordion on core/details ---- */
.skild-curr16{ margin-top:var(--wp--preset--spacing--gap);
	border-top:1px solid var(--wp--custom--line--base); }
.skild-mod16{ border-bottom:1px solid var(--wp--custom--line--soft); }
.skild-mod16 summary{ display:grid; grid-template-columns:64px 1fr auto; gap:18px;
	align-items:baseline; padding:16px 0; cursor:pointer; list-style:none;
	min-height:var(--wp--custom--target--min);
	transition:background var(--wp--custom--duration--fast) var(--wp--custom--ease--out); }
.skild-mod16 summary::-webkit-details-marker{ display:none; }
.skild-mod16 summary:hover h3{ color:var(--wp--preset--color--crimson); }
.skild-mod16 summary:focus-visible{ outline:none; box-shadow:var(--wp--custom--focus--ring);
	border-radius:var(--wp--custom--radius--sm); }
.skild-mod16 b{ color:var(--wp--preset--color--crimson);
	font-weight:var(--wp--custom--weight--label); font-variant-numeric:tabular-nums; }
.skild-mod16 h3{ margin:0; font-size:1.05rem;
	font-weight:var(--wp--custom--weight--heading);
	letter-spacing:var(--wp--custom--tracking--card); display:inline;
	transition:color var(--wp--custom--duration--fast) var(--wp--custom--ease--out); }
.skild-mod16 .skild-wk{ font-size:.86rem; color:var(--wp--preset--color--body-2);
	font-variant-numeric:tabular-nums; white-space:nowrap; }
.skild-mod16[open] summary h3{ color:var(--wp--preset--color--crimson); }
.skild-mod16__body{ padding:0 0 18px 82px; max-width:70ch; }
.skild-mod16__body p{ font-size:.95rem; color:var(--wp--preset--color--body-2); }
.skild-mod16__meta{ display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:10px;
	font-size:.82rem; color:var(--wp--preset--color--body-2); }
.skild-mod16__meta b{ color:var(--wp--preset--color--ink);
	font-weight:var(--wp--custom--weight--tablehead); }
.skild-currnote{ margin-top:var(--wp--preset--spacing--stack); font-size:.88rem;
	color:var(--wp--preset--color--body-2); }
@media(max-width:600px){ .skild-mod16 summary{ grid-template-columns:44px 1fr; }
	.skild-mod16 .skild-wk{ grid-column:2; } .skild-mod16__body{ padding-left:0; } }

/* ---- INCLUDED · the everything-in grid ---- */
.skild-incl{ display:grid; grid-template-columns:repeat(3,1fr);
	gap:var(--wp--preset--spacing--gap); margin-top:var(--wp--preset--spacing--gap); }
.skild-incl div{ background:var(--wp--preset--color--white);
	border-radius:var(--wp--custom--radius--lg); box-shadow:var(--wp--preset--shadow--one);
	padding:18px 20px; font-size:.92rem; color:var(--wp--preset--color--body);
	display:flex; gap:12px; align-items:flex-start; }
.skild-incl svg{ width:20px; height:20px; flex:0 0 auto; margin-top:2px;
	color:var(--wp--preset--color--crimson); }
.skild-incl b{ font-weight:var(--wp--custom--weight--heading);
	color:var(--wp--preset--color--ink); }
@media(max-width:900px){ .skild-incl{ grid-template-columns:1fr 1fr; } }
@media(max-width:540px){ .skild-incl{ grid-template-columns:1fr; } }

/* ---- DOWN-SELL · the structural not-pushy band ---- */
.skild-downsell{ margin-top:var(--wp--preset--spacing--gap);
	background:var(--wp--preset--color--crimson-wash);
	border-radius:var(--wp--custom--radius--xl); padding:clamp(22px,3vw,36px);
	display:grid; grid-template-columns:1.4fr auto; gap:var(--wp--preset--spacing--gap);
	align-items:center; }
.skild-downsell h3{ margin:0; font-size:var(--wp--preset--font-size--h-4);
	font-weight:var(--wp--custom--weight--heading); }
.skild-downsell p{ margin-top:8px; font-size:.95rem; color:var(--wp--preset--color--body-2);
	max-width:52ch; }
@media(max-width:767px){ .skild-downsell{ grid-template-columns:1fr; } }

/* ---- FAQ · core/details, hairline dividers, no card chrome (P9) ---- */
.skild-faq{ margin-top:var(--wp--preset--spacing--gap);
	border-top:1px solid var(--wp--custom--line--base); max-width:74ch; }
.skild-faq details{ border-bottom:1px solid var(--wp--custom--line--soft); }
.skild-faq summary{ padding:16px 0; cursor:pointer; list-style:none; font-size:1.02rem;
	font-weight:var(--wp--custom--weight--heading); color:var(--wp--preset--color--ink);
	min-height:var(--wp--custom--target--min); display:flex; justify-content:space-between;
	gap:14px; align-items:baseline;
	transition:color var(--wp--custom--duration--fast) var(--wp--custom--ease--out); }
.skild-faq summary::-webkit-details-marker{ display:none; }
.skild-faq summary::after{ content:"+"; color:var(--wp--preset--color--crimson);
	font-weight:var(--wp--custom--weight--display); }
.skild-faq details[open] summary::after{ content:"–"; }
.skild-faq summary:hover{ color:var(--wp--preset--color--crimson); }
.skild-faq summary:focus-visible{ outline:none; box-shadow:var(--wp--custom--focus--ring);
	border-radius:var(--wp--custom--radius--sm); }
.skild-faq details > p{ padding:0 0 18px; font-size:.95rem;
	color:var(--wp--preset--color--body-2); max-width:66ch; }

/* ---- faculty plate row reuses .skild-experts from home.css ---- */
/* ---- projects strip reuses .skild-projgrid from home.css ---- */
/* ---- skills band reuses .skild-cv / .skild-cvlines from home.css ---- */

@media (prefers-reduced-motion: reduce){
	.skild-tracks__tabs label, .skild-mod16 summary, .skild-faq summary{ transition:none !important; }
}

/* ---- v2 additions · 24 Aug — sync-requirement fixes ---- */
.skild-curr16__bar{ display:flex; justify-content:flex-end; padding:0 0 14px; }
.skild-expandall{ font:inherit; font-size:.88rem; font-weight:var(--wp--custom--weight--label);
	color:var(--wp--preset--color--crimson); background:transparent;
	border:1px solid var(--wp--custom--line--base);
	border-radius:var(--wp--custom--radius--pill); padding:9px 18px; cursor:pointer;
	min-height:var(--wp--custom--target--min);
	transition:background var(--wp--custom--duration--fast) var(--wp--custom--ease--out); }
.skild-expandall:hover{ background:var(--wp--preset--color--crimson-wash); }
.skild-expandall:focus-visible{ outline:none; box-shadow:var(--wp--custom--focus--ring); }
.skild-mod16__t{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.skild-mod16__t small{ font-size:.82rem; color:var(--wp--preset--color--body-2);
	font-weight:400; line-height:1.4; }
.skild-mod16__t small em{ font-style:normal; color:var(--wp--custom--ramp--c-700); }
.skild-trackmark{ font-style:normal; font-size:.72rem; color:var(--wp--preset--color--body-2);
	font-weight:var(--wp--custom--weight--tablehead); letter-spacing:.04em; }

/* ---- v3 additions · optimisation round 1 ---- */
.skild-feecard .skild-btn{ box-sizing:border-box; white-space:normal; text-align:center;
	padding-left:16px; padding-right:16px; }
.skild-feecard__links{ display:flex; justify-content:space-between; gap:12px; margin-top:12px;
	font-size:.8rem; }
.skild-feecard__links a{ color:var(--wp--custom--ramp--panel-text);
	text-underline-offset:.2em; }
.skild-feecard__links a:hover{ color:var(--wp--preset--color--white); }
.skild-feecard__links a:focus-visible{ outline:none;
	box-shadow:var(--wp--custom--focus--ring-on-dark); border-radius:4px; }
/* the sticky in-page nav — flagship pages only, survives 767 by scrolling inline */
.skild-subnav{ position:sticky; top:0; z-index:60; background:var(--wp--preset--color--white);
	border-bottom:1px solid var(--wp--custom--line--soft); }
.skild-subnav__in{ max-width:calc(1180px + 2 * var(--wp--preset--spacing--gutter));
	margin:0 auto; padding:0 var(--wp--preset--spacing--gutter);
	display:flex; align-items:center; gap:4px; overflow-x:auto;
	-webkit-overflow-scrolling:touch; scrollbar-width:none; }
.skild-subnav__in::-webkit-scrollbar{ display:none; }
.skild-subnav a{ padding:12px 14px; font-size:.88rem; white-space:nowrap;
	font-weight:var(--wp--custom--weight--tablehead); color:var(--wp--preset--color--body);
	text-decoration:none; min-height:var(--wp--custom--target--min);
	display:inline-flex; align-items:center;
	transition:color var(--wp--custom--duration--fast) var(--wp--custom--ease--out); }
.skild-subnav a:hover{ color:var(--wp--preset--color--crimson); }
.skild-subnav a:focus-visible{ outline:none; box-shadow:var(--wp--custom--focus--ring);
	border-radius:var(--wp--custom--radius--sm); }
.skild-subnav a.skild-subnav__apply{ margin-left:auto; color:var(--wp--preset--color--crimson);
	font-weight:var(--wp--custom--weight--label); }
