:root{--ink:#142d2a;--green:#244d40;--lime:#d5eb9a;--paper:#f7f7f0;--muted:#60716a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Microsoft JhengHei',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,summary{touch-action:manipulation}a:hover{text-decoration:underline}button{cursor:pointer}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:20}header{position:sticky;top:0;z-index:10;background:#f7f7f0f5;backdrop-filter:blur(12px);padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce1d7}.brand{display:flex;gap:18px;align-items:center;line-height:1.1}.brand b{font-family:serif;font-size:29px;letter-spacing:7px}.brand b span{display:block;font:8px Arial;letter-spacing:1px;margin-top:5px}.brand i{height:35px;width:1px;background:#bbc5b9}.brand strong{font-size:10px;letter-spacing:1.5px}nav{display:flex;gap:28px;font-size:13px}#language{border:1px solid #b8c4b7;background:transparent;border-radius:30px;padding:9px 18px;font-size:12px}.hero{padding:66px 5% 60px;display:grid;grid-template-columns:1fr 1fr;gap:5%;min-height:650px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;margin:0 0 25px}h1{font-size:clamp(48px,5.7vw,86px);line-height:1.04;letter-spacing:-4px;margin:0 0 25px;font-weight:500}h1 em{font-family:Georgia,serif;color:#608355;font-weight:400}.intro{font-size:16px;max-width:390px;color:var(--muted);margin-bottom:30px}.button{display:inline-block;background:var(--green);color:white;border-radius:4px;padding:15px 23px;font-size:13px}.text-link{display:block;margin-top:20px;font-size:12px}.hero-art{background:#dfe8d8;border-radius:180px 180px 8px 8px;overflow:hidden;position:relative;min-height:490px;padding:26px 26px 0;display:flex;flex-direction:column}.art-label{font-size:11px;padding:15px 15px 23px;letter-spacing:2px;display:flex;justify-content:space-between}.hero-art img{width:100%;height:280px;object-fit:cover;border-radius:130px 130px 0 0}.art-caption{padding:24px 8px}.art-caption span{font-size:9px;letter-spacing:2px}.art-caption b{display:block;font:32px Georgia,serif;margin:6px 0}.art-caption small{font-size:9px;color:#52654c}.ribbon{background:var(--green);color:#e8f1db;padding:20px 5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}section:not(.hero){padding:85px 5%}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:35px}h2{font:48px/1.12 Georgia,'Microsoft JhengHei',serif;letter-spacing:-1.5px;margin:0}.section-head>p{max-width:380px;color:var(--muted);font-size:14px}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbd5c6;border-bottom:1px solid #cbd5c6}.features article{padding:30px 30px 30px 0}.features article+article{padding-left:30px;border-left:1px solid #cbd5c6}.features span{font-size:10px;letter-spacing:2px;color:#66845c}h3{font-size:22px;font-weight:500;margin:14px 0}article p{font-size:13px;color:var(--muted)}.source{display:block;font-size:11px;color:var(--muted);margin-top:18px}.curriculum{background:#eaf0e5}.outline{padding:12px 20px;border:1px solid #a3b49a;border-radius:4px;white-space:nowrap;font-size:12px}.credit-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:25px 0;border-top:1px solid #bfceba;border-bottom:1px solid #bfceba}.credit-strip b{font:36px Georgia,serif;display:block}.credit-strip span{font-size:11px}.note{font-size:12px;color:var(--muted);max-width:900px}.filters{display:flex;gap:12px;margin-top:30px}.filters label{flex:1}.filters label.search{flex:2}.filters span{display:block;font-size:10px;letter-spacing:1px;margin-bottom:7px}.filters select,.filters input{width:100%;padding:12px;background:var(--paper);border:1px solid #cad4c5;border-radius:4px;color:var(--ink);min-width:0}#count{font-size:11px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.course{background:var(--paper);border:1px solid #d4dece;border-radius:5px;padding:21px}.course .meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.course h3{font-size:18px;line-height:1.3;margin:18px 0 5px}.course .chinese{font-size:12px;color:var(--muted);min-height:20px}.course .tag{font-size:10px;border:1px solid #cbd8c4;border-radius:20px;padding:3px 8px;display:inline-block;margin:14px 0}.course summary{font-size:11px;cursor:pointer}.course details p{font-size:12px}.requirements{border-block:1px solid #bfceba;padding:20px 0;margin-top:28px;font-size:13px}.requirements summary{cursor:pointer;font-weight:bold}.requirements li{margin:8px 0}.teacher-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.teacher img{width:100%;height:220px;object-fit:cover;object-position:top;background:#e5e9df;border-radius:3px;filter:saturate(.65)}.teacher h3{font-size:19px;margin-bottom:2px}.teacher .cn{font-size:12px;color:var(--muted)}.teacher .role{font-size:10px;letter-spacing:.5px;color:#63805a;margin-top:10px}.teacher p{min-height:58px;font-size:12px}.teacher a{font-size:11px}.teacher .email{display:block;overflow-wrap:anywhere;margin-top:8px;color:var(--muted)}.start{background:#e5eadd}.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.start-grid article{border-top:1px solid #b6c5ac;padding-top:20px}.start-grid b{font:italic 30px Georgia;color:#749065}.start-grid a{font-size:12px;text-decoration:underline}footer{background:#173d31;color:#e9f0df;padding:55px 5% 30px}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}footer .button{background:var(--lime);color:var(--ink)}footer p{font-size:12px}footer small{font-size:10px;color:#bbccb5}body.zh h1{letter-spacing:-2px;font-size:clamp(46px,5.5vw,76px);line-height:1.2}body.zh h2{line-height:1.35;font-size:40px;letter-spacing:0}body.zh h1 em{font-style:normal}@media(min-width:1500px){main,header,footer{padding-inline:calc((100vw - 1400px)/2 + 65px)}main{padding:0}.hero,section:not(.hero){padding-inline:max(5%,calc((100vw - 1300px)/2))}}@media(max-width:900px){nav{gap:15px}.hero{gap:25px}.hero-art{min-height:430px;padding:16px 16px 0}.hero-art img{height:230px}.teacher-grid{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}h1{letter-spacing:-2px}.brand strong,.brand i{display:none}}@media(max-width:600px){header{padding:14px 5%;flex-wrap:wrap;gap:12px}.brand b{font-size:23px}nav{order:3;width:100%;justify-content:space-between;font-size:12px}.hero{grid-template-columns:1fr;padding-top:35px;gap:35px}.hero-art{min-height:400px}.hero-art img{height:240px}.ribbon{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:8px}.section-head{display:block}h2{font-size:36px}.section-head .outline{display:inline-block;margin-top:10px}.features,.course-grid,.start-grid{grid-template-columns:1fr}.features article+article{border-left:0;border-top:1px solid #cbd5c6;padding-left:0}.filters{flex-wrap:wrap}.filters label{flex:1 0 40%}.filters label.search{flex:1 0 100%}.credit-strip{grid-template-columns:1fr 1fr;gap:25px}.teacher-grid{gap:20px}.teacher img{height:180px}.teacher h3{font-size:16px}section:not(.hero){padding-block:55px}.footer-top{display:block}.footer-top a{margin-top:25px}.eyebrow{font-size:9px}.teacher p{min-height:80px}body.zh h2{font-size:31px}}
.art-label{justify-content:center;gap:25px;position:relative;top:16px;font-size:9px;letter-spacing:1px;padding-bottom:28px}.hero-art{border-radius:130px 130px 8px 8px}

body.zh .section-head>h2{flex:1}body.zh h2{font-size:34px}body.zh .features h3{font-size:19px}.features{gap:0}@media(max-width:600px){body.zh h2{font-size:30px}}
.hero{display:flex;align-items:center;min-height:700px;background:#f9fbfd url('usc-guide-20261029-v2-campus-sketch-tw-bus-logo.png') center center/cover no-repeat;padding-block:75px;position:relative}.hero-copy{width:53%;position:relative;z-index:1}.hero h1{color:#172e50;font-size:clamp(52px,5.6vw,84px)}.hero h1 em{color:#46668a}.hero .eyebrow{color:#4d6681}.hero .intro{color:#4f627b;max-width:420px}.hero .button{background:#203e65}.hero .text-link{color:#203e65}.hero-art{display:none}header{background:#f9fbfdf5;color:#1c3657;border-color:#dce4ed}.hero .eyebrow{max-width:470px}.ribbon{background:#203e65;color:#edf3fa}body.zh .hero h1{font-size:clamp(48px,5.4vw,76px)}@media(min-width:1500px){.hero{min-height:780px}}@media(max-width:900px){.hero{min-height:640px;background-position:58% center}.hero-copy{width:62%}.hero h1{font-size:58px}}@media(max-width:600px){.hero{min-height:760px;align-items:flex-start;padding-top:46px;padding-bottom:220px;background-size:auto 530px;background-position:62% bottom;background-repeat:no-repeat}.hero-copy{width:100%}.hero h1{font-size:52px}.hero .intro{max-width:330px}.hero .eyebrow{max-width:310px;font-size:9px}body.zh .hero h1{font-size:48px}}

.course-grid>*,.teacher-grid>*{min-width:0}.course h3,.teacher h3{overflow-wrap:anywhere}.filters label{min-width:0}nav a{min-height:44px;display:inline-flex;align-items:center}.requirements{overflow-wrap:anywhere}@media(max-width:600px){.filters input,.filters select{font-size:16px;min-height:46px}.teacher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher .email{font-size:11px}.hero .button{min-height:48px}html{scroll-padding-top:130px}}@media(max-width:380px){.teacher-grid{grid-template-columns:1fr}.teacher img{height:280px}.hero h1{font-size:46px}.hero{min-height:780px}.ribbon{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.teacher{padding-top:20px;border-top:1px solid #d8e0e6}.teacher img{display:block;width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:center 22%;filter:saturate(.8);margin-bottom:18px}.teacher .role{min-height:32px}.teacher p{min-height:58px}@media(max-width:600px){.teacher img{width:68px;height:68px;margin-bottom:14px}.teacher .role{min-height:38px}.teacher p{min-height:80px}}@media(max-width:380px){.teacher img{width:68px;height:68px}.teacher p{min-height:0}}

.accreditation-grid{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:55px;align-items:start}.accreditation-grid img{width:100%;height:auto;border:1px solid #d9e1eb}.accreditation-grid p{font-size:14px;color:#52647a}.accreditation-grid dl{display:grid;grid-template-columns:1fr 1.4fr;font-size:12px;gap:12px;padding-block:20px}.accreditation-grid dt{font-weight:bold}.accreditation-grid dd{margin:0}.glossary{margin-top:45px;padding-top:25px;border-top:1px solid #b6c5ac}.glossary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.glossary-grid b,.glossary-grid span{display:block}.glossary-grid span{font-size:12px}.glossary>p{font-size:13px}header nav{gap:18px;flex-wrap:wrap}@media(max-width:600px){.accreditation-grid{grid-template-columns:1fr;gap:22px}.accreditation-grid>a{max-width:220px}.accreditation-grid dl{grid-template-columns:1fr}.glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header nav{gap:4px 12px;justify-content:flex-start}header nav a{font-size:11px}}

:root{--bar-0:#d7e1ec;--bar-1:#e8d9b5;--bar-2:#294b70;--bar-3:#7c9cac;--bar-4:#b9c9d1}.hero h1{font-size:clamp(42px,4.5vw,68px);line-height:1.08}.hero h1 em{font-size:.75em}.nameplate{margin:24px 0 0;color:#294b70}.nameplate b{font-size:20px;font-weight:500;letter-spacing:3px}.nameplate span{display:block;font-size:10px;letter-spacing:.6px;margin-top:6px}.facts{gap:20px}.facts a{display:block}.facts b{font:27px Georgia,serif;display:block}.facts span{display:block;font-size:9px;letter-spacing:1px}.review-badge{font-size:9px;letter-spacing:1px;border:1px solid #bbcbdc;padding:9px 13px;border-radius:25px;white-space:nowrap}.pathway-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.pathway-grid article{border-top:3px solid #6583a0;padding:22px 12px 0 0}.pathway-grid small,.requirement-grid small{font-size:10px;color:#608099;letter-spacing:1px}.pathway-grid h3{font-size:20px}.features{grid-template-columns:repeat(3,minmax(0,1fr))}.features article:nth-child(4){border-left:0;padding-left:0}.features article:nth-child(n+4){border-top:1px solid #cbd5c6}.qualification{font-size:11px!important;min-height:52px!important;line-height:1.5;margin:15px 0}.extension{display:block;font-size:10px;color:#60716a;margin-top:10px}.credit-visual{background:#f7f7f0;border:1px solid #ccd8c5;padding:25px;margin-bottom:20px}.credit-visual>p{display:flex;justify-content:space-between;gap:20px;font-size:13px}.credit-bar{display:flex;height:40px;border-radius:4px;overflow:hidden;gap:2px}.credit-bar>div{display:flex;align-items:center;justify-content:center;font-size:12px;color:#10283b}.credit-bar>div:nth-child(3){color:white}.credit-legend{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:10px;margin-top:16px}.requirement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.requirement-grid article{border-top:1px solid #bdcbd5;padding:20px 0}.requirement-grid h3{font-size:20px}#graduation{background:#eef2f6}.career-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px}.career-layout p{font-size:14px;color:#60716a}.partner-list{display:flex;flex-wrap:wrap;gap:10px}.partner-list span{padding:8px 12px;background:#e9eff4;font-size:12px;border-radius:3px}.website-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 35px}.website-links a{padding:16px;border:1px solid #bccbb8;border-radius:4px}.website-links b,.website-links small,.website-links span{display:block}.website-links small{font-size:10px;color:#60716a}.website-links span{font-size:12px;margin-top:10px}.hero-copy{width:57%}header nav{font-size:12px;gap:15px}#language[hidden]{display:none!important}@media(max-width:900px){.pathway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.requirement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{width:67%}.review-badge{display:none}}@media(max-width:600px){.hero h1{font-size:43px}.hero-copy{width:100%}.hero{min-height:860px;padding-bottom:240px}.facts{gap:20px}.facts b{font-size:23px}.pathway-grid,.requirement-grid,.career-layout,.website-links{grid-template-columns:1fr}.features{grid-template-columns:1fr}.features article{padding-left:0!important;border-left:0!important}.credit-visual{padding:16px}.credit-visual>p{flex-direction:column;gap:4px}.credit-bar{height:35px}.teacher .qualification{min-height:65px!important}.teacher .extension{overflow-wrap:anywhere}header nav{gap:0 13px;font-size:11px}.hero .intro{max-width:320px}.hero .nameplate{margin-top:18px}}@media(max-width:380px){.hero h1{font-size:39px}.teacher .qualification{min-height:0!important}}

.hero h1{letter-spacing:-2px}.hero h1 em{letter-spacing:-1px}header nav{column-gap:13px}@media(max-width:600px){header nav a{font-size:10px}header nav{column-gap:12px}}

.recognition-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;background:#eaf0f6;border:1px solid #d3dfeb;padding:32px;margin-bottom:22px;border-radius:5px}.recognition-panel .eyebrow{margin-bottom:14px}.recognition-panel h3{font:29px/1.25 Georgia,serif;color:#203e65;margin:0 0 18px}.recognition-panel p{font-size:13px;color:#52647a}.recognition-panel h4{font-size:14px;margin:0 0 15px}.signatory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.signatory-list span{background:#f9fbfd;padding:12px;font-size:11px;border:1px solid #d9e3ed;border-radius:3px}.signatory-list b{display:block;font-size:15px;color:#203e65}.quality-principles{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:0 0 38px}.quality-principles h4{font-size:15px;margin-bottom:8px}.quality-principles p{font-size:13px;color:#60716a}.administrative-role{display:block;font-size:11px;line-height:1.45;color:#3e5b77;margin-top:4px;letter-spacing:0}.teacher .role{min-height:60px;line-height:1.5}.teacher h3{line-height:1.4}@media(max-width:600px){.recognition-panel{grid-template-columns:1fr;padding:22px;gap:20px}.recognition-panel h3{font-size:25px}.quality-principles{grid-template-columns:1fr;gap:0}.teacher .role{min-height:85px}.administrative-role{font-size:10px}}@media(max-width:380px){.teacher .role{min-height:0}}