/* finesse · editorial learning · existing yellow/violet · reading rail · feedback only */
.workflow-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.8fr);gap:64px;align-items:center;padding:38px 0 48px;border-bottom:1px solid var(--line)}.workflow-hero h1{font-size:clamp(32px,3.8vw,48px);line-height:1.4}.workflow-hero h1 span{color:var(--action)}.workflow-hero p{font-size:17px;max-width:620px;line-height:1.95}.workflow-hero .workflow-lead{font-size:21px;font-weight:700;color:var(--ink);margin-top:24px}.workflow-map{padding:30px;border-radius:18px;background:var(--yellow);color:var(--ink)}.workflow-map h2{font-size:22px}.workflow-map ol{list-style:none;padding:0;margin:22px 0 0;counter-reset:route}.workflow-map li{counter-increment:route;position:relative;padding:14px 0 14px 38px;border-top:1px solid var(--cover-line)}.workflow-map li:before{content:counter(route,decimal-leading-zero);position:absolute;left:0;top:16px;font-size:14px;font-weight:700}.workflow-map strong{display:block;font-size:18px}.workflow-map li span{display:block;font-size:15px;margin-top:3px}.workflow-course .study-section>p,.workflow-steps{font-size:16px;line-height:2}.workflow-course .study-section h2{font-size:26px}.workflow-course .study-nav a{font-size:16px}.workflow-steps{padding-left:24px}.workflow-steps li{margin:13px 0}.step-result{border-left:3px solid var(--action);padding:8px 20px;margin-top:24px;background:var(--soft)}.step-result strong{color:var(--action);font-size:16px}.step-result p{font-size:16px;margin:6px 0}.workflow-table{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:12px}.workflow-table table{border-collapse:collapse;width:100%;font-size:16px}.workflow-table th,.workflow-table td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line)}.workflow-table th{background:var(--yellow-soft);color:var(--ink)}.workflow-table td:first-child{width:125px;color:var(--ink);font-weight:700}.workflow-table tr:last-child td{border-bottom:0}.folder-tree{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/2 var(--font);padding:24px;background:var(--yellow-soft);border-radius:12px}.workflow-example{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:24px;border:1px solid var(--line);border-radius:12px;margin-top:24px}.workflow-example p{font-size:15px;margin-bottom:0}.workflow-example .btn{flex-shrink:0}.workflow-course .study-two p,.workflow-course .study-checks p{font-size:16px}.workflow-course .study-layout{grid-template-columns:220px minmax(0,1fr);gap:40px}
@media(max-width:1000px){.workflow-hero{gap:30px}.workflow-map{padding:24px}.workflow-course .study-layout{grid-template-columns:190px minmax(0,1fr);gap:24px}}
@media(max-width:768px){.workflow-hero{grid-template-columns:1fr;gap:24px;padding-top:24px}.workflow-hero p{font-size:16px}.workflow-hero .workflow-lead{font-size:19px}.workflow-map{padding:24px}.workflow-course .study-layout{grid-template-columns:1fr}.workflow-course .study-section h2{font-size:23px}.workflow-course .study-nav a{font-size:15px}.workflow-table th,.workflow-table td{padding:12px}.workflow-table td:first-child{width:90px}.workflow-example{flex-direction:column;align-items:flex-start;gap:16px}.folder-tree{padding:16px;font-size:14px}}
/* Distinguish the two intake routes and two material categories. */
.workflow-course .intake-options{align-items:stretch}.intake-options>div{padding:24px;border-radius:12px;border:1px solid var(--line)}.intake-options>div:first-child{background:var(--yellow-soft)}.intake-options>div:last-child{background:var(--soft)}.intake-options h3{font-size:19px}.package-types{display:grid;gap:22px;margin:24px 0}.package-types>section{padding:24px;border:1px solid var(--line);border-radius:12px}.project-library{background:var(--soft)}.video-package{background:var(--yellow-soft)}.package-types h3{font-size:21px}.package-types p{font-size:16px;line-height:1.95}.package-types .folder-tree{background:var(--surface);margin:20px 0 0}.workflow-course .package-types{scroll-margin-top:100px}@media(max-width:768px){.intake-options>div,.package-types>section{padding:20px}.package-types .folder-tree{padding:14px;font-size:14px}}