:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif;color:#183f35;background:#f6f7f2}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1100px;margin:auto}header{padding:28px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce1d8}.brand{text-decoration:none;color:#176747;font-size:27px;font-weight:850;letter-spacing:-1px}.brand span{font-size:13px;border-left:1px solid #b8c9bc;padding-left:16px;margin-left:16px;letter-spacing:1px}.tag,.eyebrow{letter-spacing:2px;font-size:12px;font-weight:650}.tag{color:#5d7569}main{padding:0 24px}.hero{padding:65px 0 40px}.eyebrow{color:#37735b}h1{font-size:18px;font-weight:550}h1 span{display:block;font-size:clamp(36px,6vw,64px);letter-spacing:-2px;line-height:1.25;font-weight:800;margin:20px 0}p{line-height:1.8;color:#597064}.line{height:5px;width:72px;background:#d4ba6e;margin-top:36px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head span{font-size:13px;color:#758476}h2{font-size:23px}small{font-size:13px;color:#698274;margin-left:8px}.filters{display:flex;gap:18px;margin:18px 0 25px}label{display:grid;gap:9px;font-size:13px;font-weight:650;flex:1}input,select,textarea{font:inherit;padding:14px;border:1px solid #cbd5ca;border-radius:9px;background:white;color:#254c3d;min-width:0}#list{display:grid;gap:14px}.card{padding:25px;background:#fff;border:1px solid #dfe5db;border-radius:14px;display:flex;gap:24px;justify-content:space-between;align-items:center}.card h3{margin:10px 0;font-size:20px}.card p{margin:8px 0;white-space:pre-wrap}.course{font-size:12px;color:#397a5b;background:#edf5ed;padding:5px 10px;border-radius:5px}.meta{font-size:12px;color:#7c8a7e}.download,button{border:0;background:#1e654b;color:white;padding:13px 22px;border-radius:8px;text-decoration:none;font:inherit;cursor:pointer;white-space:nowrap}.empty{text-align:center;padding:45px 20px;border:1px dashed #c9d5c6;border-radius:14px;background:#eef2e9}.empty strong{font-size:22px}.empty p{margin-bottom:0}aside{padding:24px;background:#eaf0e3;font-size:13px;line-height:1.9;border-radius:10px;margin:36px 0 60px;color:#60715c}footer{padding:24px;display:flex;justify-content:space-between;border-top:1px solid #dae1d5;color:#647866;font-size:13px}#status:empty{display:none}@media(max-width:600px){.tag,.section-head>span{display:none}.hero{padding-top:38px}.filters{flex-direction:column}.card{align-items:stretch;flex-direction:column}.download{text-align:center}footer{gap:18px;flex-direction:column}header{padding:22px 24px}.brand{font-size:24px}}

.lessons{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.lessons a{padding:13px 22px;background:#e3ecdf;color:#20543d;text-decoration:none;border-radius:8px;font-weight:650}label[hidden]{display:none}

.compact header,.compact main{max-width:760px}.compact header{padding:22px 20px}.compact main{padding:24px 20px 32px}.compact h1{font-size:26px;font-weight:750;margin:0 0 20px;letter-spacing:0}.compact .lessons{margin:0 0 24px;gap:12px;display:grid;grid-template-columns:1fr 1fr}.compact .lessons a{text-align:center;padding:13px 16px}.compact .lessons a[aria-current]{background:#1e654b;color:white}.compact .resource{margin:0 0 16px}.compact .download{display:block;text-align:center;white-space:normal;overflow-wrap:anywhere}.compact .card{padding:18px;gap:14px}.compact .card h3{font-size:18px}.compact .intro,.compact #status{font-size:15px;margin:12px 0}.compact .brand span{letter-spacing:0}@media(max-width:400px){.compact .brand{font-size:23px}.compact .brand span{margin-left:12px;padding-left:12px}}