:root{font-family:"Segoe UI","Microsoft JhengHei UI",system-ui,sans-serif;color:#16181d;background:#f7f7f8;line-height:1.65}
*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:32px 24px 48px}
h1,h2,h3,p,ul{margin:0}header{margin-bottom:24px}h1{font-size:28px;line-height:1.25}h2{font-size:20px;overflow-wrap:anywhere}h3{font-size:14px;margin-top:16px;color:#002fa7}
.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px}
.skill{padding:20px;background:#fff;border:1px solid #e3e5e8;border-radius:8px}
ul{padding-left:20px}.example{background:#eef2fc;padding:12px;border-radius:6px;margin-top:4px}.prompt{overflow-wrap:anywhere}
button{margin-top:8px;border:1px solid #002fa7;border-radius:5px;color:#002fa7;background:#fff;padding:6px 12px;min-height:44px;font:inherit;cursor:pointer}
button:hover{background:#eef2fc}button:focus-visible{outline:2px solid #002fa7;outline-offset:3px}.feedback:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.feedback{margin-top:6px}
@media(max-width:500px){main{padding:20px 16px}.skill{padding:16px}}