/*
Theme Name: MTC Static
Version: 1.0
*/

:root{
  --apt-blue:#0b3a66;
  --apt-light:#f4f7fb;
  --apt-border:#d6dde8;
  --apt-accent:#3b82c4;
  --text-dark:#111;
  --text-muted:#555;
}

*{
  box-sizing:border-box;
}

body{
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  margin:0;
  background:#fff;
  color:var(--text-dark);
  line-height:1.55;
}

header{
  background:var(--apt-blue);
  color:#fff;
  padding:24px 40px;
}

header .wrap{
  max-width:1100px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:20px;
}

header img{
  height:48px;
}

header h1{
  font-size:22px;
  margin:0;
  font-weight:600;
}

header p{
  margin:4px 0 0 0;
  font-size:13px;
  opacity:.9;
}

main{
  max-width:1100px;
  margin:32px auto;
  padding:0 40px;
  animation:fadeIn .35s ease-out;
}

@keyframes fadeIn{
  from{opacity:0; transform:translateY(6px);}
  to{opacity:1; transform:none;}
}

h2{
  color:var(--apt-blue);
  font-size:18px;
  margin-top:32px;
}

.card{
  background:var(--apt-light);
  border:1px solid var(--apt-border);
  padding:20px;
  border-radius:6px;
  margin-top:16px;
}

.card:hover{
  border-color:var(--apt-accent);
}

ul{
  padding-left:18px;
}

li{
  margin:6px 0;
}

a{
  color:var(--apt-accent);
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

.badge{
  display:inline-block;
  background:#e7eef7;
  color:var(--apt-blue);
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
}

footer{
  border-top:1px solid var(--apt-border);
  margin-top:60px;
  padding:20px 40px;
  font-size:12px;
  color:var(--text-muted);
  text-align:center;
}

@media print{
  header, footer{display:none;}
  body{background:#fff;}
}