.intro,.course-subtitle{color:#666}.course-subtitle{font-size:14px;margin-top:8px}.resource-list{margin-top:22px;display:grid;gap:20px}.resource{border:1px solid #ddd;border-left:3px solid #527bbd;padding:20px 22px;background:#fff}.resource-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:12px}.resource-number{font-size:25px;color:#9daec8;line-height:1.35}.resource-type{font:12px -apple-system,BlinkMacSystemFont,sans-serif;color:#777;margin-bottom:4px}.resource h3{font-size:18px;line-height:1.5;margin:0;padding:0}.resource>p{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.85;color:#444}.topics{list-style:none;display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 17px}.topics li{font:12px -apple-system,BlinkMacSystemFont,sans-serif;background:#f3f5f8;border:1px solid #e3e7ed;color:#5c6c82;padding:5px 8px;margin:0}.resource-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:14px}.open-demo{font-weight:bold}a:focus-visible{outline:2px solid #527bbd;outline-offset:4px}@media(max-width:600px){.resource{padding:16px 14px}.resource-heading{gap:10px}.resource h3{font-size:16px}.resource-actions{gap:13px;font-size:13px}.resource-number{font-size:20px}}