/* Placeholder styles for external rotot template */
:root{
  --rotot-primary:#0078d4;
}
body{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
.rotot-container{
  max-width: 1100px;
  margin: 24px auto;
  padding: 24px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}
.rotot-hero{
  text-align: center;
  padding: 36px 16px;
}
.rotot-hero h1{ margin: 0 0 8px 0; }
.rotot-hero p{ color: #555; }

/* Add any template-specific helper classes here */


/* Responsive */
@media (max-width:600px){
  .rotot-container{ padding: 16px; margin: 12px; }
}