:root{font-family:Geist,"IBM Plex Sans Arabic",system-ui,sans-serif;color:#18181b;background:#f8fafc;line-height:1.7}body{margin:0}main{width:min(740px,calc(100% - 40px));margin:48px auto 80px}nav{display:flex;gap:20px;align-items:center;border-bottom:1px solid #ddd;padding-bottom:24px;margin-bottom:36px;flex-wrap:wrap}a{color:#4f46e5;text-underline-offset:3px}.brand{font-weight:900;font-size:24px;letter-spacing:2px;text-decoration:none;color:#18181b;margin-right:auto}h1{font-size:clamp(30px,6vw,44px);line-height:1.15;letter-spacing:-1px}h2{font-size:20px;margin-top:32px}p,li{font-size:16px}li{margin:8px 0}.tag{display:inline-block;padding:4px 12px;border-radius:20px;background:#e0e7ff;color:#3730a3;font-size:12px;font-weight:600}.note{padding:18px 22px;background:#eef2ff;border-radius:16px;border:1px solid #c7d2fe}.button{display:inline-block;background:#6366f1;color:white;font-weight:600;padding:13px 22px;text-decoration:none;border-radius:12px;margin:12px 0}footer{margin-top:40px;border-top:1px solid #ddd;padding-top:20px;font-size:13px;color:#52525b}*:focus-visible{outline:3px solid #818cf8;outline-offset:4px}