@charset "UTF-8";

body{margin:0;font-family:sans-serif;background:#fff;color:#333;line-height:1.6}
a{color:#a53a0f;text-decoration:none;outline:0;outline: none;}
:focus{outline:none}
a:visited{color:#a53a0f}
a:hover{color:#ef4501}
.container{max-width:1000px;margin:auto;padding:1rem}
.container-xl{width:100%;margin:auto;padding:1rem}
.header{background:#f8f8f8;border-bottom:1px solid #ddd}
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.logo img{height:50px}
.nav-toggle{background:0 0;border:none;font-size:1.5rem;display:none}
.nav-toggle:hover{cursor: pointer}
.nav ul{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}
.nav a{text-decoration:none;color:#333;padding:.5rem;transition:all .2s ease-in-out}
.nav a:hover{color:#c93;text-decoration:underline;cursor: pointer}
.nav a.active{color:#c93;font-weight:700;border-bottom:2px solid #c93}
@media (max-width:768px){
.nav ul{flex-direction:column;display:none;width:100%;margin-top:1rem}
.nav ul.open{display:flex}
.nav-toggle{display:block}
}
main section{margin-bottom:2rem}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;list-style:none;padding-left:0}
blockquote{border-left:4px solid #ebecef;padding-left:20px;color:#666;margin:5px 0 20px;font-style:italic;font-family:"Segoe UI",sans-serif}
blockquote span{display: block; font-size:.9rem;color:#555;padding:.3rem 1rem;background:#f8f8f8;}
footer{font-size:.9rem;color:#555;padding:2rem 1rem;background:#f8f8f8;text-align: center}

.columns-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.columns-2 > div {
  flex: 1;
  min-width: 250px;
}
.table-container {
  overflow-x: auto;
  margin-bottom: 2rem;
}
table {
  width: 100%;
  border-collapse: collapse;
}
th, td {
  padding: 0.75rem;
  border: 1px solid #ddd;
  text-align: center;
}
thead th {
  background: #f0f0f0;
  font-weight: bold;
}
tbody tr:nth-child(even) {
  background: #fafafa;
}

/*---------------- zoom ------------------*/
.zoom{overflow:hidden}
.zoom-image, .zoom-image5{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease-out}
.zoom-image:hover{transform:scale(1.15)}
.zoom-image5:hover{transform:scale(1.05)}