/* Digital Marketing pillar only; shared course components retain their established style. */
.wn-marketing{color:#1e1e1e;font:400 16px/1.75 "Open Sans",Arial,sans-serif}
.wn-marketing *{box-sizing:border-box}
.wn-marketing .wn-dm-hero-art{margin:0;display:grid;align-items:center}
.wn-marketing .wn-dm-hero-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 30px #164e3410)}
.wn-marketing .wn-dm-hero p{color:#526057;margin:24px 0}
.wn-dm-actions p{display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:0}
.wn-dm-actions a{font:500 17px/1.5 "Outfit",Arial,sans-serif;color:#08754f;text-underline-offset:5px}
.wn-dm-actions a[href*="wa.me"]{display:inline-flex;padding:15px 24px;background:#08754f;color:#fff;border-radius:32px;text-decoration:none;transition:transform .25s,background .25s,box-shadow .25s}
.wn-dm-actions a[href*="wa.me"]:hover{transform:translateY(-2px);background:#065b3e;box-shadow:0 8px 20px #08754f25}
.wn-marketing a:focus-visible{outline:3px solid #08754f;outline-offset:5px;border-radius:4px}
.wn-dm-section-lead{max-width:760px;margin:-10px 0 34px;color:#526057}
.wn-dm-section{padding:78px 0}
.wn-dm-section h2{font:600 clamp(30px,3vw,42px)/1.2 "Outfit",Arial,sans-serif;letter-spacing:-.6px;margin:0 0 36px}
.wn-dm-section h3{font:500 25px/1.3 "Outfit",Arial,sans-serif;margin:20px 0 14px}
.wn-dm-paths{background:#eaf5ee}
.wn-dm-path-grid,.wn-dm-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.wn-dm-path{border-top:1px solid #a8cbb6;padding:28px 0 0}
.wn-dm-path-number{font:500 44px/1 "Outfit",Arial,sans-serif;color:#08754f}
.wn-dm-path p{margin:20px 0 0;color:#42574a}
.wn-dm-path strong{display:block;color:#173e2c;font:500 24px/1.3 "Outfit",Arial,sans-serif;margin-bottom:14px}
.wn-dm-guidance{margin-top:38px;padding:23px 28px;border:1px solid #b9d7c4;border-radius:14px;background:#ffffff70;max-width:920px}
.wn-dm-guidance p{margin:0}
.wn-dm-why{background:#fff}
.wn-dm-benefit{padding:28px;border-radius:20px;border:1px solid #dce7e0;background:#f8fbf9;transition:transform .28s,box-shadow .28s}
.wn-dm-benefit-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#deeee4;color:#08754f;font-size:30px}
.wn-dm-benefit p{color:#526057;margin:0}
@media(hover:hover) and (pointer:fine){.wn-dm-benefit:hover{transform:translateY(-4px);box-shadow:0 14px 28px #164e3410}}
.wn-marketing .wn-dm-contact .wn-learn-contact-panel>p:nth-of-type(2){display:flex;align-items:center;justify-content:center;gap:22px;font-size:0}
.wn-marketing .wn-dm-contact .wn-learn-contact-panel>p:last-child{display:block;font:400 15px/1.7 "Open Sans",Arial,sans-serif;margin-bottom:0}
.wn-marketing .wn-dm-contact .wn-learn-contact-panel>p:last-child a{font-size:15px}
@media(max-width:1000px){.wn-dm-path-grid,.wn-dm-why-grid{grid-template-columns:1fr}.wn-dm-path{display:grid;grid-template-columns:65px 1fr;gap:20px}.wn-dm-path p{margin:0}.wn-dm-benefit{padding:26px}}
@media(max-width:700px){.wn-dm-section{padding:56px 0}.wn-dm-actions p,.wn-marketing .wn-dm-contact .wn-learn-contact-panel>p:nth-of-type(2){flex-direction:column;align-items:stretch;gap:18px}.wn-dm-actions a[href*="wa.me"]{text-align:center;justify-content:center}.wn-dm-path{grid-template-columns:40px 1fr;gap:16px}.wn-dm-path-number{font-size:34px}.wn-dm-guidance{padding:22px}.wn-marketing .wn-dm-hero-art{max-width:560px;margin:auto}}
@media(prefers-reduced-motion:reduce){.wn-marketing .wn-dm-benefit,.wn-marketing .wn-dm-actions a{transition:none!important;transform:none!important}}

/* Source-backed practical-learning photograph, reused from user-selected media. */
.wn-marketing .wn-dm-why-composition{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:48px}
.wn-marketing .wn-dm-learning-photo{margin:0;padding:16px;border:1px solid #c8dfd1;border-radius:26px;background:linear-gradient(145deg,#e9f4ed,#fff8eb);box-shadow:0 18px 36px #164e340c;transform:rotate(-1deg)}
.wn-marketing .wn-dm-learning-photo img{display:block;width:100%;height:auto;aspect-ratio:1400/933;object-fit:contain;border-radius:15px}
.wn-marketing .wn-dm-learning-photo figcaption{font:400 12px/1.6 "Open Sans",Arial,sans-serif;color:#53635c;text-align:center;padding:12px 6px 0}
.wn-marketing .wn-dm-why-composition .wn-dm-why-grid{grid-template-columns:1fr;gap:18px}
.wn-marketing .wn-dm-why-composition .wn-dm-benefit{display:grid;grid-template-columns:48px 1fr;column-gap:18px;padding:24px}
.wn-marketing .wn-dm-why-composition .wn-dm-benefit-icon{width:48px;height:48px;grid-row:1/3;font-size:26px}
.wn-marketing .wn-dm-why-composition h3{margin:0 0 12px}
.wn-marketing .wn-dm-why-composition .wn-dm-benefit p{grid-column:2}
@media(max-width:1000px){.wn-marketing .wn-dm-why-composition{grid-template-columns:1fr;gap:32px}.wn-marketing .wn-dm-learning-photo{max-width:680px;margin:auto;transform:none}}
@media(max-width:700px){.wn-marketing .wn-dm-learning-photo{padding:10px;border-radius:20px}.wn-marketing .wn-dm-why-composition .wn-dm-benefit{grid-template-columns:1fr;padding:24px}.wn-marketing .wn-dm-why-composition .wn-dm-benefit-icon{grid-row:auto;margin-bottom:18px}.wn-marketing .wn-dm-why-composition .wn-dm-benefit p{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.wn-marketing .wn-dm-learning-photo{transform:none}}