*{box-sizing:border-box}
body{margin:0;font:1rem/1.6 system-ui,sans-serif;color:#182427;background:#f6f7f7}
.wrap{max-width:70rem;margin:auto;padding:1rem clamp(1rem,4vw,3rem)}
header,footer{background:#1b2529;color:white}
header a,footer a{color:white}
nav{display:flex;gap:1rem 2rem;flex-wrap:wrap}
a{color:#07585b;text-underline-offset:.18em}
h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12;margin:.6em 0 .4em}
.intro{font-size:1.15rem}
.product-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
figure{margin:0}img{display:block;width:100%;height:auto;border-radius:.6rem;background:white}
dl{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem}dt{font-weight:600}dd{margin:0}
.button{display:inline-block;background:#07585b;color:white;padding:.7rem 1rem;border-radius:.35rem}
.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:32rem;background:white}
caption{text-align:left;font-weight:bold;padding:.5rem 0}
th,td{padding:.7rem;text-align:left;border-bottom:1px solid #c9d0d0}
footer{margin-top:2rem}
@media(max-width:640px){.product-layout{grid-template-columns:1fr;gap:1rem}}