:root{--bg:#fff;--text:#1f2937;--border:#e6eaf0}

body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,sans-serif;font-size:large;margin:0;color:var(--text)}
header{background:#f8fafc;}
.top{max-width:1100px;margin:0 auto;display:flex;gap:1rem;align-items:center;padding:.6rem 1rem}
.logo{text-decoration:none;color:inherit}
.logo img{width:50px;height:50px}
.top{position:sticky;top:0;background:#FFFFFF;border-bottom:1px solid var(--border);width:100%;}
nav{display:flex;gap:.75rem; margin-left:auto; overflow: auto;white-space:nowrap;}
nav a{padding:.45rem .7rem;border-radius:.5rem;text-decoration:none;color:#4F6B83;border:1px solid transparent}
nav a[aria-current="page"],nav a:hover{border-color:var(--border);background:#f5f7fb}
.search{margin-left:auto; }
.search input{width:120px;padding:.45rem .6rem;border:1px solid var(--border);border-radius:.5rem;}
.search label { display:none;}
.hero img{width:100%;display:block}
.container{max-width:1050px;margin:0 auto;padding:1rem}
figure{margin-left:20%;margin-right:20%;text-align:center;border-style: solid;border-width: 10px ;border-radius: 20px 70px;padding:3px;}
figure img {border-radius: 10px 60px;}
table{border-collapse:collapse;width:100%}
th,td{border:1px solid var(--border);padding:.6rem;text-align:left}
h1{font-size:60px;text-align:center;}
h2{font-size:30px}