/* ─── OL-MKT-000135 (Core 1.0.73.140 "About the course") ─────────────────────
   The product page's three calm parts after the free previews: "About this course" (a short lede and "Who it's for"),
   "What you'll learn" (the numbered sections and outcomes, as hairline rows instead of boxes) and "What you get" (gold
   ticks: a thin gold ring with a thin check, in the Oleren gold family #c9a253 / #e2c47f; two columns on computers,
   one on phones). Same tokens and fonts as the rest of the page (Fraunces headings, Instrument Sans text); light and
   dark from data-ol-theme. Strict CSP: classes only, the icon's colours are set here, not on the SVG. */
.olcp-about,.olcp-learn,.olcp-get{max-width:860px}
.olcp-learn,.olcp-get{margin-top:48px}

/* 1 · About this course */
.ol-f2 .olcp-lede{margin:0 0 12px;max-width:46rem;color:var(--ivory);font:400 clamp(17px,1.45vw,19px)/1.6 var(--sans);text-wrap:pretty}
.ol-f2 .olcp-who{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--soft);max-width:46rem;color:var(--mist);font-size:15px;line-height:1.55}
.olcp-k{flex:none;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink)}
.olcp-who-t{flex:1 1 260px;min-width:0}

/* 2 · What you'll learn: calm hairline rows (the 1.0.73.132 outline's boxes stay for other pages) */
.olcp-learn .olp-outline{gap:0;margin:0;border-top:1px solid var(--soft)}
.olcp-learn .olp-outline li{gap:18px;padding:18px 2px;border:0;border-bottom:1px solid var(--soft);border-radius:0;background:none}
.olcp-learn .olp-outline b{display:inline;margin-right:10px;font-size:16.5px;line-height:1.35}
.ol-f2 .olcp-learn .olp-free-badge{margin:0;vertical-align:2px}
.olcp-learn .olp-outline p{display:block;margin-top:5px;font-size:15px;line-height:1.55;max-width:64ch}
.olcp-learn .olp-n{width:32px;height:32px;font-size:15px;margin-top:-3px}

/* 3 · What you get: gold ticks */
.olcp-ticks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 36px}
.olcp-tick{display:flex;align-items:flex-start;gap:12px;min-width:0;color:var(--ivory);font-size:15.5px;line-height:1.45}
.olcp-tick>span{min-width:0;overflow-wrap:anywhere;padding-top:1px}
.olcp-ico{flex:none;width:22px;height:22px;fill:none;stroke-linecap:round;stroke-linejoin:round}
.olcp-ring{fill:rgba(201,162,83,.12);stroke:#c9a253;stroke-width:1.2}
.olcp-check{stroke:#8a6a22;stroke-width:1.7}
:root[data-ol-theme="dark"] .olcp-ring{fill:rgba(226,196,127,.09);stroke:#e2c47f}
:root[data-ol-theme="dark"] .olcp-check{stroke:#e2c47f}

@media screen and (max-width:820px){
  .olcp-learn,.olcp-get{margin-top:40px}
  .olcp-learn .olp-outline li{gap:14px;padding:16px 0}
}
@media screen and (max-width:640px){
  .olcp-ticks{grid-template-columns:minmax(0,1fr);gap:14px}
  .ol-f2 .olcp-who{flex-direction:column;gap:6px}
  .olcp-who-t{flex:none}
}
@media print{.olcp-ring{fill:none;stroke:#8a6a22}.olcp-check{stroke:#5a4512}}