.tmcss-staff{--ink:#183249;--text:#3f5262;--blue:#315c7d;--gold:#b68c5a;--line:#dce3e8;--soft:#f4f4f4;--warm:#f8f6f2}
.tmcss-staff,.tmcss-staff *{box-sizing:border-box}
.tmcss-staff{margin:0;background:#fff;color:var(--text);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased}
.tmcss-staff a{color:var(--blue);text-underline-offset:5px}
.tmcss-staff a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}
.tmcss-staff h1,.tmcss-staff h2,.tmcss-staff h3,.tmcss-staff p{margin:0}
.tmcss-staff h1,.tmcss-staff h2,.tmcss-staff h3{color:var(--ink);line-height:1.4}
.tmcss-staff h1{font-size:clamp(34px,4.3vw,56px);font-weight:700;letter-spacing:.02em}
.tmcss-staff h2{font-size:clamp(28px,3vw,36px);font-weight:700;letter-spacing:.02em}
.tmcss-staff h3{font-size:22px;font-weight:600}
.tmcss-staff p+p{margin-top:12px}
.tmcss-staff .wrap{max-width:1184px;padding:0 40px;margin:0 auto}
.tmcss-staff .section{padding:88px 0;border-top:1px solid var(--line)}
.tmcss-staff .eyebrow{color:var(--blue);font-size:14px;letter-spacing:.14em;font-weight:600;line-height:1.6;margin-bottom:18px}
.tmcss-staff .intro{font-size:20px;line-height:1.8;max-width:640px;margin-top:22px}
.tmcss-staff .muted{color:#637382}
.tmcss-staff .hero{padding:76px 0 54px}
.tmcss-staff .hero-grid{display:flex;align-items:center;gap:30px}
.tmcss-staff .hero-copy{flex:1.2}
.tmcss-staff .hero-art{flex:1;min-width:0}
.tmcss-staff .hero-art img{width:100%;display:block}
.tmcss-staff .hero h1 span{display:block}
.tmcss-staff .hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}
.tmcss-staff .button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--ink);color:#fff;text-decoration:none;padding:13px 24px;font-size:16px;font-weight:600;line-height:1.6;transition:background .15s}
.tmcss-staff .button:hover{background:var(--blue)}
.tmcss-staff .text-link{font-size:16px;font-weight:600}
.tmcss-staff .focus-list{display:flex;gap:36px;margin-top:44px;padding-top:32px;border-top:1px solid var(--line)}
.tmcss-staff .focus-list article{flex:1}
.tmcss-staff .focus-list h2{font-size:21px;margin-bottom:10px}
.tmcss-staff .focus-list p{font-size:15px;line-height:1.8}
.tmcss-staff .two-col{display:flex;gap:76px;align-items:flex-start}
.tmcss-staff .sidebar{flex:0 0 33%}
.tmcss-staff .main-col{flex:1;min-width:0}
.tmcss-staff .section-art{width:100%;max-width:340px;display:block;margin:24px auto 0;mix-blend-mode:multiply}
.tmcss-staff .roles article{padding:27px 0;border-bottom:1px solid var(--line)}
.tmcss-staff .roles article:first-child{padding-top:0}
.tmcss-staff .roles article:last-child{border-bottom:0;padding-bottom:0}
.tmcss-staff .role-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:12px}
.tmcss-staff .role-head span{font-size:14px;color:var(--blue);flex-shrink:0}
.tmcss-staff .roles ul{padding-left:1.25em;margin:0;font-size:16px;line-height:1.9}
.tmcss-staff .roles li+li{margin-top:6px}
.tmcss-staff .feature{display:flex;gap:64px;align-items:center}
.tmcss-staff .feature-copy{flex:1.3;min-width:0}
.tmcss-staff .feature-art{flex:1;min-width:0}
.tmcss-staff .feature-art img{width:100%;max-width:400px;margin:auto;display:block;mix-blend-mode:multiply}
.tmcss-staff .highlight{color:var(--blue);font-size:22px;font-weight:600;margin-top:26px}
.tmcss-staff .partners{display:flex;flex-wrap:wrap;gap:0;margin:25px 0 0;padding:0;list-style:none}
.tmcss-staff .partners li{width:50%;padding:12px 8px 12px 0;border-bottom:1px solid var(--line);font-size:16px}
.tmcss-staff .soft{background:var(--soft)}
.tmcss-staff .digital-list{margin:28px 0 0}
.tmcss-staff .digital-list div{display:flex;gap:24px;padding:17px 0;border-bottom:1px solid var(--line)}
.tmcss-staff .digital-list dt{font-weight:600;color:var(--ink);flex:0 0 90px}
.tmcss-staff .digital-list dd{margin:0}
.tmcss-staff .note{font-size:13px;color:#617380;margin-top:20px}
.tmcss-staff .note strong{font-weight:500;color:var(--blue)}
.tmcss-staff .calendar-heading{display:flex;justify-content:space-between;align-items:center;gap:36px}
.tmcss-staff .calendar-heading img{width:190px;height:170px;object-fit:contain}
.tmcss-staff .dates{display:flex;gap:40px;margin-top:26px}
.tmcss-staff .date{flex:1;padding-top:24px;border-top:2px solid var(--gold);color:var(--ink)}
.tmcss-staff .date .year{display:block;font-size:17px;color:var(--blue);margin-bottom:5px}
.tmcss-staff .date .day{display:block;font-size:clamp(26px,3vw,38px);font-weight:600;line-height:1.5;letter-spacing:.02em}
.tmcss-staff .induction h2{margin-bottom:22px}
.tmcss-staff .induction .intro{font-size:24px;font-weight:500;color:var(--ink);margin:0 0 20px}
.tmcss-staff .induction .feature-art{flex:1.1}
.tmcss-staff .induction .feature-art img{max-width:390px}
.tmcss-staff .cycle-heading{display:flex;align-items:center;justify-content:space-between;gap:28px}
.tmcss-staff .cycle-heading img{width:230px;display:block}
.tmcss-staff .cycle-heading .intro{font-size:17px}
.tmcss-staff .steps{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;column-gap:48px}
.tmcss-staff .steps li{width:calc(50% - 24px);padding:24px 0;border-top:1px solid var(--line)}
.tmcss-staff .steps li:last-child{width:100%;max-width:760px}
.tmcss-staff .steps h3{font-size:20px;margin-bottom:9px}
.tmcss-staff .steps p{font-size:16px;max-width:600px}
.tmcss-staff .resources{background:var(--soft);padding:70px 0 80px}
.tmcss-staff .resources .feature{flex-direction:row-reverse}
.tmcss-staff .resources .feature-art img{max-width:340px}
.tmcss-staff .resources h2{margin-bottom:20px}
.tmcss-staff .resources .intro{font-size:22px;color:var(--ink);margin-top:0;margin-bottom:18px}
.tmcss-staff .resources .button{margin-top:28px}
.tmcss-staff .resources .provider{display:block;margin-top:10px;font-size:13px;color:#647483}
.tmcss-staff .skip{position:absolute;left:16px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:3}
.tmcss-staff .skip:focus{top:16px}
.tmcss-staff .arrow{font-family:Arial,sans-serif;font-size:20px;line-height:1}
@media(min-width:1400px){.tmcss-staff .hero{padding-top:88px}}
@media(max-width:900px){.tmcss-staff .wrap{padding:0 28px}
.tmcss-staff .two-col{gap:40px}
.tmcss-staff .feature{gap:36px}
.tmcss-staff .role-head{display:block}
.tmcss-staff .role-head span{display:block;margin-top:5px}
.tmcss-staff .sidebar{flex-basis:32%}
.tmcss-staff .hero-art{flex:.85}
.tmcss-staff .focus-list{gap:24px}
.tmcss-staff .digital-list div{gap:16px}
.tmcss-staff .dates{gap:28px}}
@media(max-width:680px){.tmcss-staff{font-size:16px;line-height:1.85}
.tmcss-staff .wrap{padding:0 24px}
.tmcss-staff .hero{padding:42px 0}
.tmcss-staff .hero-grid{display:block}
.tmcss-staff .hero-art{max-width:330px;margin:18px auto 0}
.tmcss-staff .hero h1{font-size:34px}
.tmcss-staff .eyebrow{font-size:12px;letter-spacing:.1em}
.tmcss-staff .intro{font-size:18px;margin-top:18px}
.tmcss-staff .hero-actions{gap:20px;margin-top:24px}
.tmcss-staff .focus-list{display:block;margin-top:26px;padding-top:24px}
.tmcss-staff .focus-list article+article{margin-top:24px}
.tmcss-staff .focus-list h2{font-size:20px;margin-bottom:6px}
.tmcss-staff .focus-list p{font-size:16px}
.tmcss-staff .section{padding:54px 0}
.tmcss-staff .two-col,.tmcss-staff .feature{display:flex;flex-direction:column;gap:30px;align-items:stretch}
.tmcss-staff .sidebar{flex:auto}
.tmcss-staff .section-art{max-width:200px;margin-top:16px}
.tmcss-staff .role-head{display:block}
.tmcss-staff .roles ul{font-size:16px}
.tmcss-staff .roles article{padding:22px 0}
.tmcss-staff .feature-art{flex:auto}
.tmcss-staff .feature-art img{max-width:280px}
.tmcss-staff .highlight{font-size:20px}
.tmcss-staff .partners li{width:50%;font-size:15px}
.tmcss-staff .digital-list div{gap:16px}
.tmcss-staff .digital-list dt{flex-basis:80px}
.tmcss-staff .digital-list dd{font-size:16px}
.tmcss-staff .calendar-heading{gap:18px}
.tmcss-staff .calendar-heading img{width:108px;height:110px}
.tmcss-staff .dates{display:block;margin-top:24px}
.tmcss-staff .date{padding:19px 0;display:flex;align-items:baseline;gap:24px}
.tmcss-staff .date .year{font-size:16px;margin:0}
.tmcss-staff .date .day{font-size:30px}
.tmcss-staff .date+.date{border-top:1px solid var(--line)}
.tmcss-staff .induction .intro{font-size:22px}
.tmcss-staff .cycle-heading{display:block}
.tmcss-staff .cycle-heading img{width:200px;margin:18px auto 0}
.tmcss-staff .steps{display:block;margin-top:24px}
.tmcss-staff .steps li,.tmcss-staff .steps li:last-child{width:100%;padding:22px 0}
.tmcss-staff .steps h3{font-size:20px}
.tmcss-staff .resources{padding:54px 0}
.tmcss-staff .resources .feature{flex-direction:column}
.tmcss-staff .resources .feature-art img{max-width:270px}
.tmcss-staff .resources .intro{font-size:20px}
.tmcss-staff .resources .button{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.tmcss-staff .button{transition:none}}
@media print{.tmcss-staff{font-size:12pt}
.tmcss-staff .wrap{max-width:none}
.tmcss-staff .hero,.tmcss-staff .section,.tmcss-staff .resources{padding:20px 0}
.tmcss-staff img{max-height:170px;object-fit:contain}
.tmcss-staff .focus-list{margin-top:12px}
.tmcss-staff .button{background:none;color:var(--ink);padding:0;text-decoration:underline}
.tmcss-staff .hero-actions,.tmcss-staff .skip{display:none}
.tmcss-staff .section{break-inside:avoid}
.tmcss-staff .roles article,.tmcss-staff .steps li,.tmcss-staff .date{break-inside:avoid}}
.tmcss-staff img{display:block;max-width:100%;height:auto}
.tmcss-staff .art{position:relative;overflow:hidden;max-width:100%;flex-shrink:0;margin:0 auto;mix-blend-mode:multiply}
.tmcss-staff .art.art-lighthouse,.tmcss-staff .art.art-telescope,.tmcss-staff .art.art-evidence,.tmcss-staff .art.art-digital,.tmcss-staff .art.art-development,.tmcss-staff .art.art-induction,.tmcss-staff .art.art-cycle,.tmcss-staff .art.art-resources{max-width:100%}
.tmcss-staff .art.art-lighthouse > img,.tmcss-staff .art.art-telescope > img,.tmcss-staff .art.art-evidence > img,.tmcss-staff .art.art-digital > img,.tmcss-staff .art.art-development > img,.tmcss-staff .art.art-induction > img,.tmcss-staff .art.art-cycle > img,.tmcss-staff .art.art-resources > img{position:absolute;display:block;height:auto;max-width:none;max-height:none;object-fit:initial;margin:0;mix-blend-mode:normal}
.tmcss-staff .hero-grid{gap:56px}
.tmcss-staff .hero-copy{flex:1;min-width:0}
.tmcss-staff .hero-art{flex:0 0 340px;max-width:34%;min-width:0}
.tmcss-staff .feature-copy{flex:1;max-width:680px}
.tmcss-staff .feature-art{flex:0 0 300px;max-width:32%}
.tmcss-staff .induction .feature-art{flex:0 0 300px}
.tmcss-staff .resources .feature-art{flex:0 0 300px}
.tmcss-staff .section{padding:72px 0}
.tmcss-staff .hero{padding:68px 0 48px}
.tmcss-staff .two-col{gap:56px}
.tmcss-staff .wrap{max-width:1120px}
.tmcss-staff .sidebar .art{margin:26px auto 0}
.tmcss-staff .calendar-heading{min-height:130px}
.tmcss-staff .calendar-heading .art{margin:0;flex-shrink:0}
.tmcss-staff .cycle-heading .art{margin:0;flex-shrink:0}
.tmcss-staff .resources{padding:64px 0 72px}
.tmcss-staff .art.art-lighthouse{width:340px;aspect-ratio:1182/900;}
.tmcss-staff .art.art-lighthouse > img{width:141.45516074%;left:-41.45516074%;top:-3.88888889%;}
.tmcss-staff .art.art-telescope{width:145px;aspect-ratio:540/900;}
.tmcss-staff .art.art-telescope > img{width:309.62962963%;left:-111.11111111%;top:-2.77777778%;}
.tmcss-staff .art.art-evidence{width:264px;aspect-ratio:1220/1170;}
.tmcss-staff .art.art-evidence > img{width:102.78688525%;left:-1.63934426%;top:-1.28205128%;}
.tmcss-staff .art.art-digital{width:300px;aspect-ratio:1234/840;}
.tmcss-staff .art.art-digital > img{width:101.62074554%;left:-0.81037277%;top:-26.19047619%;}
.tmcss-staff .art.art-development{width:154px;aspect-ratio:1254/1010;}
.tmcss-staff .art.art-development > img{width:100.00000000%;left:0.00000000%;top:-13.86138614%;}
.tmcss-staff .art.art-induction{width:290px;aspect-ratio:1190/1060;}
.tmcss-staff .art.art-induction > img{width:105.37815126%;left:-3.36134454%;top:-9.90566038%;}
.tmcss-staff .art.art-cycle{width:248px;aspect-ratio:1080/800;}
.tmcss-staff .art.art-cycle > img{width:154.81481481%;left:-52.77777778%;top:-11.25000000%;}
.tmcss-staff .art.art-resources{width:280px;aspect-ratio:1195/1060;}
.tmcss-staff .art.art-resources > img{width:104.93723849%;left:-2.51046025%;top:-8.96226415%;}
@media(max-width:1000px){.tmcss-staff .hero-grid{gap:32px}
.tmcss-staff .hero-art{flex-basis:290px}
.tmcss-staff .hero-art .art{width:290px}
.tmcss-staff .feature{gap:40px}
.tmcss-staff .feature-art,.tmcss-staff .induction .feature-art,.tmcss-staff .resources .feature-art{flex-basis:250px;max-width:32%}
.tmcss-staff .feature-art .art{max-width:100%}
.tmcss-staff .two-col{gap:40px}}
@media(max-width:800px){.tmcss-staff .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:26px}
.tmcss-staff .hero-art{flex:none;max-width:none;width:100%;margin:0}
.tmcss-staff .hero-art .art{width:250px}
.tmcss-staff .two-col,.tmcss-staff .feature,.tmcss-staff .resources .feature{flex-direction:column;align-items:stretch;gap:30px}
.tmcss-staff .sidebar,.tmcss-staff .feature-art,.tmcss-staff .induction .feature-art,.tmcss-staff .resources .feature-art{flex:none;max-width:none;width:100%}
.tmcss-staff .sidebar .art{width:110px;margin:20px auto 0}
.tmcss-staff .feature-art .art{width:220px}
.tmcss-staff .section{padding:54px 0}
.tmcss-staff .cycle-heading .art{width:190px;margin:0}
.tmcss-staff .calendar-heading .art{width:126px}}
@media(max-width:680px){.tmcss-staff .hero{padding:40px 0}
.tmcss-staff .hero-grid{gap:26px}
.tmcss-staff .hero-art .art{width:230px}
.tmcss-staff .feature-art .art{width:210px}
.tmcss-staff .calendar-heading{min-height:90px;gap:16px}
.tmcss-staff .calendar-heading .art{width:104px}
.tmcss-staff .cycle-heading .art{width:190px;margin:20px auto 0}
.tmcss-staff .section,.tmcss-staff .resources{padding:48px 0}
.tmcss-staff .two-col,.tmcss-staff .feature{gap:26px}
.tmcss-staff .sidebar .art{width:110px}
.tmcss-staff .focus-list{margin-top:30px}}
@media(max-width:380px){.tmcss-staff .wrap{padding:0 20px}
.tmcss-staff .hero h1{font-size:30px}
.tmcss-staff .hero-actions{gap:16px}
.tmcss-staff .button{padding:12px 18px}
.tmcss-staff .calendar-heading .art{width:90px}
.tmcss-staff .calendar-heading h2{font-size:25px}}
@media print{.tmcss-staff .art.art-lighthouse,.tmcss-staff .art.art-telescope,.tmcss-staff .art.art-evidence,.tmcss-staff .art.art-digital,.tmcss-staff .art.art-development,.tmcss-staff .art.art-induction,.tmcss-staff .art.art-cycle,.tmcss-staff .art.art-resources{max-width:180px}
.tmcss-staff .art.art-lighthouse > img,.tmcss-staff .art.art-telescope > img,.tmcss-staff .art.art-evidence > img,.tmcss-staff .art.art-digital > img,.tmcss-staff .art.art-development > img,.tmcss-staff .art.art-induction > img,.tmcss-staff .art.art-cycle > img,.tmcss-staff .art.art-resources > img{max-height:none;height:auto}}