*{box-sizing:border-box}body{margin:0;background:#f5f2e9;color:#192d28;font:18px/1.65 Arial,sans-serif}main{max-width:880px;margin:auto;padding:28px 24px 64px}a{color:#215c4c}header{border-bottom:2px solid #b9c7b0;padding-bottom:20px;margin-bottom:28px}.eyebrow{font-size:14px;letter-spacing:.04em}h1{font-size:clamp(28px,5vw,44px);line-height:1.15}h2{font-size:22px}p{max-width:68ch}.frame{overflow-x:auto;border:1px solid #829887;border-radius:8px;background:#fff;margin:28px 0;padding:16px}.sample{display:block;width:720px;height:48px;background:white;color:#182a25;font:20px Arial,sans-serif;white-space:nowrap;line-height:48px}.foot{font-size:15px;border-top:1px solid #b9c7b0;padding-top:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}article{padding:16px;border:1px solid #b9c7b0;border-radius:8px}small{font-size:14px}