/*
 * Career for Youth 課程頁（course/cfy/index.php）的樣式。
 * 來源：bydo_cfy/index.html（V29）的 inline <style>，去掉原頁首／頁尾的規則，
 * 其餘選擇器全部限定在 .cfy 容器之內，才不會影響本站共用的頁首頁尾。
 */

/* 還原瀏覽器預設：原頁是對 UA 預設樣式寫的，本站 Tailwind preflight 把標題與段落的字級、粗細、邊距都歸零了。放在最前面，讓下面原頁的規則蓋過它。 */
.cfy p{margin:1em 0}
.cfy h1{font-size:2em;font-weight:700;margin:.67em 0}
.cfy h2{font-size:1.5em;font-weight:700;margin:.83em 0}
.cfy h3{font-size:1.17em;font-weight:700;margin:1em 0}
.cfy h4{font-weight:700;margin:1.33em 0}
.cfy strong,.cfy b{font-weight:700}

/* ---- 以下由原頁轉出 ---- */
.cfy{
  --navy:#082e4d; --navy2:#0d456d; --burg:#8e2437; --gold:#bd8b37; --gold2:#d9b56e;
  --paper:#fbf7ef; --paper2:#f4eee3; --ink:#162431; --muted:#66717a; --line:#e5ddd0;
  --blue:#0d6fa8; --rose:#a82e45; --shadow:0 20px 55px rgba(11,39,61,.12);
  --serif:"Noto Serif TC","Songti TC","PMingLiU",Georgia,serif;
  --sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
}
.cfy *{box-sizing:border-box} .cfy{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);font-size:16px;line-height:1.75}
.cfy img{max-width:100%;display:block} .cfy a{color:inherit;text-decoration:none} .cfy button{font:inherit}
.cfy .wrap{width:min(1180px,calc(100% - 42px));margin:auto} .cfy section[id]{scroll-margin-top:96px}.cfy .section{padding:82px 0}.cfy .eyebrow{font:700 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}.cfy .serif{font-family:var(--serif)}
.cfy .hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#f8f3e9 0%,#fbf7ef 44%,#fff 44%)}
.cfy .hero:before{content:"";position:absolute;inset:auto 0 0 0;height:190px;background:radial-gradient(100% 100% at 10% 100%,rgba(184,139,55,.18),transparent 55%),linear-gradient(180deg,transparent,rgba(229,220,207,.38));pointer-events:none}
.cfy .hero-grid{min-height:660px;display:grid;grid-template-columns:.98fr 1.12fr;align-items:stretch}.cfy .hero-copy{position:relative;z-index:3;padding:78px 30px 60px 0;display:flex;flex-direction:column;justify-content:center}.cfy .hero-kicker{font-size:12px;letter-spacing:.28em;color:#7e858b;margin-bottom:20px}.cfy .hero h1{margin:0}.cfy .hero-en{display:block;color:var(--navy);font:700 clamp(46px,6vw,78px)/.98 Georgia,var(--serif);letter-spacing:-.04em}.cfy .hero-zh{display:block;margin-top:17px;font:700 clamp(28px,3.4vw,43px)/1.25 var(--serif);color:var(--navy)}.cfy .hero-tagline{margin:18px 0 8px;font:700 23px/1.45 var(--serif);color:#24394b}.cfy .hero-lead{max-width:610px;color:#5a6670;font-size:17px}.cfy .hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.cfy .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:9px;font-weight:800;transition:.2s;border:1px solid transparent}.cfy .btn-primary{background:var(--navy);color:#fff}.cfy .btn-primary:hover{transform:translateY(-2px);background:#0b3d65}.cfy .btn-outline{border-color:#c6ad80;background:rgba(255,255,255,.55);color:#583f1e}.cfy .btn-gold{background:linear-gradient(135deg,#d4a85d,#8e6427);color:#fff}.cfy .btn-rose{background:var(--burg);color:#fff}.cfy .btn-small{min-height:40px;padding:0 18px;font-size:14px;border-radius:999px}.cfy .hero-proof{display:flex;flex-wrap:wrap;gap:22px;margin-top:30px;color:#314756;font-size:13px;font-weight:700}.cfy .hero-proof span{display:flex;align-items:center;gap:8px}.cfy .dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#f1e5cc;color:#8d632a;font-size:11px}
.cfy .hero-visual{position:relative;min-height:660px}.cfy .hero-photo{position:absolute;inset:0 0 0 0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.02) contrast(1.02)}.cfy .hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fbf7ef 0%,rgba(251,247,239,.22) 18%,transparent 48%),linear-gradient(180deg,transparent 68%,rgba(7,34,54,.14))}.cfy .hero-quote{position:absolute;right:36px;bottom:48px;z-index:2;width:245px;color:white;text-shadow:0 2px 14px rgba(0,0,0,.35);font:700 21px/1.55 var(--serif);transform:rotate(-3deg)}.cfy .hero-quote small{display:block;font:500 12px/1.4 Georgia,serif;margin-top:8px;text-align:right}
.cfy .why{position:relative;background:linear-gradient(180deg,#f7f2e8,#fff)}.cfy .why-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:38px;align-items:center}.cfy .section-title{font:700 clamp(31px,4vw,50px)/1.25 var(--serif);color:var(--navy);margin:0}.cfy .section-lead{color:var(--muted);font-size:16px;margin:18px 0 0}.cfy .why-copy{padding-right:15px}.cfy .why-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cfy .why-card{background:rgba(255,255,255,.88);border:1px solid #ebe2d4;border-radius:18px;padding:28px 20px 24px;min-height:210px;box-shadow:0 12px 30px rgba(55,46,31,.06)}.cfy .why-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#f4ead6;color:#a2702b;font-size:25px;margin-bottom:18px}.cfy .why-card:nth-child(4) .why-icon{background:#fae4e6;color:#a93547}.cfy .why-card h3{font:700 19px/1.4 var(--serif);margin:0 0 10px;color:#25384a}.cfy .why-card p{font-size:14px;color:#67727a;margin:0}
.cfy .programs{background:#fff}.cfy .program-grid{display:grid;grid-template-columns:.44fr 1fr 1fr;gap:18px;align-items:stretch}.cfy .program-intro{padding:28px 26px 28px 0}.cfy .program-intro h2{font:700 35px/1.3 var(--serif);color:var(--navy);margin:0}.cfy .program-intro p{color:#68737c}.cfy .program-card{position:relative;min-height:390px;border-radius:18px;overflow:hidden;color:#fff;box-shadow:var(--shadow)}.cfy .program-card .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cfy .program-card:after{content:"";position:absolute;inset:0}.cfy .program-card.n:after{background:linear-gradient(100deg,rgba(4,48,81,.97),rgba(4,73,113,.86) 48%,rgba(4,52,82,.28))}.cfy .program-card.c:after{background:linear-gradient(100deg,rgba(113,17,36,.97),rgba(142,36,55,.83) 48%,rgba(80,8,25,.24))}.cfy .program-content{position:relative;z-index:2;padding:32px}.cfy .program-num{font:400 46px/1 Georgia,serif;opacity:.55}.cfy .program-code{font:700 45px/1 Georgia,serif;margin-top:6px}.cfy .program-name{font:700 23px/1.35 var(--serif);margin-top:6px}.cfy .program-en{font:500 13px/1.4 Georgia,serif;opacity:.92}.cfy .program-chip{position:absolute;right:20px;top:20px;z-index:3;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);font-size:12px;font-weight:800}.cfy .program-list{display:grid;gap:8px;margin:22px 0 24px;font-size:14px}.cfy .program-list span:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:50%;background:#fff;color:#0e4f78;font-weight:900}.cfy .program-card.c .program-list span:before{color:#8e2437}.cfy .program-card .btn{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.65);color:#fff}
.cfy .anchors{background:linear-gradient(180deg,#f8f3e9,#fff)}.cfy .anchor-grid{display:grid;grid-template-columns:.75fr .95fr 1fr;gap:34px;align-items:center}.cfy .schein{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:end}.cfy .schein img{width:180px;border-radius:16px;filter:grayscale(1);box-shadow:0 12px 28px rgba(0,0,0,.12)}.cfy .schein h2{font:700 40px/1.1 Georgia,var(--serif);margin:0 0 12px;color:var(--navy)}.cfy .exclusive-pill{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:9px 14px;border-radius:999px;background:#f4ead7;border:1px solid #e7d6b6;color:#8a6223;font-size:12px;font-weight:850;letter-spacing:.03em;box-shadow:0 8px 18px rgba(122,88,33,.08)}.cfy .exclusive-pill:before{content:"★";font-size:11px}.cfy .schein p{font-size:14px;color:#61707b;margin:0}.cfy .venn{position:relative;height:280px}.cfy .circle{position:absolute;width:165px;height:165px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;color:#153047;mix-blend-mode:multiply}.cfy .circle strong{display:block;font-size:20px}.cfy .circle small{display:block;font-size:11px;font-weight:700;margin-top:5px}.cfy .c1{left:64px;top:4px;background:rgba(220,220,95,.55)}.cfy .c2{left:10px;top:105px;background:rgba(93,174,209,.55)}.cfy .c3{left:118px;top:105px;background:rgba(239,184,91,.55)}.cfy .report-card{background:#fff;border:1px solid #e8dfd3;border-radius:18px;padding:18px;box-shadow:var(--shadow)}.cfy .report-card img{border-radius:10px}.cfy .report-card h3{font:700 17px/1.4 var(--serif);margin:13px 0 5px}.cfy .report-card p{font-size:13px;color:#6b7379;margin:0}.cfy .report-zoom{margin-top:12px;border:0;background:none;color:var(--navy);font-weight:800;cursor:pointer;padding:0}
.cfy .wiley{background:linear-gradient(120deg,#052c49,#0b456f);color:white;padding:58px 0;position:relative;overflow:hidden}.cfy .wiley:after{content:"1807";position:absolute;right:45px;top:-28px;font:700 155px/1 Georgia,serif;color:rgba(255,255,255,.055)}.cfy .wiley-grid{position:relative;z-index:2;display:grid;grid-template-columns:.75fr .55fr 1.15fr;gap:35px;align-items:center}.cfy .wiley h2{font:700 36px/1.2 var(--serif);margin:0}.cfy .wiley .wiley-word{font:700 62px/1 Georgia,serif;letter-spacing:.08em}.cfy .wiley .year{font:400 50px/1 Georgia,serif;color:#d7b46f}.cfy .wiley .year small{display:block;font:700 12px/1.4 var(--sans);letter-spacing:.14em;color:#cfdae4;margin-top:8px}.cfy .wiley-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cfy .wiley-point{border-left:1px solid rgba(255,255,255,.25);padding-left:15px}.cfy .wiley-point strong{display:block;font-size:14px}.cfy .wiley-point small{display:block;color:#c7d1d9;font-size:12px;margin-top:5px}
.cfy .audience{background:#fff}.cfy .audience-head{display:grid;grid-template-columns:.6fr 1.4fr;gap:35px;align-items:end}.cfy .audience-cards{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cfy .aud-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(52,44,32,.06);transition:transform .2s ease,box-shadow .2s ease}.cfy .aud-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(52,44,32,.11)}.cfy .aud-top{height:150px;position:relative;overflow:hidden;background:#d9d9d9}.cfy .aud-top img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.cfy .aud-card:hover .aud-top img{transform:scale(1.025)}.cfy .aud-top:after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply}.cfy .photo-tone-1:after{background:linear-gradient(180deg,rgba(20,66,94,.08),rgba(20,66,94,.20))}.cfy .photo-tone-2:after{background:linear-gradient(180deg,rgba(132,62,74,.05),rgba(132,62,74,.18))}.cfy .photo-tone-3:after{background:linear-gradient(180deg,rgba(71,101,77,.04),rgba(71,101,77,.17))}.cfy .photo-tone-4:after{background:linear-gradient(180deg,rgba(48,93,115,.05),rgba(121,72,79,.16))}.cfy .aud-card .inner{padding:18px}.cfy .aud-card h3{font:700 18px/1.4 var(--serif);margin:0 0 6px;color:var(--navy)}.cfy .aud-card p{font-size:13px;color:#67717a;margin:0}
.cfy .path{background:linear-gradient(180deg,#f7f2e9,#fbfaf7)}.cfy .path-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:35px;align-items:center}.cfy .steps{display:grid;grid-template-columns:1fr auto 1fr auto 1.3fr;gap:12px;align-items:center}.cfy .step{border-radius:16px;padding:24px;background:#eef5f7;border:1px solid #dce9eb;min-height:145px}.cfy .step.s2{background:#f8ebed;border-color:#edd9dd}.cfy .step.s3{background:#fff;border-color:#e6ded1}.cfy .step .num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:white;font-weight:900;margin-bottom:12px}.cfy .step.s2 .num{background:var(--burg)}.cfy .step h3{margin:0;font:700 21px/1.2 var(--serif)}.cfy .step p{font-size:13px;color:#5d6b76;margin:8px 0 0}.cfy .arrow{font-size:28px;color:#81909b}
.cfy .course-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cfy .faq{background:#fff}.cfy .faq-list{margin-top:32px;display:grid;gap:10px}.cfy .faq-list details{border:1px solid #e6ded1;border-radius:13px;padding:0 20px;background:#fff}.cfy .faq-list summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:800;color:#273948}.cfy .faq-list summary::-webkit-details-marker{display:none}.cfy .faq-list p{color:#69737b;padding:0 0 18px;margin:0}
.cfy .final{position:relative;color:#fff;overflow:hidden;background:#082f4f}.cfy .final img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38}.cfy .final:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,39,65,.92),rgba(6,39,65,.55),rgba(6,39,65,.8))}.cfy .final-inner{position:relative;z-index:2;min-height:320px;display:grid;grid-template-columns:1.3fr .7fr;gap:35px;align-items:center}.cfy .final h2{font:700 clamp(34px,4.4vw,56px)/1.25 var(--serif);margin:0}.cfy .final p{color:#d7e1e7}.cfy .download-stack{display:grid;gap:10px}.cfy .download{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;border-radius:13px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(7px)}.cfy .download strong{display:block}.cfy .download small{color:#d7e1e7}.cfy .download em{font-style:normal;font-weight:900}
.cfy .lightbox{position:fixed;inset:0;z-index:100;background:rgba(4,18,29,.86);display:none;align-items:center;justify-content:center;padding:30px}.cfy .lightbox.open{display:flex}.cfy .lightbox img{max-width:min(840px,90vw);max-height:86vh;border-radius:12px;box-shadow:0 30px 70px rgba(0,0,0,.45)}.cfy .lightbox-close{position:absolute;right:24px;top:18px;color:white;border:0;background:none;font-size:38px;cursor:pointer}
@media(max-width:1160px){.cfy .course-detail-grid{grid-template-columns:1fr!important}.cfy .hero-grid{grid-template-columns:1fr}.cfy .hero-copy{padding:58px 0 32px}.cfy .hero-visual{min-height:420px}.cfy .hero-photo{object-position:center}.cfy .why-grid,.cfy .program-grid,.cfy .anchor-grid,.cfy .wiley-grid,.cfy .audience-head,.cfy .path-grid,.cfy .final-inner{grid-template-columns:1fr}.cfy .why-cards{grid-template-columns:repeat(2,1fr)}.cfy .program-intro{padding:0}.cfy .program-grid{gap:18px}.cfy .anchor-grid{gap:24px}.cfy .wiley-points{grid-template-columns:repeat(3,1fr)}.cfy .audience-cards{grid-template-columns:repeat(2,1fr)}.cfy .steps{grid-template-columns:1fr}.cfy .arrow{transform:rotate(90deg);text-align:center}}
@media(max-width:680px){.cfy .wrap{width:min(100% - 28px,1180px)}.cfy .section{padding:58px 0}.cfy .hero{background:#f8f3e9}.cfy .hero-grid{min-height:auto}.cfy .hero-copy{padding:48px 0 30px}.cfy .hero-visual{min-height:330px;margin:0 -14px}.cfy .hero-en{font-size:45px}.cfy .hero-zh{font-size:28px}.cfy .hero-tagline{font-size:20px}.cfy .hero-lead{font-size:15px}.cfy .hero-quote{right:18px;bottom:20px;width:200px;font-size:16px}.cfy .hero-proof{gap:10px 16px}.cfy .why-cards,.cfy .audience-cards{grid-template-columns:1fr}.cfy .why-card{min-height:auto}.cfy .program-card{min-height:360px}.cfy .program-content{padding:28px}.cfy .program-code{font-size:40px}.cfy .schein{grid-template-columns:125px 1fr}.cfy .schein img{width:125px}.cfy .schein h2{font-size:31px}.cfy .venn{transform:scale(.88);transform-origin:left center}.cfy .wiley-points{grid-template-columns:1fr}.cfy .wiley-point{padding:12px 0;border-left:0;border-top:1px solid rgba(255,255,255,.18)}.cfy .final-inner{padding:58px 0}.cfy .download{align-items:flex-start}}
  @media(prefers-reduced-motion:reduce){.cfy .btn{transition:none}}

/* V28 Career Anchors simplified editorial layout */
.cfy .anchors{background:linear-gradient(180deg,#fbf8f1 0%,#fffdf8 100%)}
.cfy .anchor-grid-v28{grid-template-columns:1.02fr .86fr .92fr;gap:34px;align-items:center}
.cfy .schein-v28{grid-template-columns:168px 1fr;gap:24px;align-items:center}
.cfy .schein-v28 img{width:168px}
.cfy .schein-v28 h2{font-size:44px;margin-bottom:14px}
.cfy .anchor-intro{max-width:340px;font-size:15px!important;line-height:1.85;color:#5e6b75!important}
.cfy .anchor-center-v28{display:flex;align-items:center;justify-content:center;min-height:300px}
.cfy .anchor-center-v28 .venn{width:300px;height:285px;margin:auto}
.cfy .anchor-center-v28 .circle{width:170px;height:170px}
.cfy .anchor-center-v28 .c1{left:65px;top:0}
.cfy .anchor-center-v28 .c2{left:8px;top:105px}
.cfy .anchor-center-v28 .c3{left:122px;top:105px}
.cfy .report-card-v28{padding:16px 16px 18px}
.cfy .report-card-v28 img{width:100%;max-height:365px;object-fit:contain;background:#fff}
.cfy .report-card-v28 h3{font-size:18px;margin-top:12px}
.cfy .report-meta{font-size:13px!important;line-height:1.7;color:#64717b!important}
.cfy .anchor-license-strip{margin-top:30px;display:flex;align-items:center;justify-content:center;gap:12px;min-height:62px;padding:13px 20px;border:1px solid #d9c18f;border-radius:16px;background:linear-gradient(100deg,#0a3657,#0d4a70);color:#fff;box-shadow:0 14px 34px rgba(6,48,78,.12);text-align:center}
.cfy .anchor-license-strip .license-mark{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#d5a53b;color:#fff;font:800 11px/1 Georgia,serif;letter-spacing:.05em}
.cfy .anchor-license-strip strong{color:#f1cf86;font-size:15px;letter-spacing:.02em}
.cfy .anchor-license-strip span:last-child{font-size:14px;color:#f2f5f7}
@media(max-width:1100px){.cfy .anchor-grid-v28{grid-template-columns:1fr 1fr}.cfy .report-card-v28{grid-column:1/-1;max-width:520px;width:100%;margin:auto}.cfy .schein-v28{align-self:center}}
@media(max-width:760px){.cfy .anchor-grid-v28{grid-template-columns:1fr;gap:24px}.cfy .schein-v28{grid-template-columns:120px 1fr;gap:18px}.cfy .schein-v28 img{width:120px}.cfy .schein-v28 h2{font-size:36px}.cfy .anchor-center-v28{min-height:275px}.cfy .anchor-center-v28 .venn{transform:scale(.92);transform-origin:center}.cfy .report-card-v28{grid-column:auto}.cfy .anchor-license-strip{flex-wrap:wrap;gap:6px 10px;padding:14px 16px}.cfy .anchor-license-strip strong,.cfy .anchor-license-strip span:last-child{font-size:13px}}

/* Reference landing layout: editorial split heading and full-width photo row. */
.cfy .hero{background:#fff;padding:0 0 64px}
.cfy .hero:before{display:none}
.cfy .hero-grid{min-height:0;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-top:70px;padding-bottom:68px}
.cfy .hero-copy{padding:0;display:block}
.cfy .hero-kicker{margin-bottom:24px;letter-spacing:.16em;color:#8a6223}
.cfy .hero-en{font:700 clamp(44px,4.8vw,70px)/1.04 var(--sans);letter-spacing:-.045em;color:#252529}
.cfy .hero-zh{font:800 clamp(36px,3.8vw,54px)/1.35 var(--sans);letter-spacing:-.035em;color:#252529;margin-top:24px}
.cfy .hero-zh span{display:block}
.cfy .hero-description{padding-top:24px}
.cfy .hero-tagline{font:700 22px/1.65 var(--sans);color:#252529;margin:0 0 16px}
.cfy .hero-lead{font-size:17px;line-height:1.9;color:#50545a;margin:0;max-width:510px}
.cfy .hero-actions{margin-top:30px;gap:14px}
.cfy .hero .btn{border-radius:4px;min-height:52px;padding:0 23px}
.cfy .hero .btn-primary{background:#252529}
.cfy .hero .btn-outline{background:#fff;border-color:#252529;color:#252529}
.cfy .hero-proof{margin-top:26px;gap:12px 20px;color:#63666b;font-size:12px}
.cfy .hero-proof .dot{font-style:normal;width:20px;height:20px}
.cfy .hero-gallery{display:grid;grid-template-columns:1.45fr 1fr 1.45fr;gap:clamp(18px,3vw,60px);width:100%;height:clamp(300px,27vw,510px)}
.cfy .hero-gallery figure{margin:0;min-width:0;overflow:hidden;background:#eef1f3}
.cfy .hero-gallery img{width:100%;height:100%;object-fit:cover}
.cfy .hero-gallery figure:nth-child(1) img{object-position:54% center}
.cfy .hero-gallery figure:nth-child(2) img{object-position:50% 54%}
.cfy .hero-gallery figure:nth-child(3) img{object-position:52% center}
@media(max-width:1160px){.cfy .hero-grid{grid-template-columns:1.05fr 1fr;gap:36px}.cfy .hero-copy{padding:0}.cfy .hero-en{font-size:52px}.cfy .hero-zh{font-size:40px}}
@media(max-width:760px){.cfy .hero-grid{grid-template-columns:1fr;gap:26px;padding-top:44px;padding-bottom:40px}.cfy .hero-description{padding:0}.cfy .hero-en{font-size:clamp(40px,8vw,56px)}.cfy .hero-zh{font-size:clamp(32px,6vw,42px);margin-top:18px}.cfy .hero-tagline{font-size:20px}.cfy .hero-lead{font-size:16px}.cfy .hero-gallery{height:280px;gap:12px;grid-template-columns:1.2fr 1fr 1.2fr}.cfy .hero{padding-bottom:40px}}
@media(max-width:480px){.cfy .hero-gallery{height:auto;grid-template-columns:1fr 1fr;gap:12px;padding:0 14px}.cfy .hero-gallery figure:first-child{grid-column:1/-1;height:230px}.cfy .hero-gallery figure:nth-child(2),.cfy .hero-gallery figure:nth-child(3){height:230px}.cfy .hero-actions .btn{padding:0 18px;font-size:14px}.cfy .hero-proof{gap:10px 14px}}

.cfy .hero{--hero-radius:4px}
.cfy .hero .btn{border-radius:var(--hero-radius)}
.cfy .hero .btn-primary{background:linear-gradient(135deg,#b88435,#76501f);color:#fff}
.cfy .hero .btn-outline{border-color:#c6ad80;color:#583f1e;background:#fff}
.cfy .hero-gallery{display:block;position:relative;overflow:hidden;width:100%;height:clamp(300px,27vw,510px);padding:0;--photo-gap:clamp(18px,3vw,60px)}
.cfy .hero-gallery-track{display:flex;width:max-content;height:100%;gap:0;transition:transform 850ms cubic-bezier(.22,.61,.36,1);will-change:transform}
.cfy .hero-gallery-group{display:flex;gap:var(--photo-gap);height:100%;padding-right:var(--photo-gap);flex:0 0 auto}
.cfy .hero-gallery figure{margin:0;flex:0 0 auto;min-width:0;height:100%;width:calc((100vw - 2 * var(--photo-gap)) * .371795);overflow:hidden;border-radius:var(--hero-radius);background:#f4eee3}
.cfy .hero-gallery figure[data-photo="1"]{width:calc((100vw - 2 * var(--photo-gap)) * .25641)}
.cfy .hero-gallery img{display:block;width:100%;height:100%;object-fit:cover;opacity:1;transition:none}
.cfy .hero-gallery figure[data-photo="0"] img{object-position:54% center}
.cfy .hero-gallery figure[data-photo="1"] img{object-position:50% 54%}
.cfy .hero-gallery figure[data-photo="2"] img{object-position:52% center}
@keyframes photo-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:760px){.cfy .hero-gallery{height:280px;--photo-gap:12px}}
@media(max-width:480px){.cfy .hero-gallery{height:250px;padding:0}.cfy .hero-gallery figure,.cfy .hero-gallery figure[data-photo="1"]{width:78vw;height:100%}.cfy .hero-gallery figure:first-child{height:100%}}

/* Use the landing page sans serif throughout. */
.cfy{--serif:var(--sans)}
.cfy,.cfy *{font-family:var(--sans)!important}
.cfy .hero .btn-primary{background:#252529;color:#fff}
.cfy .hero .btn-primary:hover{background:#111}
.cfy .hero .btn-outline{border-color:#252529;color:#252529;background:#fff}
.cfy .hero .btn-outline:hover{background:#f5f5f5}

/* Responsive landing composition based on the supplied mobile reference. */
.cfy .hero-gallery figure[data-photo="1"] img{object-fit:contain;object-position:center;background:#fff}
@media(min-width:761px){
 .cfy .hero-gallery figure[data-photo="1"]{width:calc(clamp(300px,27vw,510px) * 2 / 3)}
}
@media(max-width:760px){
 .cfy .hero .hero-grid{width:86%;max-width:560px;grid-template-columns:1fr;gap:28px;padding-top:48px;padding-bottom:58px}
 .cfy .hero-copy{padding:0}
 .cfy .hero-description{padding:0}
 .cfy .hero-kicker{font-size:10px;letter-spacing:.12em;margin-bottom:20px}
 .cfy .hero-en{font-size:clamp(34px,7.5vw,52px);line-height:1.12}
 .cfy .hero-zh{font-size:clamp(26px,6.2vw,38px);line-height:1.35;margin-top:18px;letter-spacing:-.04em}
 .cfy .hero-zh span{white-space:nowrap}
 .cfy .hero-tagline{font-size:18px;line-height:1.6;margin-bottom:14px}
 .cfy .hero-lead{font-size:16px;line-height:1.95;max-width:none}
 .cfy .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
 .cfy .hero .hero-actions .btn{font-size:clamp(12px,3.1vw,15px);padding:0 8px;min-height:48px;white-space:nowrap}
 .cfy .hero-proof{font-size:10px;gap:10px 14px;margin-top:20px}
 .cfy .hero-gallery{height:80vw;max-height:500px;--photo-gap:4vw;padding:0 7vw;box-sizing:border-box}
 .cfy .hero-gallery figure,.cfy .hero-gallery figure[data-photo="1"]{width:86vw;max-width:none;height:100%;border-radius:4px}
 .cfy .hero-gallery figure:first-child{height:100%}
 .cfy .hero-gallery img{height:100%;width:100%}
 .cfy .hero-gallery figure[data-photo="1"] img{object-fit:contain;object-position:center;background:#fff}
 .cfy .hero{padding-bottom:48px}
}
@media(max-width:360px){.cfy .hero-zh{font-size:25px}.cfy .hero-lead{font-size:15px}.cfy .hero .hero-actions .btn{font-size:11px}}

/* All mobile carousel cards share the same explicit height. */
@media(max-width:760px){
 .cfy .hero-gallery{--mobile-card-height:min(80vw,500px);height:var(--mobile-card-height)}
 .cfy .hero-gallery-track,.cfy .hero-gallery-group{height:var(--mobile-card-height);align-items:stretch}
 .cfy .hero-gallery .hero-gallery-group figure,
 .cfy .hero-gallery .hero-gallery-group figure:first-child,
 .cfy .hero-gallery .hero-gallery-group figure[data-photo="1"]{height:var(--mobile-card-height);min-height:var(--mobile-card-height);max-height:var(--mobile-card-height);align-self:stretch}
 .cfy .hero-gallery .hero-gallery-group figure img{width:100%;height:100%;max-height:100%;object-fit:cover}
 .cfy .hero-gallery .hero-gallery-group figure[data-photo="1"] img{object-fit:contain;background:#fff}
}

@media(max-width:760px){
 .cfy .hero-gallery .hero-gallery-group figure[data-photo="1"] img{width:100%;height:100%;object-fit:cover;object-position:center}
}

/* Equal mobile height; each card retains its source image aspect ratio. */
@media(max-width:760px){
 .cfy .hero-gallery .hero-gallery-group figure[data-photo="0"]{width:calc(var(--mobile-card-height) * 1.5000000000);min-width:0;max-width:none;flex:0 0 auto}
 .cfy .hero-gallery .hero-gallery-group figure[data-photo="1"]{width:calc(var(--mobile-card-height) * 0.6665000000);min-width:0;max-width:none;flex:0 0 auto}
 .cfy .hero-gallery .hero-gallery-group figure[data-photo="2"]{width:calc(var(--mobile-card-height) * 1.7769097222);min-width:0;max-width:none;flex:0 0 auto}
 .cfy .hero-gallery .hero-gallery-group figure img,.cfy .hero-gallery .hero-gallery-group figure[data-photo="1"] img{width:100%;height:100%;object-fit:contain;object-position:center}
}

/* Taller navigation with full BYDO logo and a solid gold call to action. */
.cfy section[id]{scroll-margin-top:140px}
@media(max-width:760px){.cfy section[id]{scroll-margin-top:106px}
}

/* Balance the brand, navigation text and call-to-action. */

/* Header width follows the content container; mobile keeps CTA and centered menu icon. */

/* Youth career guidance: pale blue gradient and outlined professional cards. */
.cfy .why{background:linear-gradient(135deg,#e5f1fa 0%,#f3f8fc 55%,#deedf8 100%)}
.cfy .why .section-title{font-size:clamp(27px,2.55vw,34px);line-height:1.4;color:#252529}
.cfy .why-title-line{white-space:nowrap}
.cfy .why-copy{padding-right:0}
.cfy .why .eyebrow{color:#082e4d}
.cfy .why-copy .btn{border:1px solid #252529;border-radius:4px;background:#fff;background-image:none;color:#252529;box-shadow:none;min-height:42px;padding:0 20px}
.cfy .why-copy .btn:hover{background:#f5f5f5}
.cfy .why .why-card{border:1px solid #082e4d;background:rgba(255,255,255,.8);box-shadow:none;padding:26px 16px 24px}
.cfy .why .why-card h3{text-align:center;color:#252529;font-size:18px}
.cfy .why .why-icon,.cfy .why .why-card:nth-child(4) .why-icon{background:#dcecf8;color:#082e4d;margin:0 auto 18px}
.cfy .why-icon svg{display:block}
@media(max-width:1160px){.cfy .why .section-title{font-size:32px}}
@media(max-width:680px){.cfy .why .section-title{font-size:clamp(24px,6.3vw,32px)}}

/* Softer original gold palette for the career guidance section. */
.cfy .why{background:linear-gradient(135deg,#fffdf8 0%,#fdfaf3 55%,#faf5ea 100%)}
.cfy .why .eyebrow{color:#bd8b37}
.cfy .why-copy .btn,.cfy .why-copy .btn:hover{background:transparent;background-image:none;border-color:#252529;color:#252529}
.cfy .why .why-card{border-color:#bd8b37;background:rgba(255,255,255,.65)}
.cfy .why .why-icon,.cfy .why .why-card:nth-child(4) .why-icon{background:#f4ead6;color:#a2702b}
.cfy .why .why-card h3,.cfy .why .why-card p{text-align:center}

.cfy .why{background:linear-gradient(to bottom,rgba(189,139,55,.08) 0%,rgba(189,139,55,.04) 50%,rgba(189,139,55,0) 100%)}

@media(max-width:680px){
 .cfy .why .why-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
 .cfy .why .why-card{min-width:0;padding:20px 12px;min-height:0}
 .cfy .why .why-card h3{font-size:16px;line-height:1.45;margin-bottom:10px}
 .cfy .why .why-card p{font-size:13px;line-height:1.75;overflow-wrap:break-word}
 .cfy .why .why-icon{width:46px;height:46px;margin-bottom:14px}
 .cfy .why .why-icon svg{width:25px;height:25px}
}
@media(max-width:360px){.cfy .why .why-cards{gap:10px}.cfy .why .why-card{padding:18px 10px}.cfy .why .why-card h3{font-size:15px}.cfy .why .why-card p{font-size:12px}}

.cfy .why .why-card{border-color:#e4d2ad}

.cfy .why-copy .btn{font-weight:500}

/* Two-stage course cards: restrained controls and centered checks. */
.cfy .program-intro .btn{border:1px solid #252529;border-radius:4px;background:transparent;background-image:none;color:#252529;font-weight:400;box-shadow:none}
.cfy .program-intro .btn:hover{background:transparent}
.cfy .programs .program-chip{background:#fff;border:1px solid #fff;font-weight:400;color:#082e4d}
.cfy .programs .program-card.c .program-chip{color:#8e2437}
.cfy .programs .program-list span{display:flex;align-items:flex-start;gap:8px}
.cfy .programs .program-list span:before{content:"";display:block;flex:0 0 18px;width:18px;height:18px;margin:3px 0 0;border-radius:50%;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m5 9 2.5 2.5L13 6' fill='none' stroke='%230e4f78' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:18px 18px;background-position:center;background-repeat:no-repeat}
.cfy .programs .program-card.c .program-list span:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m5 9 2.5 2.5L13 6' fill='none' stroke='%238e2437' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.cfy .programs .program-content{padding-bottom:82px}
.cfy .program-more{position:absolute;bottom:27px;right:28px;display:flex;align-items:center;justify-content:flex-end;gap:0;min-height:44px;padding:4px 8px;color:#fff;font-size:15px;font-weight:400}
.cfy .program-more-arrow{display:grid;place-items:center;width:34px;height:34px;font-size:28px;line-height:1;transition:transform .2s}
.cfy .program-more-label{max-width:0;opacity:0;white-space:nowrap;overflow:hidden;transition:max-width .25s,opacity .25s,margin .25s}
.cfy .program-card:hover .program-more-label,.cfy .program-more:focus-visible .program-more-label{max-width:100px;opacity:1;margin-right:8px}
.cfy .program-card:hover .program-more-arrow{transform:translateX(3px)}
.cfy .program-more:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:4px}
@media(hover:none){.cfy .program-more-label{max-width:100px;opacity:1;margin-right:8px}}
@media(prefers-reduced-motion:reduce){.cfy .program-more-label,.cfy .program-more-arrow{transition:none}}

.cfy .program-intro h2{color:#252529}
.cfy .program-hover-link{position:absolute;inset:0;z-index:5;display:grid;place-items:center;opacity:0;transition:opacity .3s ease;overflow:hidden;border-radius:inherit;color:#fff}
.cfy .program-hover-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cfy .program-hover-link:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(4,48,81,.45),rgba(4,48,81,.85));z-index:1}
.cfy .program-card.c .program-hover-link:after{background:linear-gradient(135deg,rgba(113,17,36,.4),rgba(113,17,36,.85))}
.cfy .program-hover-label{position:relative;z-index:2;font-size:22px;font-weight:400;letter-spacing:.03em;border-bottom:1px solid rgba(255,255,255,.65);padding:10px 0}
.cfy .program-card:hover .program-hover-link,.cfy .program-hover-link:focus-visible{opacity:1}
.cfy .program-hover-link:focus-visible{outline:2px solid #fff;outline-offset:-8px}
@media(hover:none){
 .cfy .program-hover-link{inset:auto 20px 20px auto;min-height:44px;opacity:1;border-radius:4px;padding:0 10px}
 .cfy .program-hover-link img,.cfy .program-hover-link:after{display:none}
 .cfy .program-hover-label{font-size:15px;padding:6px 0;border-bottom:0}
}
@media(prefers-reduced-motion:reduce){.cfy .program-hover-link{transition:none}}

/* Trim unused space below course card content. */
.cfy .programs .program-card{min-height:0}
.cfy .programs .program-content{padding:28px 28px 24px}
.cfy .programs .program-list{margin:18px 0 0}
@media(max-width:680px){
 .cfy .programs .program-content{padding:26px 24px 24px}
}
@media(hover:none){.cfy .programs .program-content{padding-bottom:64px}}

.cfy .program-hover-label{font-size:17px;font-weight:700;border-bottom:0;text-decoration:none}
@media(hover:none){.cfy .program-hover-label{font-size:14px;font-weight:700;border-bottom:0}}

/* Align course copy left and center the full content group vertically. */
.cfy .programs .program-card{display:flex;align-items:center}
.cfy .programs .program-content{width:100%;text-align:left;flex:0 0 auto}
.cfy .programs .program-num,.cfy .programs .program-code,.cfy .programs .program-name,.cfy .programs .program-en,.cfy .programs .program-list{text-align:left}

/* Career Anchors: license first, supporting information in three editorial columns. */
.cfy .anchors.anchors-editorial{background:linear-gradient(to bottom,#fcf9f3,#fff 70%);padding:84px 0}
.cfy .anchors-heading{max-width:780px;margin:0 auto 52px;text-align:center}
.cfy .anchors-heading .eyebrow{color:#a2702b;letter-spacing:.08em;line-height:1.5;margin-bottom:18px;font-size:13px}
.cfy .anchors-heading h2{font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.3;color:#252529;margin:0;letter-spacing:-.025em}
.cfy .anchors-heading h2 span{color:#a2702b}
.cfy .anchors-owner{font-size:14px;letter-spacing:.06em;color:#5a5144;margin:16px 0 0}
.cfy .anchors-summary{font-size:16px;line-height:1.85;color:#66717a;margin:22px 0 0}
.cfy .anchors-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #e4d2ad;padding-top:32px}
.cfy .anchors-unit{min-width:0;padding:0 30px}
.cfy .anchors-unit:first-child{padding-left:0}
.cfy .anchors-unit:last-child{padding-right:0}
.cfy .anchors-unit+.anchors-unit{border-left:1px solid #e4d2ad}
.cfy .anchors-unit-head span{font-size:10px;font-weight:500;letter-spacing:.12em;color:#a2702b}
.cfy .anchors-unit-head h3{font-size:23px;line-height:1.4;color:#252529;margin:8px 0 0}
.cfy .anchors-unit-visual{height:280px;margin:22px 0;display:flex;align-items:center;justify-content:center}
.cfy .anchors-scholar{gap:18px;justify-content:flex-start}
.cfy .anchors-scholar img{width:43%;max-width:140px;height:180px;object-fit:cover;filter:grayscale(1);border-radius:4px}
.cfy .anchors-scholar h4{font-size:19px;line-height:1.4;color:#252529;margin:0}
.cfy .anchors-scholar-name{font-size:14px;color:#66717a;margin:7px 0 0}
.cfy .anchors-diagram .venn{flex:0 0 286px;width:286px;height:280px;transform:none}
.cfy .anchors-diagram .circle{width:160px;height:160px}
.cfy .anchors-diagram .c1{left:63px;top:0}
.cfy .anchors-diagram .c2{left:10px;top:102px}
.cfy .anchors-diagram .c3{left:116px;top:102px}
.cfy .anchors-diagram .circle strong{font-size:19px}
.cfy .anchors-report img{width:100%;height:100%;object-fit:contain;object-position:center}
.cfy .anchors-unit-caption{font-size:16px;line-height:1.55;color:#252529;margin:0 0 10px;font-weight:600}
.cfy .anchors-unit-copy{font-size:14px;line-height:1.85;color:#66717a;margin:0}
.cfy .anchors-application .report-zoom{color:#8d632a;font-size:14px;font-weight:500;margin-top:16px}
.cfy .anchors-application .report-zoom:focus-visible{outline:2px solid #bd8b37;outline-offset:5px}
@media(min-width:761px) and (max-width:1000px){
 .cfy .anchors-unit{padding:0 18px}
 .cfy .anchors-diagram .venn{transform:scale(.8);transform-origin:center}
 .cfy .anchors-scholar{gap:12px}.cfy .anchors-scholar h4{font-size:16px}
}
@media(max-width:760px){
 .cfy .anchors.anchors-editorial{padding:58px 0}
 .cfy .anchors-heading{text-align:left;margin-bottom:32px}
 .cfy .anchors-heading h2{font-size:clamp(29px,7.5vw,40px)}
 .cfy .anchors-owner{font-size:12px;letter-spacing:.02em}
 .cfy .anchors-summary{font-size:15px;margin-top:18px}
 .cfy .anchors-summary br{display:none}
 .cfy .anchors-columns{grid-template-columns:1fr;padding-top:0;border-top:0;gap:0}
 .cfy .anchors-unit,.cfy .anchors-unit:first-child,.cfy .anchors-unit:last-child{padding:28px 0;border-top:1px solid #e4d2ad}
 .cfy .anchors-unit+.anchors-unit{border-left:0}
 .cfy .anchors-unit-head h3{font-size:22px}
 .cfy .anchors-unit-visual{height:auto;min-height:0;margin:22px 0}
 .cfy .anchors-scholar{justify-content:flex-start;gap:22px}
 .cfy .anchors-scholar img{width:110px;height:140px}
 .cfy .anchors-scholar h4{font-size:21px}
 .cfy .anchors-diagram{height:280px}
 .cfy .anchors-report{height:300px}
 .cfy .anchors-report img{max-width:320px}
}

/* Left-aligned split heading and a consistent visual row. */
.cfy .anchors-license-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid #e4d2ad;margin-bottom:36px;line-height:1.65}
.cfy .anchors-license-top strong{color:#a2702b;font-size:15px;font-weight:600}
.cfy .anchors-license-top span{color:#66717a;font-size:13px}
.cfy .anchors-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:none;margin:0 0 48px;text-align:left}
.cfy .anchors-heading h2{font-size:clamp(32px,3.7vw,48px);color:#252529;line-height:1.2}
.cfy .anchors-heading .anchors-summary{margin:0;text-align:left}
.cfy .anchors-editorial .anchors-unit-visual{height:280px;min-height:280px;max-height:280px;display:flex;align-items:center;justify-content:center;margin:22px 0}
.cfy .anchors-editorial .anchors-scholar img{width:auto;max-width:100%;height:280px;max-height:280px;object-fit:contain;border-radius:4px}
.cfy .anchors-editorial .anchors-report img{height:280px;max-height:280px;width:100%;max-width:100%;object-fit:contain}
.cfy .anchors-editorial .anchors-diagram .venn{height:280px}
@media(max-width:760px){
 .cfy .anchors-license-top{gap:5px 16px;margin-bottom:28px;padding-bottom:18px}
 .cfy .anchors-license-top strong{font-size:14px}
 .cfy .anchors-license-top span{font-size:12px}
 .cfy .anchors-heading{grid-template-columns:1fr;gap:20px;margin-bottom:32px;text-align:left}
 .cfy .anchors-heading h2{font-size:clamp(32px,8vw,44px)}
 .cfy .anchors-editorial .anchors-unit-visual{height:280px;min-height:280px;max-height:280px}
}

.cfy .anchors-license-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 20px;background:#bd8b37;color:#fff;border-radius:4px;padding:18px 24px;margin-top:36px;line-height:1.65;text-align:center}
.cfy .anchors-license-bottom strong{font-size:15px;font-weight:600;color:#fff}
.cfy .anchors-license-bottom span{font-size:13px;color:#fff}
@media(max-width:760px){.cfy .anchors-license-bottom{margin-top:16px;padding:16px 18px;gap:6px 14px}.cfy .anchors-license-bottom strong{font-size:14px}.cfy .anchors-license-bottom span{font-size:12px}}

/* Wiley: title/intro above three points and the partner wordmark. */
.cfy .wiley.wiley-editorial{background:#fbf8f2;color:#252529;padding:72px 0}
.cfy .wiley.wiley-editorial:after{display:none}
.cfy .wiley-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"heading intro" "points brand";gap:44px 64px;align-items:start}
.cfy .wiley-heading{grid-area:heading}
.cfy .wiley.wiley-editorial h2{font-size:clamp(28px,3vw,38px);line-height:1.4;color:#252529;margin:0}
.cfy .wiley-intro{grid-area:intro}
.cfy .wiley-intro .eyebrow{color:#a2702b;margin-bottom:14px}
.cfy .wiley-intro p{font-size:15px;line-height:1.85;color:#66717a;margin:0}
.cfy .wiley-editorial .wiley-points{grid-area:points;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cfy .wiley-editorial .wiley-point{border-left:1px solid #e4d2ad;border-top:0;padding:0 0 0 16px}
.cfy .wiley-editorial .wiley-point strong{font-size:15px;line-height:1.65;color:#252529}
.cfy .wiley-editorial .wiley-point small{font-size:13px;line-height:1.8;color:#66717a;margin-top:9px}
.cfy .wiley-brand{grid-area:brand;display:flex;align-items:center;justify-content:flex-end;gap:28px;align-self:center}
.cfy .wiley-editorial .wiley-word{font-size:68px;line-height:1;color:#252529;letter-spacing:.035em;font-weight:600}
.cfy .wiley-editorial .year{font-size:34px;line-height:1.15;color:#a2702b}
.cfy .wiley-editorial .year small{font-size:9px;line-height:1.5;letter-spacing:.08em;color:#66717a;margin-top:8px}
@media(max-width:1000px){.cfy .wiley-layout{gap:36px}.cfy .wiley-editorial .wiley-points{gap:14px}.cfy .wiley-brand{gap:18px}.cfy .wiley-editorial .wiley-word{font-size:52px}.cfy .wiley-editorial .year{font-size:29px}}
@media(max-width:760px){
 .cfy .wiley.wiley-editorial{padding:58px 0}
 .cfy .wiley-layout{grid-template-columns:1fr;grid-template-areas:"heading" "intro" "points" "brand";gap:28px}
 .cfy .wiley-editorial .wiley-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .cfy .wiley-editorial .wiley-point{padding-left:10px}
 .cfy .wiley-editorial .wiley-point strong{font-size:13px}
 .cfy .wiley-editorial .wiley-point small{font-size:12px}
 .cfy .wiley-brand{justify-content:flex-end;padding-top:8px}
}

.cfy .wiley-brand .wiley-logo{display:block;width:min(260px,58%);height:auto;object-fit:contain;flex-shrink:1;min-width:0}
@media(max-width:1000px){.cfy .wiley-brand .wiley-logo{width:min(220px,58%)}}
@media(max-width:760px){.cfy .wiley-brand .wiley-logo{width:min(240px,58%)}}

/* Palette from the supplied Career Anchors DM: deep teal, slate, pale gray and red. */
.cfy{--navy:#204653;--navy2:#355c68;--gold:#355c68;--gold2:#b9cdd4;--paper:#f4f6f7;--paper2:#e9edef;--ink:#183641;--muted:#6d787e;--line:#d1dce0;--blue:#355c68}
.cfy .programs{--navy:#082e4d;--navy2:#0d456d;--burg:#8e2437;--gold:#bd8b37;--gold2:#d9b56e;--paper:#fbf7ef;--paper2:#f4eee3;--ink:#162431;--muted:#66717a;--line:#e5ddd0;--blue:#0d6fa8;--rose:#a82e45}
.cfy .hero-kicker{color:#355c68}
.cfy .hero-proof{color:#355c68}
.cfy .hero .dot{background:#e3ecef;color:#204653}
.cfy .why{background:linear-gradient(to bottom,rgba(53,92,104,.1),rgba(53,92,104,.045) 50%,rgba(53,92,104,0))}
.cfy .why .eyebrow{color:#355c68}
.cfy .why .why-card{border-color:#bdcfd6;background:rgba(255,255,255,.75)}
.cfy .why .why-icon,.cfy .why .why-card:nth-child(4) .why-icon{background:#e0ebef;color:#204653}
.cfy .anchors.anchors-editorial{background:linear-gradient(to bottom,#f0f4f5,#fff 70%)}
.cfy .anchors-heading .eyebrow,.cfy .anchors-unit-head span{color:#355c68}
.cfy .anchors-columns,.cfy .anchors-unit+.anchors-unit,.cfy .anchors-unit{border-color:#c9d6dc}
.cfy .anchors-license-bottom{background:#204653;color:#fff}
.cfy .anchors-application .report-zoom{color:#355c68}
.cfy .anchors-application .report-zoom:focus-visible{outline-color:#355c68}
.cfy .anchors-diagram .circle{color:#183641}
.cfy .anchors-diagram .c1{background:rgba(119,151,163,.42)}
.cfy .anchors-diagram .c2{background:rgba(207,215,222,.5)}
.cfy .anchors-diagram .c3{background:rgba(131,181,198,.43)}
.cfy .wiley.wiley-editorial{background:#e9edef}
.cfy .wiley-intro .eyebrow,.cfy .wiley-editorial .year{color:#355c68}
.cfy .wiley-editorial .wiley-point{border-color:#aebfc7}
.cfy .audience{background:#fff}
.cfy .audience .eyebrow,.cfy .path .eyebrow,.cfy .faq .eyebrow{color:#355c68}
.cfy .aud-card{border-color:#d1dce0;box-shadow:0 10px 28px rgba(32,70,83,.05)}
.cfy .aud-card h3{color:#204653}
.cfy .path{background:linear-gradient(to bottom,#f0f4f5,#fff)}
.cfy .path .step,.cfy .path .step.s2{background:#e9eff2;border-color:#cbd9df}
.cfy .path .step.s3{background:#fff;border-color:#cbd9df}
.cfy .path .step .num,.cfy .path .step.s2 .num,.cfy .path .step.s3 .num{background:#204653!important}
.cfy .path .arrow{color:#7c9ca9}
.cfy #cfyn-detail{--navy:#204653;--blue:#355c68;--burg:#355c68}
.cfy #cfyn-detail .eyebrow{color:#355c68}
.cfy #cfyn-detail article{border-color:#cbd9df!important;border-top-color:#355c68!important}
.cfy .faq-list details{border-color:#cbd9df}
.cfy .faq-list summary{color:#204653}
.cfy .final{background:#204653}
.cfy .final:after{background:linear-gradient(90deg,rgba(32,70,83,.97),rgba(32,70,83,.75),rgba(32,70,83,.9))}
.cfy .final .eyebrow{color:#c5d9e0!important}
.cfy .final p,.cfy .final .download small{color:#d9e5e9}
.cfy .final .btn-gold{background:#c2262b;color:#fff}
.cfy .final .btn-gold:hover{background:#a91f25}

.cfy .programs .eyebrow{color:#355c68}

/* Match every content-section heading to the approved Why heading. */
.cfy section:not(.hero) h2{font-size:clamp(27px,2.55vw,34px)!important;line-height:1.4!important;color:#252529!important;font-weight:700}
@media(max-width:1160px){.cfy section:not(.hero) h2{font-size:32px!important}}
@media(max-width:680px){.cfy section:not(.hero) h2{font-size:clamp(24px,6.3vw,32px)!important}}

/* Match the Career Anchors split-heading alignment. */
.cfy .wiley-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px}
.cfy .wiley-heading,.cfy .wiley-intro{align-self:center}
.cfy .wiley-heading .eyebrow{font-size:13px;line-height:1.5;letter-spacing:.08em;color:#355c68;margin-bottom:18px}
.cfy .wiley-intro p{font-size:16px;line-height:1.85;margin:0;text-align:left}
.cfy .wiley-editorial .wiley-point{border-left:0;border-top:0;padding-left:0}
@media(max-width:760px){
 .cfy .wiley-layout{grid-template-columns:1fr;row-gap:20px}
 .cfy .wiley-intro p{font-size:15px}
 .cfy .wiley-editorial .wiley-points{margin-top:12px}
 .cfy .wiley-editorial .wiley-point{padding-left:0;border-left:0}
}

/* Wiley: heading, introduction with logo, then three divided content columns. */
.cfy .wiley-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"heading heading" "intro brand" "points points";gap:28px 48px;align-items:center}
.cfy .wiley-heading{grid-area:heading}
.cfy .wiley-intro{grid-area:intro}
.cfy .wiley-brand{grid-area:brand;justify-content:flex-end;align-self:center;padding:0}
.cfy .wiley-brand .wiley-logo{width:min(290px,100%);max-width:100%;height:auto}
.cfy .wiley-editorial .wiley-points{grid-area:points;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:8px}
.cfy .wiley-editorial .wiley-point{border:0;padding:0 28px}
.cfy .wiley-editorial .wiley-point:first-child{padding-left:0}
.cfy .wiley-editorial .wiley-point:last-child{padding-right:0}
.cfy .wiley-editorial .wiley-point+.wiley-point{border-left:1px solid #aebfc7}
@media(max-width:760px){
 .cfy .wiley-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"heading heading" "intro brand" "points points";gap:24px 20px}
 .cfy .wiley-brand .wiley-logo{width:100%;max-width:190px}
 .cfy .wiley-intro p{font-size:14px;line-height:1.85}
 .cfy .wiley-editorial .wiley-point{padding:0 12px}
 .cfy .wiley-editorial .wiley-point:first-child{padding-left:0}
 .cfy .wiley-editorial .wiley-point:last-child{padding-right:0}
 .cfy .wiley-editorial .wiley-point+.wiley-point{border-left:1px solid #aebfc7}
}

/* Shared typography and spacing for content-section headings. */
.cfy section:not(.hero){--heading-label-gap:18px;--heading-copy-gap:18px;--heading-content-gap:32px}
.cfy section:not(.hero) .eyebrow,
.cfy .anchors-unit-head>span{
 font-size:12px!important;line-height:1.5!important;letter-spacing:.12em!important;font-weight:700!important;color:#355c68!important;
}
.cfy section:not(.hero) .eyebrow{margin:0 0 var(--heading-label-gap)!important}
.cfy section:not(.hero) h2{margin:0!important;font-size:clamp(27px,2.55vw,34px)!important;line-height:1.4!important;font-weight:700!important;letter-spacing:0!important;color:#252529!important}
.cfy .why .section-lead,.cfy .program-intro>p,.cfy .anchors-heading .anchors-summary,.cfy .wiley-intro>p,.cfy .audience-head .section-lead,.cfy .path-grid .section-lead{
 font-size:16px!important;line-height:1.85!important;font-weight:400!important;color:#66717a!important;
}
.cfy .why .section-lead,.cfy .program-intro>p,.cfy .audience-head .section-lead,.cfy .path-grid .section-lead{margin:var(--heading-copy-gap) 0 0!important}
.cfy .anchors-heading{margin-bottom:var(--heading-content-gap)!important;column-gap:48px}
.cfy .anchors-heading .anchors-summary{margin:0!important}
.cfy .wiley-layout{row-gap:var(--heading-copy-gap)}
.cfy .wiley-intro>p{margin:0!important}
.cfy .wiley-editorial .wiley-points{margin-top:14px}
.cfy .faq-list{margin-top:var(--heading-content-gap)}
.cfy .audience-head{margin-bottom:var(--heading-content-gap)}
@media(max-width:1160px){.cfy section:not(.hero) h2{font-size:32px!important}}
@media(max-width:760px){
 .cfy .anchors-heading{row-gap:var(--heading-copy-gap)}
 .cfy .why .section-lead,.cfy .program-intro>p,.cfy .anchors-heading .anchors-summary,.cfy .wiley-intro>p,.cfy .audience-head .section-lead,.cfy .path-grid .section-lead{font-size:15px!important;line-height:1.85!important}
}
@media(max-width:680px){.cfy section:not(.hero) h2{font-size:clamp(24px,6.3vw,32px)!important}}

/* Center the logo against the combined heading and subtitle area. */
.cfy .wiley-layout{grid-template-areas:"heading brand" "intro brand" "points points";align-items:start}
.cfy .wiley-brand{align-self:center;justify-self:stretch;justify-content:center}
.cfy .wiley-point-number{display:inline-block;margin-right:6px;color:#355c68;font-size:1.1em;line-height:1;vertical-align:baseline}
@media(max-width:760px){
 .cfy .wiley-layout{grid-template-areas:"heading brand" "intro brand" "points points"}
 .cfy .wiley-brand{align-self:center;justify-content:center}
 .cfy .wiley-point-number{margin-right:3px}
}

/* Less overlap between the three Career Anchors circles. */
.cfy .anchors-editorial .anchors-diagram .venn{width:286px;height:280px;flex-basis:286px}
.cfy .anchors-editorial .anchors-diagram .circle{width:140px;height:140px}
.cfy .anchors-editorial .anchors-diagram .c1{left:73px;top:10px}
.cfy .anchors-editorial .anchors-diagram .c2{left:16px;top:118px}
.cfy .anchors-editorial .anchors-diagram .c3{left:130px;top:118px}

/* Mobile Wiley section: title, subtitle, logo, then vertically divided points. */
@media(max-width:760px){
 .cfy .wiley-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "intro" "brand" "points";row-gap:18px}
 .cfy .wiley-heading,.cfy .wiley-intro,.cfy .wiley-brand{width:100%}
 .cfy .wiley-brand{justify-content:center;justify-self:stretch;align-self:center;padding:14px 0 20px}
 .cfy .wiley-brand .wiley-logo{width:min(240px,75%);max-width:100%;height:auto}
 .cfy .wiley-editorial .wiley-points{grid-template-columns:minmax(0,1fr);gap:0;margin-top:0}
 .cfy .wiley-editorial .wiley-point,.cfy .wiley-editorial .wiley-point:first-child,.cfy .wiley-editorial .wiley-point:last-child{padding:22px 0;border:0;text-align:left}
 .cfy .wiley-editorial .wiley-point:first-child{padding-top:0}
 .cfy .wiley-editorial .wiley-point:last-child{padding-bottom:0}
 .cfy .wiley-editorial .wiley-point+.wiley-point{border-left:0;border-top:1px solid #aebfc7}
 .cfy .wiley-editorial .wiley-point strong{font-size:16px;line-height:1.65}
 .cfy .wiley-editorial .wiley-point small{font-size:14px;line-height:1.85;margin-top:9px}
}

/* Audience portraits: circular images and original typography, without cards or hover effects. */
.cfy .audience-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:32px}
.cfy .audience .audience-head .section-lead{margin:0!important}
.cfy .audience-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:36px}
.cfy .audience .aud-card,.cfy .audience .aud-card:hover{border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible;transform:none;transition:none}
.cfy .audience .aud-top{height:auto;width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#edf2f4}
.cfy .audience .aud-top:after{display:none}
.cfy .audience .aud-top img,.cfy .audience .aud-card:hover .aud-top img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none;transition:none}
.cfy .audience .aud-card .inner{padding:22px 0 0;text-align:center}
@media(max-width:1000px){.cfy .audience-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.cfy .audience .aud-top{max-width:300px;margin:0 auto}}
@media(max-width:760px){.cfy .audience-head{grid-template-columns:1fr;gap:18px}.cfy .audience-cards{gap:28px 20px}.cfy .audience .aud-card .inner{padding-top:18px}}
@media(max-width:380px){.cfy .audience-cards{gap:26px 14px}}

/* Learning path: blue foundation, red advanced course, separate assessment treatment. */
.cfy .path .step.s2{background:#fbefef;border:1px solid #e8bfc1}
.cfy .path .step.s2 .num{background:#b52b35!important;color:#fff}
.cfy .path .step.s2 h3{color:#a32631}
.cfy .path .step.s2 p{color:#79575c}
.cfy .path .step.s3{background:#fff;border:1px dashed #697b84;border-radius:4px}
.cfy .path .step.s3 .num{background:#e8ecef!important;color:#34454e;border:1px solid #aebac0;border-radius:4px}
.cfy .path .step.s3 h3{color:#34454e}
.cfy #cfyn-detail #cfyc-detail{--burg:#a32631;background:#fffafa;border-color:#e8bfc1!important;border-top-color:#b52b35!important}
.cfy #cfyn-detail #cfyc-detail .eyebrow{color:#a32631!important}
.cfy #cfyn-detail #cfyc-detail h2{color:#a32631!important}
.cfy #cfyn-detail #cfyc-detail p strong{color:#a32631}

/* Integrated vertical learning path and full course syllabus. */
.cfy .path.path-integrated{background:linear-gradient(to bottom,#f0f4f5,#fff);padding:82px 0}
.cfy .learning-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr);gap:64px;align-items:start}
.cfy .learning-intro{position:sticky;top:156px}
.cfy .learning-intro .section-lead{font-size:16px;line-height:1.85;color:#66717a;margin:18px 0 0}
.cfy .learning-stages{min-width:0}
.cfy .learning-stage{--stage-color:#204653;--stage-border:#c3d5dd;--stage-paper:#eef4f6;background:var(--stage-paper);border:1px solid var(--stage-border);border-top:4px solid var(--stage-color);border-radius:12px;padding:30px 32px;scroll-margin-top:148px}
.cfy .learning-stage.stage-c{--stage-color:#a32631;--stage-border:#e8bfc1;--stage-paper:#fff6f6}
.cfy .learning-stage-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.cfy .learning-stage-number{width:32px;height:32px;display:grid;place-items:center;background:var(--stage-color);color:#fff;font-size:13px;font-weight:600;border-radius:50%;flex:none}
.cfy .learning-stage-hours{font-size:13px;font-weight:400;color:var(--stage-color)}
.cfy .learning-code{font-size:35px;font-weight:700;line-height:1.15;color:var(--stage-color)}
.cfy .learning-english{font-size:12px;color:#66717a;margin:6px 0 16px;line-height:1.5}
.cfy .learning-stage h3{font-size:23px;line-height:1.45;margin:0;color:var(--stage-color);font-weight:700}
.cfy .learning-syllabus{margin-top:24px;border-top:1px solid var(--stage-border);padding-top:20px}
.cfy .learning-syllabus p{font-size:14px;line-height:1.85;color:#58666e;margin:0 0 18px}
.cfy .learning-syllabus p:last-child{margin-bottom:0}
.cfy .learning-syllabus strong{display:inline-block;font-size:15px;font-weight:600;color:var(--stage-color);margin-bottom:3px}
.cfy .learning-entry{font-size:13px;line-height:1.75;color:#a32631;margin:14px 0 0}
.cfy .learning-connector{display:flex;align-items:center;justify-content:center;font-size:29px;color:#7c9ca9;height:52px;line-height:1}
.cfy .learning-stage.stage-assessment{--stage-color:#34454e;--stage-border:#b9c5cb;--stage-paper:#fff;border:1px dashed #697b84;border-radius:4px}
.cfy .stage-assessment .learning-stage-number{border-radius:4px;background:#e8ecef;color:#34454e;border:1px solid #aebac0}
@media(max-width:1000px){.cfy .learning-layout{gap:36px;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr)}.cfy .learning-stage{padding:28px}}
@media(max-width:760px){
 .cfy .path.path-integrated{padding:58px 0}
 .cfy .learning-layout{grid-template-columns:minmax(0,1fr);gap:32px}
 .cfy .learning-intro{position:static}
 .cfy .learning-intro .section-lead{font-size:15px}
 .cfy .learning-stage{padding:24px 22px;scroll-margin-top:110px}
 .cfy .learning-stage h3{font-size:21px}
 .cfy .learning-code{font-size:32px}
 .cfy .learning-stage-hours{font-size:12px}
 .cfy .learning-stage-top{gap:10px}
 .cfy .learning-connector{height:46px}
}

/* Compact course hierarchy and a two-by-two syllabus grid. */
.cfy .learning-stage-kicker{font-size:13px;font-weight:500;line-height:1.6;color:var(--stage-color)}
.cfy .learning-stage-top{margin-bottom:12px;flex-wrap:wrap;gap:6px 18px}
.cfy .learning-stage h3{font-size:25px;line-height:1.45}
.cfy .stage-n .learning-syllabus,.cfy .stage-c .learning-syllabus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px;margin-top:20px;padding-top:20px}
.cfy .stage-n .learning-syllabus p,.cfy .stage-c .learning-syllabus p{margin:0;font-size:14px;line-height:1.8}
.cfy .learning-stage{padding:26px 28px}
@media(max-width:760px){
 .cfy .learning-stage{padding:24px 20px}
 .cfy .learning-stage h3{font-size:22px}
 .cfy .learning-stage-kicker{font-size:12px}
 .cfy .stage-n .learning-syllabus,.cfy .stage-c .learning-syllabus{gap:20px 18px}
 .cfy .stage-n .learning-syllabus p,.cfy .stage-c .learning-syllabus p{font-size:13px}
 .cfy .learning-syllabus strong{font-size:14px}
}

/* White editorial course panels, inspired by the provided reference. */
.cfy .path-integrated .learning-stage{background:#fff;border:1px solid #e4e7e9;border-top:1px solid #e4e7e9;border-radius:4px;box-shadow:none;padding:32px}
.cfy .path-integrated .learning-stage.stage-c{background:#fff}
.cfy .path-integrated .learning-stage-kicker{font-size:12px;letter-spacing:.04em;color:#94999c;font-weight:600}
.cfy .path-integrated .learning-stage-hours{font-size:12px;color:#66717a;font-weight:400}
.cfy .path-integrated .learning-stage-top{margin-bottom:15px}
.cfy .path-integrated .learning-stage h3{font-size:26px;line-height:1.5;color:#252529;font-weight:700;letter-spacing:-.02em}
.cfy .path-integrated .learning-entry{font-size:13px;line-height:1.8;color:#66717a;margin-top:18px}
.cfy .path-integrated .stage-n .learning-syllabus,.cfy .path-integrated .stage-c .learning-syllabus{border-top:0;margin-top:26px;padding-top:0;gap:0 26px}
.cfy .path-integrated .stage-n .learning-syllabus p,.cfy .path-integrated .stage-c .learning-syllabus p{position:relative;border-bottom:1px solid #e4e7e9;padding:18px 0 18px 19px;margin:0;color:#58666e;font-size:14px;line-height:1.8}
.cfy .path-integrated .stage-n .learning-syllabus p:before,.cfy .path-integrated .stage-c .learning-syllabus p:before{content:"";position:absolute;top:26px;left:0;width:8px;height:8px;border-radius:50%;background:var(--stage-color)}
.cfy .path-integrated .learning-syllabus strong{color:#252529;font-weight:700;font-size:15px;line-height:1.65;margin-bottom:7px}
.cfy .path-integrated .stage-assessment{border:1px dashed #aebac0;background:#fff;border-radius:4px}
.cfy .path-integrated .stage-assessment .learning-syllabus{border-top:1px solid #e4e7e9}
@media(max-width:760px){
 .cfy .path-integrated .learning-stage{padding:26px 20px}
 .cfy .path-integrated .learning-stage h3{font-size:22px}
 .cfy .path-integrated .learning-stage-top{gap:6px 12px}
 .cfy .path-integrated .learning-stage-kicker{font-size:11px}
 .cfy .path-integrated .stage-n .learning-syllabus,.cfy .path-integrated .stage-c .learning-syllabus{gap:0 18px;margin-top:20px}
 .cfy .path-integrated .stage-n .learning-syllabus p,.cfy .path-integrated .stage-c .learning-syllabus p{font-size:13px;padding-left:15px}
 .cfy .path-integrated .learning-syllabus strong{font-size:14px}
 .cfy .path-integrated .stage-n .learning-syllabus p:before,.cfy .path-integrated .stage-c .learning-syllabus p:before{width:7px;height:7px;top:25px}
}

/* Rounded white panels with stronger stage-specific color accents. */
.cfy .path-integrated .learning-stage{border-radius:18px;overflow:hidden;background:#fff;border:1px solid #b9d0dc;border-top:6px solid #245d79}
.cfy .path-integrated .learning-stage.stage-n{--stage-color:#245d79;--stage-border:#bfd4df}
.cfy .path-integrated .learning-stage.stage-c{--stage-color:#b52b35;--stage-border:#ebc4c7;border-color:#e4b5b9;border-top:6px solid #b52b35;background:#fff}
.cfy .path-integrated .learning-stage.stage-assessment{--stage-color:#344e48;--stage-border:#c4d2cc;border:1px solid #aabfb5;border-top:6px solid #344e48;border-radius:18px;background:#fff}
.cfy .path-integrated .stage-n .learning-stage-kicker,.cfy .path-integrated .stage-n h3{color:#245d79}
.cfy .path-integrated .stage-c .learning-stage-kicker,.cfy .path-integrated .stage-c h3{color:#b52b35}
.cfy .path-integrated .stage-assessment h3{color:#344e48}
.cfy .path-integrated .learning-stage-hours{padding:5px 10px;border-radius:999px;background:#eaf2f7;color:#245d79}
.cfy .path-integrated .stage-c .learning-stage-hours{background:#fbecee;color:#b52b35}
.cfy .path-integrated .stage-assessment .learning-stage-hours{background:#eaf0ec;color:#344e48}
.cfy .path-integrated .stage-assessment .learning-stage-number{background:#344e48;color:#fff;border-color:#344e48;border-radius:50%}
.cfy .path-integrated .stage-n .learning-syllabus p{border-bottom-color:#cfdee6}
.cfy .path-integrated .stage-c .learning-syllabus p{border-bottom-color:#edd1d4}
.cfy .path-integrated .stage-assessment .learning-syllabus{border-top-color:#ccd9d2}

/* FAQ: title on the left, expandable answers on the right. */
.cfy .faq-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr);gap:64px;align-items:start}
.cfy .faq-heading{min-width:0}
.cfy .faq .faq-list{margin-top:0}
@media(max-width:1000px){.cfy .faq-layout{gap:36px;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr)}}
@media(max-width:760px){.cfy .faq-layout{grid-template-columns:minmax(0,1fr);gap:32px}.cfy .faq .faq-list{margin-top:0}}

/* Disclosure chevron at the far right of each FAQ question. */
.cfy .faq-list summary{position:relative;padding-right:32px}
.cfy .faq-list summary:after{content:"";position:absolute;right:2px;top:50%;width:9px;height:9px;border-right:1.5px solid #355c68;border-bottom:1.5px solid #355c68;transform:translateY(-70%) rotate(45deg);transition:transform .2s ease;pointer-events:none}
.cfy .faq-list details[open]>summary:after{transform:translateY(-25%) rotate(225deg)}
.cfy .faq-list summary:focus-visible{outline:2px solid #355c68;outline-offset:4px;border-radius:4px}
@media(prefers-reduced-motion:reduce){.cfy .faq-list summary:after{transition:none}}

/* Dark blue overlay fades from right to fully transparent at the left edge. */
.cfy .final{background:#fff}
.cfy .final>img{opacity:1}
.cfy .final:after{background:linear-gradient(to left,rgba(32,70,83,1) 0%,rgba(32,70,83,.65) 50%,rgba(32,70,83,0) 100%)}

.cfy .final>img{-webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.65) 50%,transparent 100%);mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,.65) 50%,transparent 100%)}

/* White behind the copy, deep blue behind download links. */
.cfy .final{background:linear-gradient(to right,#fff 0%,#fff 30%,#eef3f5 48%,#355c68 70%,#204653 100%);color:#252529}
.cfy .final>img,.cfy .final:after{display:none}
.cfy .final .eyebrow{color:#355c68!important}
.cfy .final p{color:#58666e}
.cfy .final .btn-outline{color:#252529!important;border-color:#252529!important;background:transparent}
.cfy .final .download{color:#fff;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.45)}
.cfy .final .download small{color:#e2edf1}
@media(max-width:1160px){
 .cfy .final .download{color:#204653;background:rgba(255,255,255,.92);border-color:#becfd7}
 .cfy .final .download small{color:#58666e}
}
@media(max-width:760px){.cfy .final{background:linear-gradient(to right,#fff 0%,#fff 25%,#edf3f5 60%,#355c68 100%)}.cfy .final-inner{gap:28px}}

/* Keep the photo visible beneath a white-to-blue overlay. */
.cfy .final>img{display:block;opacity:1;-webkit-mask-image:none;mask-image:none}
.cfy .final:after{display:block;background:linear-gradient(to right,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 30%,rgba(238,243,245,.82) 48%,rgba(53,92,104,.62) 70%,rgba(32,70,83,.88) 100%)}
@media(max-width:760px){.cfy .final:after{background:linear-gradient(to right,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 25%,rgba(237,243,245,.85) 60%,rgba(53,92,104,.72) 100%)}}

/* Shift the blue transition a little further left while retaining photo and copy contrast. */
.cfy .final:after{background:linear-gradient(to right,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 22%,rgba(238,243,245,.82) 40%,rgba(53,92,104,.62) 62%,rgba(32,70,83,.88) 100%)}
@media(max-width:760px){.cfy .final:after{background:linear-gradient(to right,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 18%,rgba(237,243,245,.85) 52%,rgba(53,92,104,.72) 100%)}}

/* Remove top color bands and internal divider lines across the learning path. */
.cfy .path-integrated .learning-stage,.cfy .path-integrated .learning-stage.stage-c,.cfy .path-integrated .learning-stage.stage-assessment{border-top-width:1px;border-top-style:solid}
.cfy .path-integrated .learning-stage .learning-syllabus{border-top:0}
.cfy .path-integrated .learning-stage .learning-syllabus p{border-bottom:0}
.cfy .path-integrated .stage-assessment .learning-syllabus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;margin-top:26px;padding-top:0}
.cfy .path-integrated .stage-assessment .learning-syllabus p{position:relative;padding:18px 0 18px 19px;margin:0;font-size:14px;line-height:1.8;color:#58666e}
.cfy .path-integrated .stage-assessment .learning-syllabus p:before{content:"";position:absolute;top:26px;left:0;width:8px;height:8px;border-radius:50%;background:var(--stage-color)}
@media(max-width:760px){
 .cfy .path-integrated .stage-assessment .learning-syllabus{gap:0 18px;margin-top:20px}
 .cfy .path-integrated .stage-assessment .learning-syllabus p{font-size:13px;padding-left:15px}
 .cfy .path-integrated .stage-assessment .learning-syllabus p:before{width:7px;height:7px;top:25px}
}

/* Compact course heading spacing and consistent card outlines. */
.cfy .path-integrated .learning-stage-top{margin-bottom:4px}
.cfy .path-integrated .learning-stage,.cfy .path-integrated .learning-stage.stage-c,.cfy .path-integrated .learning-stage.stage-assessment{border-color:#cbd5da}
.cfy .path-integrated .learning-stage h3{padding-bottom:18px;border-bottom:1px solid #dce3e7}
.cfy .path-integrated .stage-n .learning-syllabus,.cfy .path-integrated .stage-c .learning-syllabus,.cfy .path-integrated .stage-assessment .learning-syllabus{margin-top:8px}
@media(max-width:760px){.cfy .path-integrated .learning-stage-top{margin-bottom:4px}.cfy .path-integrated .learning-stage h3{padding-bottom:16px}}

.cfy .stage-assessment .learning-stage-top{justify-content:flex-end}

.cfy .anchors-editorial .anchors-columns{border-top:0}
.cfy .anchors-editorial .anchors-unit{border-top:0}

.cfy .why,.cfy .anchors.anchors-editorial,.cfy .path.path-integrated{background:#fff}

/* Stage-by-stage split layout inspired by the supplied reference. */
.cfy .path-split .learning-layout{display:block}
.cfy .path-split .learning-intro{position:static;max-width:720px;margin:0 0 40px}
.cfy .path-split .learning-intro .section-lead{margin-top:18px}
.cfy .path-split .learning-stage.split-stage{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:0;padding:0;border:1px solid #cbd5da;border-radius:18px;overflow:visible;background:#fff}
.cfy .stage-identity{padding:36px;background:#eef4f7;border-radius:17px 0 0 17px;min-width:0}
.cfy .stage-c .stage-identity{background:#fbeff0}
.cfy .stage-assessment .stage-identity{background:#edf2ef}
.cfy .stage-identity-inner{position:sticky;top:156px}
.cfy .stage-large-number{display:block;font-size:58px;line-height:1;font-weight:400;color:var(--stage-color);opacity:.32;margin-bottom:22px}
.cfy .stage-identity-code{font-size:40px;line-height:1.2;font-weight:700;letter-spacing:-.025em;color:var(--stage-color)}
.cfy .stage-assessment .stage-identity-code{font-size:31px}
.cfy .stage-identity-en{font-size:12px;line-height:1.65;color:#66717a;margin:12px 0 24px}
.cfy .path-split .learning-stage-hours{display:inline-block;font-size:13px;background:#fff;border:1px solid rgba(100,120,130,.15);font-weight:400}
.cfy .stage-body{padding:36px 38px;min-width:0}
.cfy .path-split .stage-body h3{font-size:25px;margin:0;padding:0 0 20px;border-bottom:1px solid #dce3e7;color:var(--stage-color)}
.cfy .path-split .stage-body .learning-syllabus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;margin-top:10px;padding-top:0;border:0}
.cfy .path-split .stage-body .learning-syllabus p{font-size:14px;line-height:1.85;margin:0;padding:18px 0 18px 19px;border:0;position:relative}
.cfy .path-split .stage-body .learning-syllabus p:before{content:"";position:absolute;left:0;top:27px;width:8px;height:8px;border-radius:50%;background:var(--stage-color)}
.cfy .stage-entry-detail{border-top:1px solid #eedbdd;margin-top:10px;padding-top:18px}
.cfy .stage-entry-detail p{font-size:13px;line-height:1.85;color:#66717a;margin:0}
.cfy .stage-entry-detail strong{color:#a32631;font-weight:600}
.cfy .path-split .learning-connector{height:48px}
@media(max-width:1000px){.cfy .stage-identity{padding:30px 26px}.cfy .stage-body{padding:30px 26px}.cfy .stage-identity-code{font-size:35px}.cfy .path-split .stage-body h3{font-size:23px}}
@media(max-width:760px){
 .cfy .path-split .learning-intro{margin-bottom:32px}
 .cfy .path-split .learning-stage.split-stage{grid-template-columns:minmax(0,1fr)}
 .cfy .stage-identity{padding:24px;border-radius:17px 17px 0 0}
 .cfy .stage-identity-inner{position:static;display:grid;grid-template-columns:auto 1fr;gap:7px 18px;align-items:center}
 .cfy .stage-large-number{grid-column:1;grid-row:1/3;font-size:48px;margin:0}
 .cfy .stage-identity-code{grid-column:2;font-size:29px}
 .cfy .stage-assessment .stage-identity-code{font-size:26px}
 .cfy .stage-identity-en{grid-column:2;font-size:11px;margin:0}
 .cfy .stage-identity .learning-stage-hours{grid-column:2;justify-self:start;font-size:12px;margin-top:8px}
 .cfy .stage-body{padding:24px 22px}
 .cfy .path-split .stage-body h3{font-size:22px;padding-bottom:16px}
 .cfy .path-split .stage-body .learning-syllabus{gap:0 18px}
 .cfy .path-split .stage-body .learning-syllabus p{font-size:13px;padding-left:15px}
 .cfy .path-split .stage-body .learning-syllabus p:before{width:7px;height:7px;top:26px}
}

/* Static stage introductions, restrained colors, and downward chevrons. */
.cfy .path-split .stage-identity-inner{position:static;top:auto}
.cfy .path-split .learning-stage.split-stage{border-color:#d4dde1}
.cfy .path-split .learning-stage.stage-n{--stage-color:#28586b;--stage-border:#d0dfe5}
.cfy .path-split .learning-stage.stage-c{--stage-color:#9f3845;--stage-border:#e8cdd2}
.cfy .path-split .learning-stage.stage-assessment{--stage-color:#53636c;--stage-border:#d2dbe0}
.cfy .path-split .stage-n .stage-identity{background:#eaf1f4}
.cfy .path-split .stage-c .stage-identity{background:#f7edef}
.cfy .path-split .stage-assessment .stage-identity{background:#eef1f3}
.cfy .path-split .stage-large-number{opacity:.45}
.cfy .path-split .stage-n .learning-stage-hours{background:#fff;color:#28586b;border-color:#cadce4}
.cfy .path-split .stage-c .learning-stage-hours{background:#fff;color:#9f3845;border-color:#e5cbd0}
.cfy .path-split .stage-assessment .learning-stage-hours{background:#fff;color:#53636c;border-color:#d0dae0}
.cfy .path-split .stage-body h3{color:var(--stage-color);border-bottom-color:#dce3e7}
.cfy .path-split .stage-entry-detail{border-top-color:#ead9dd}
.cfy .path-split .stage-entry-detail strong{color:#9f3845}
.cfy .path-split .learning-entry{color:#7b6268}
.cfy .path-split .learning-connector{height:48px;display:flex;align-items:center;justify-content:center}
.cfy .learning-chevron{display:block;width:14px;height:14px;border-right:2px solid #8199a5;border-bottom:2px solid #8199a5;transform:translateY(-4px) rotate(45deg)}

/* Stage number and course code share one line, English name below. */
.cfy .path-split .stage-identity-title{display:flex;align-items:baseline;gap:14px;flex-wrap:nowrap}
.cfy .path-split .stage-large-number{font-size:24px;line-height:1.2;margin:0;opacity:.65;font-weight:400;flex:none}
.cfy .path-split .stage-identity-code{font-size:36px;line-height:1.25;font-weight:700}
.cfy .path-split .stage-identity-en{margin:10px 0 22px}
.cfy .path-split .stage-identity .stage-entry-detail{margin-top:24px;padding-top:20px;border-top:1px solid #e2cdd2}
.cfy .path-split .stage-identity .stage-entry-detail p{font-size:13px;line-height:1.85;color:#6b5b60}
.cfy .path-split .stage-identity .stage-entry-detail strong{display:block;color:#9f3845;font-size:14px;margin-bottom:4px}
.cfy .path-split .stage-identity .stage-entry-detail br{display:none}
@media(max-width:760px){
 .cfy .path-split .stage-identity-inner{display:block}
 .cfy .path-split .stage-identity-title{gap:12px}
 .cfy .path-split .stage-large-number{font-size:22px}
 .cfy .path-split .stage-identity-code{font-size:30px}
 .cfy .path-split .stage-identity-en{margin:8px 0 16px}
 .cfy .path-split .stage-identity .learning-stage-hours{margin-top:0}
 .cfy .path-split .stage-identity .stage-entry-detail{margin-top:20px;padding-top:16px}
}

/* Mobile: single-column syllabus and stage hours aligned on the right. */
@media(max-width:760px){
 .cfy .path-split .stage-identity-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:8px;align-items:center}
 .cfy .path-split .stage-identity-title{grid-column:1;grid-row:1;gap:9px}
 .cfy .path-split .stage-identity-code{font-size:28px}
 .cfy .path-split .stage-large-number{font-size:20px}
 .cfy .path-split .stage-identity-en{grid-column:1/-1;grid-row:2;margin:0}
 .cfy .path-split .stage-identity .learning-stage-hours{grid-column:2;grid-row:1;justify-self:end;align-self:center;margin:0;padding:5px 8px;font-size:11px;white-space:nowrap}
 .cfy .path-split .stage-identity .stage-entry-detail{grid-column:1/-1;grid-row:3;margin-top:12px}
 .cfy .path-split .stage-body .learning-syllabus{grid-template-columns:minmax(0,1fr);gap:0}
}
@media(max-width:360px){
 .cfy .path-split .stage-identity{padding:22px 18px}
 .cfy .path-split .stage-identity-inner{column-gap:8px}
 .cfy .path-split .stage-identity-code{font-size:25px}
 .cfy .path-split .stage-large-number{font-size:18px}
 .cfy .path-split .stage-identity .learning-stage-hours{font-size:10px;padding:5px 7px}
}

/* Keep the mobile legal links and copyright on a single row. */

/* Align the path subtitle to the right like preceding split headings. */
.cfy .path-split .learning-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;max-width:none;margin-bottom:40px}
.cfy .path-split .learning-intro .section-lead{margin:0!important;font-size:16px;line-height:1.85}
/* Shared body-copy scale matches section subtitles; headings and controls stay distinct. */
.cfy{--body-copy-size:16px}
.cfy p,
.cfy .section-lead,
.cfy .hero-lead,
.cfy .anchor-intro,
.cfy .report-meta,
.cfy .anchors-unit-copy,
.cfy .program-intro>p,
.cfy .program-list,
.cfy .program-list span,
.cfy .program-en,
.cfy .learning-english,
.cfy .stage-identity-en,
.cfy .learning-entry,
.cfy .learning-syllabus p,
.cfy .learning-syllabus strong,
.cfy .stage-entry-detail p,
.cfy .stage-entry-detail strong,
.cfy .wiley-point small,
.cfy .wiley-point strong,
.cfy .faq-list summary,
.cfy .download small{font-size:var(--body-copy-size)!important}
@media(max-width:760px){
 .cfy{--body-copy-size:15px}
 .cfy .path-split .learning-intro{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:32px}
 .cfy .path-split .learning-intro .section-lead{margin:0!important}
}


/* ---- 與本站同名 class 的衝突壓回 ---- */
.cfy{background:#fff} /* 原頁 body 底色（本站是 paper 色） */
.cfy .hero-grid{background-image:none} /* 本站 site.css 的 .hero-grid 是格線底圖 */
.cfy .hero-copy h1{max-width:none} /* 本站 site.css 的 .hero-copy h1 */
.cfy section[id]{scroll-margin-top:92px} /* 原頁的頁首高 128px，本站頁首 76px，錨點定位改用本站的距離 */