/* A photographic course spread, with native text and honest course details. */
#courses.courses-section{background:#fff;padding:72px 0 77px}#courses .section-heading{margin-bottom:30px}#courses .section-heading h2{max-width:800px;font-weight:650;line-height:1.35;letter-spacing:-.045em}.course-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #dce2ed;border-radius:9px;background:#fafbf8;overflow:hidden}.course-tab{display:flex;align-items:center;gap:15px;min-width:0;min-height:91px;padding:18px 22px;border:0;border-right:1px solid #dce2ed;background:transparent;color:var(--ink);text-align:left;position:relative;transition:background .2s,color .2s}.course-tab:last-child{border-right:0}.course-tab:hover{background:#f0f3fd}.course-tab[aria-pressed=true]{background:#edf2ff}.course-tab[aria-pressed=true]:after{content:'';position:absolute;left:20px;right:20px;bottom:0;height:3px;background:var(--blue)}.course-tab-number{font-size:1.375rem;line-height:1.3;color:var(--blue);font-weight:600;flex:none;min-width:27px;letter-spacing:-.035em}.course-tab-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.course-tab-copy strong{font-size:1rem;line-height:1.45;font-weight:650}.course-tab-copy small{font-size:.875rem;line-height:1.55;color:var(--muted);white-space:nowrap}.course-tab-arrow{font-size:1.125rem;line-height:1.4;color:#79879e;margin-left:auto}.course-tab[aria-pressed=true] .course-tab-arrow{color:var(--blue)}.course-tabs-note{margin:12px 0 25px;color:#6b7687;font-size:.875rem;line-height:1.65}.course-tab:focus-visible{outline:3px solid var(--blue);outline-offset:-5px}#courses .course-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:34px}#courses .course-card{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:0;padding:0;background:#fbfcf8;border:1px solid #e0e5db;border-radius:13px;overflow:hidden;box-shadow:none;align-items:stretch;min-width:0}#courses .course-card:hover{border-color:#cbd5c2;box-shadow:none}#courses .course-card[hidden]{display:none!important}#courses .course-card.is-selected{border-color:#d3dccc;box-shadow:none}.course-editorial-visual{margin:0;position:relative;min-width:0;min-height:460px;background:#f1f0e9;border-right:1px solid #e0e5db;isolation:isolate;overflow:hidden}.course-editorial-visual:after{content:'';position:absolute;inset:16px;z-index:1;border:1px solid #cbd2c255;border-radius:3px;pointer-events:none}.course-editorial-image{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.course-image-label{position:absolute;z-index:2;left:30px;right:24px;bottom:29px;display:flex;flex-direction:column;gap:5px;pointer-events:none;color:#1739ed}.course-image-label span{font-size:.875rem;line-height:1.5;letter-spacing:.12em;font-weight:550}.course-image-label strong{font-size:1.0625rem;line-height:1.5;letter-spacing:.07em;font-weight:600}.course-editorial-copy{padding:34px 35px 29px;min-width:0;display:flex;flex-direction:column}.course-editorial-heading{position:relative;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 21px;align-items:start}.course-overline{grid-column:1;font-size:.875rem;line-height:1.6;letter-spacing:.095em;color:var(--blue);font-weight:550;margin:0 0 6px}#courses .course-editorial-heading h3{grid-column:1;font-size:1.75rem;line-height:1.3;letter-spacing:-.035em;font-weight:650;margin:0}.course-headline{grid-column:1 / -1;font-size:1rem;line-height:1.7;color:#546449;margin-top:8px}.course-target{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding-top:2px;color:var(--blue)}.course-target span{font-size:.875rem;line-height:1.5;color:#6c7885}.course-target strong{font-size:1.625rem;line-height:1.3;letter-spacing:-.04em;font-weight:600;white-space:nowrap}.course-intro{font-size:1rem;line-height:1.8;color:#65715e;margin:16px 0 21px;max-width:640px}.course-training{display:grid;gap:16px;padding:21px 0;border-block:1px solid #e0e5dc}.course-training-item{display:grid;grid-template-columns:31px minmax(0,1fr);gap:14px;align-items:start;min-width:0}.course-training-icon{display:flex;align-items:center;justify-content:center;width:31px;height:31px;background:#eef2ff;border-radius:7px;color:var(--blue)}.course-training-item:nth-child(2) .course-training-icon{background:#fff3cb}.course-training-icon svg{display:block;width:23px;height:23px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.course-training-item h4{font-size:1rem;font-weight:650;line-height:1.5;margin:0;color:#313e2b;letter-spacing:.01em}.course-training-item p{font-size:1rem;line-height:1.75;color:#697661;margin:4px 0 0}.course-entry{margin-top:20px;display:grid;grid-template-columns:7.2rem minmax(0,1fr);gap:8px 14px;align-items:start}.course-entry-label{font-size:.875rem;font-weight:550;line-height:1.75;color:#506149}.course-entry p{font-size:1rem;line-height:1.75;color:#62735a;margin:0}.course-editorial-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:24px;padding-top:0}#courses .course-editorial-actions .course-select{align-self:auto;min-height:45px;padding:10px 15px;font-size:1rem;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:5px;margin:0;line-height:1.5;font-weight:550}#courses .course-editorial-actions .course-select:hover{background:#102ccd}.course-editorial-actions>a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;line-height:1.5;color:#536549;border-bottom:1px solid #c5ceb9;padding:8px 0}.course-editorial-actions>a:hover{color:var(--blue);border-color:var(--blue)}
@media(min-width:1400px){.course-editorial-copy{padding:36px 39px 31px}.course-editorial-visual{min-height:480px}.course-training{gap:18px}}
@media(max-width:1100px){.course-tab{padding:17px 17px;gap:10px}.course-tab-number{min-width:22px}.course-editorial-copy{padding:28px}.course-editorial-heading{gap:5px 15px}.course-target strong{font-size:1.5rem}.course-editorial-visual{min-height:495px}.course-training-item{gap:12px}.course-entry{grid-template-columns:6.7rem minmax(0,1fr)}.course-image-label{left:24px;bottom:24px}}
@media(max-width:900px){#courses.courses-section{padding:56px 0 61px}.course-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.course-tab{padding:16px 12px;gap:8px;min-height:90px}.course-tab-number{font-size:1.125rem;min-width:18px}.course-tab-copy small{font-size:.875rem;white-space:normal}.course-tab-arrow{display:none}#courses .course-card{grid-template-columns:minmax(0,.36fr) minmax(0,.64fr)}.course-editorial-copy{padding:25px 24px}.course-editorial-heading{grid-template-columns:1fr;gap:5px}#courses .course-editorial-heading h3{font-size:1.625rem}.course-target{grid-column:1;grid-row:auto;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:10px;padding-top:3px;order:0}.course-target strong{font-size:1.375rem}.course-headline{grid-column:1;line-height:1.65}.course-intro{margin:13px 0 18px;font-size:1rem}.course-training{padding:18px 0;gap:14px}.course-entry{grid-template-columns:1fr;gap:5px}.course-editorial-visual{min-height:570px}.course-image-label{left:20px;right:16px;bottom:23px}.course-image-label strong{font-size:.875rem;letter-spacing:.025em}.course-editorial-actions{gap:13px;margin-top:20px}.course-editorial-actions>a{font-size:.875rem}}
@media(max-width:640px){#courses.courses-section{padding:47px 0 51px}#courses .section-heading{margin-bottom:25px}.course-tabs{display:flex;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#a8baf1 #eef2fb;border-radius:8px;padding-bottom:4px}.course-tab{flex:0 0 9.25rem;min-height:85px;padding:14px 15px;gap:10px;scroll-snap-align:start;border-right:1px solid #dce2ed}.course-tab-number{font-size:1.125rem;min-width:21px}.course-tab-copy strong{font-size:1rem}.course-tab-copy small{font-size:.875rem;white-space:nowrap}.course-tab-arrow{display:none}.course-tab[aria-pressed=true]:after{left:14px;right:14px;height:3px}.course-tabs-note{margin:11px 0 20px;font-size:.875rem;color:var(--blue)}#courses .course-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}#courses .course-card{display:grid;grid-template-columns:minmax(0,1fr);border-radius:10px;overflow:hidden}.course-editorial-visual{min-height:0;height:240px;border-right:0;border-bottom:1px solid #e0e5db;background:#f1f0e9}.course-editorial-image{object-fit:cover;object-position:center 45%}.course-editorial-visual:after{inset:12px}.course-image-label{left:24px;right:22px;bottom:19px;gap:2px}.course-image-label span{font-size:.875rem}.course-image-label strong{font-size:.875rem;letter-spacing:.06em}.course-editorial-copy{padding:25px 23px 26px}.course-editorial-heading{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.course-overline{font-size:.875rem;margin-bottom:5px}#courses .course-editorial-heading h3{font-size:1.5rem}.course-target{grid-column:2;grid-row:1 / span 2;flex-direction:column;align-items:flex-end;gap:5px;padding-top:0}.course-target span{font-size:.875rem}.course-target strong{font-size:1.375rem}.course-headline{grid-column:1 / -1;font-size:1rem;margin-top:8px}.course-intro{font-size:1rem;line-height:1.8;margin:14px 0 19px}.course-training{padding:19px 0;gap:17px}.course-training-item{grid-template-columns:29px minmax(0,1fr);gap:12px}.course-training-icon{width:29px;height:29px;border-radius:6px}.course-training-icon svg{width:22px;height:22px}.course-training-item h4{font-size:1rem}.course-training-item p{font-size:1rem;line-height:1.75;margin-top:4px}.course-entry{margin-top:18px;grid-template-columns:1fr;gap:5px}.course-entry-label{font-size:.875rem}.course-entry p{font-size:1rem}.course-editorial-actions{margin-top:22px;gap:14px}#courses .course-editorial-actions .course-select{font-size:1rem;min-height:47px;padding:11px 14px}.course-editorial-actions>a{font-size:.875rem;min-height:44px}}
@media(max-width:360px){.course-tab{flex-basis:8.75rem;padding-inline:13px}.course-editorial-visual{height:215px}.course-editorial-copy{padding:22px 19px 24px}.course-editorial-heading{grid-template-columns:1fr;gap:4px}.course-target{grid-column:1;grid-row:auto;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:10px;margin-top:5px}.course-target strong{font-size:1.375rem}.course-headline{grid-column:1}.course-image-label{left:20px;bottom:17px}.course-editorial-actions{align-items:stretch;flex-direction:column;gap:8px}#courses .course-editorial-actions .course-select{align-self:stretch;width:100%}.course-editorial-actions>a{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.course-tab{transition:none}.course-tabs{scroll-behavior:auto}}
/* Compose the artwork and its qualitative topic map as one editorial panel. */
.course-editorial-visual{display:flex;flex-direction:column;padding:28px 26px;background:#f5f4ee;min-height:0}
.course-image-label{position:static;order:0;gap:4px}
.course-editorial-image{position:static;inset:auto;order:1;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:28px 0 20px;border-radius:3px}
.course-knowledge-map{order:2;position:relative;margin-top:auto;padding-top:20px;border-top:1px solid #d9ded4}
.course-knowledge-caption{font-size:.75rem;letter-spacing:.08em;color:#78816e;margin-bottom:19px}
.course-knowledge-nodes{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}
.course-knowledge-nodes:before{content:'';position:absolute;top:19px;left:16.66%;right:16.66%;height:1px;background:#b7c1de}
.course-knowledge-node{position:relative;min-width:0}
.course-knowledge-node>span{display:flex;align-items:center;justify-content:center;margin:0 auto 10px;width:39px;height:39px;border:1px solid #d4dbed;border-radius:50%;background:#f7f8fb;color:var(--blue)}
.course-knowledge-node:nth-child(2)>span{background:#fff3cb;border-color:#ebd997}
.course-knowledge-node svg{width:22px;height:22px}
.course-knowledge-node b{display:block;font-size:.875rem;font-weight:500;line-height:1.55;color:#56634e;white-space:nowrap}
@media(max-width:1100px){.course-editorial-visual{padding:25px 21px}.course-knowledge-nodes{gap:4px}.course-knowledge-node b{font-size:.8125rem}}
@media(min-width:641px) and (max-width:900px){
 #courses .course-card{grid-template-columns:1fr}
 .course-editorial-visual{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0 27px;padding:25px;border-right:0;border-bottom:1px solid #e0e5db}
 .course-editorial-image{grid-column:1;grid-row:1 / span 2;margin:0;align-self:center}
 .course-image-label{grid-column:2;grid-row:1;align-self:start;margin:8px 0 22px}
 .course-knowledge-map{grid-column:2;grid-row:2;align-self:end;margin-top:0;padding-top:18px;padding-bottom:8px}
 .course-knowledge-node b{font-size:.875rem}
 .course-editorial-copy{padding:28px 30px}
 .course-editorial-heading{grid-template-columns:minmax(0,1fr) auto}
 .course-target{grid-column:2;grid-row:1 / span 2;flex-direction:column;align-items:flex-end}
 .course-entry{grid-template-columns:7.2rem minmax(0,1fr)}
}
@media(max-width:640px){
 .course-editorial-visual{height:auto;padding:22px 21px;min-height:0}
 .course-image-label{flex-direction:row;align-items:baseline;gap:12px}
 .course-image-label span,.course-image-label strong{font-size:.8125rem;letter-spacing:.045em}
 .course-editorial-image{margin:18px 0 20px}
 .course-knowledge-map{margin-top:0;padding-top:16px}
 .course-knowledge-caption{margin-bottom:14px}
 .course-knowledge-node>span{width:36px;height:36px;margin-bottom:8px}
 .course-knowledge-nodes:before{top:18px}
 .course-knowledge-node b{font-size:.875rem}
 .course-tabs-note:after{content:' · 左右滑动查看全部阶段';color:#6b7687}
}
@media(max-width:360px){#courses .section-heading h2{font-size:1.625rem}.course-editorial-visual{padding:20px 18px}.course-image-label{gap:10px}.course-image-label strong{letter-spacing:.01em}.course-knowledge-node b{font-size:.8125rem}}