:root{font-family:system-ui,-apple-system,"Microsoft JhengHei",sans-serif;color:#163042;background:#f5f8fb;font-size:17px;line-height:1.65;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}header,main{max-width:1160px;margin:auto;padding:34px 32px}header{padding-bottom:20px}.eyebrow{font-size:.85rem;letter-spacing:.12em;color:#47677b}.headline{display:flex;align-items:center;justify-content:space-between;gap:18px}h1{font-size:2.3rem;letter-spacing:.02em;margin:6px 0}header p{margin:4px 0;color:#486477}.share{background:#164f6c;color:white;padding:10px 20px;border-radius:8px;text-decoration:none;white-space:nowrap}main{padding-top:0}nav{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0 22px;border-bottom:2px solid #1c526e}nav a{font-size:.9rem;color:#164f6c;background:#e4edf3;padding:10px 13px;border-radius:6px;text-decoration:none}a{color:#075f8b;text-underline-offset:4px}a:hover{color:#883e0b}a:focus-visible{outline:3px solid #db7b25;outline-offset:4px}section{scroll-margin-top:20px;margin:32px 0 42px}h2{font-size:1.35rem;margin:0 0 6px}.section-head{display:flex;gap:14px;align-items:center;margin-bottom:16px}.number{font-size:1.65rem;color:#4c768b;font-weight:700}.section-head p{margin:0;font-size:.9rem;color:#526a79}table{width:100%;border-collapse:collapse;table-layout:fixed;background:white}th{text-align:left;background:#e6eef3;font-weight:600;font-size:.9rem;padding:13px 18px;color:#355667}td{padding:17px 18px;border-bottom:1px solid #e0e7ec;vertical-align:top}th:first-child{width:28%}th:nth-child(2){width:29%}td:first-child a{font-weight:650;text-decoration:none;display:block}td:first-child a:after{content:' ↗';font-size:.8rem;color:#7697a8}td:nth-child(2){color:#355568}td:last-child{color:#526574;font-size:.94rem}.sharing{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#e4edf3;padding:28px;border-radius:12px}.sharing img{max-width:100%;height:auto;background:white;border:12px solid white}.sharing p{margin:8px 0}.siteurl{overflow-wrap:anywhere;font-size:.85rem}footer{font-size:.82rem;color:#5b7080;border-top:1px solid #cbd8e2;padding-top:22px;margin-bottom:30px}@media(max-width:700px){header,main{padding-left:18px;padding-right:18px}h1{font-size:1.65rem}.share{font-size:.85rem;padding:9px 12px}nav a{flex:1 1 43%}table,tbody,tr,td{display:block}thead{display:none}tr{padding:14px 16px;border-bottom:1px solid #d4e1e9}td{padding:3px 0;border:0}td:first-child{font-size:1.1rem}td:nth-child(2){font-size:.95rem}td:last-child:before{content:'課堂點子｜';color:#52768a}.sharing{flex-direction:column;align-items:flex-start}.sharing img{align-self:center}.section-head{align-items:flex-start}}@media print{nav,.share{display:none}body{background:white}header,main{padding:10px}section{break-inside:avoid}a{color:#163042}.sharing{background:white}h1{font-size:24px}td{padding:8px}}