用途：为 Riksdagsmonitor 的 HTML/CSS 开发提供移动优先的响应式设计规范，使页面从手机（320px）到大屏桌面（1440px+）都能流畅适配。
主要能力：采用移动优先与渐进增强；用 clamp() 实现流式排版与间距；用 CSS Grid 的 repeat(auto-fit, minmax(min(300px,100%),1fr)) 实现自动响应网格，用 Flexbox 实现导航在移动端纵向堆叠、桌面端横向排列；触控目标最小 44x44px；图片使用 picture/source 与 loading="lazy"；支持容器查询（container-type、@container）做组件级响应。
断点：默认移动端 320–767px；768px 平板；1024px 桌面；1440px 大桌面；1920px 超宽屏并设 max-width:1920px 居中。所有 HTML 需包含 viewport meta 标签。
使用方式：在样式表中先写最小屏基础样式，再用 @media (min-width: …) 逐级增强；排版与间距用 :root 中的 clamp() 变量；布局用 Grid/Flexbox；避免固定像素尺寸与桌面优先写法。测试可用浏览器 DevTools 关键断点，或用 Playwright 设置 viewport 截图（如 page.setViewportSize({ width: 375, height: 667 })）。
适用场景：Riksdagsmonitor 全部 HTML/CSS 开发、跨设备新功能、政治指标仪表盘、随屏幕自适应的数据可视化、14 种语言导航改版、移动可用性无障碍改进与移动网络性能优化。
限制：资料未提供安装命令、收费、价格或平台信息；容器查询需现代浏览器；建议在真实设备上测试。