body { font-family: Arial, sans-serif; margin:0; padding:0; background:#f2f2f2; color:#222; }
header { background:#101010; padding:16px 0; text-align:center; }

.logo-text {
  color: #59b3eb;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.4px;
}


nav { background:#222; text-align:center; padding:10px; font-size:14px; }
nav a { color:#ddd; margin:0 6px; text-decoration:none; font-weight:bold; }
nav a.active, nav a:hover { color:#fff; }
.hero { background:#e0e0e0; padding:40px 15px; text-align:center; }
.hero h1 { margin-top:0; }
main { max-width:900px; margin:25px auto; background:#fff; padding:25px; border-radius:8px; box-shadow:0 2px 4px rgba(0,0,0,0.05); }
h1, h2, h3 { margin-top:0; }
ul.sentiment { padding-left:20px; }
.button { display:inline-block; padding:10px 20px; background:#0077cc; color:#fff; text-decoration:none; border-radius:5px; margin-top:10px; }
.button.secondary { background:#555; }
.button:hover { background:#005fa3; }
.rating-box { background:#fafafa; padding:15px; border:1px solid #ddd; border-radius:6px; text-align:center; margin:20px 0; }
.rating-score { font-size:32px; font-weight:bold; }
.review { background:#f7f7f7; padding:15px; border-left:4px solid #0077cc; margin-bottom:15px; border-radius:6px; }
.author { font-size:14px; color:#555; }
.compare { width:100%; border-collapse:collapse; margin-top:15px; }
.compare th, .compare td { border:1px solid #ccc; padding:8px; text-align:center; font-size:14px; }
.video-box { margin-bottom:30px; }
footer { text-align:center; padding:20px; background:#111; color:#ccc; margin-top:30px; font-size:13px; }
.center-link { text-align:center; margin-top:20px; }
.post-teaser { border-bottom:1px solid #eee; padding:15px 0; }
.post-teaser h2 { margin-bottom:5px; }
.review-form { display:flex; flex-direction:column; gap:10px; margin-top:15px; }
.review-form input[type="text"], .review-form textarea, .review-form select {
  padding:8px; border-radius:4px; border:1px solid #ccc; font-size:14px;
}

.review-form button {
  padding:10px 18px;
  border:none;
  border-radius:4px;
  background:#0077cc;
  color:#fff;
  font-weight:bold;
  cursor:pointer;
  transition: background 0.2s ease;
}

.review-form button:hover {
  background:#005fa3;
}

.review-form .notice { font-size:12px; color:#666; }
.cta-row { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
@media (max-width:600px) {
  nav { font-size:12px; }
  .video-box iframe { width:100%; height:215px; }
  .cta-row { flex-direction:column; align-items:flex-start; }
}